PageSourceSearch

https://omspice.com.au/shop

html omspice.com.au collected 2026-10-07 15:25:53 UTC 776,971 bytes, 11,884 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en-AU">
3
4<head>
4<script>(function(w,i,g){w[g]=w[g]||[];if(typeof w[g].push=='function')w[g].push(i)})
5(window,'GTM-PSWMX7N','google_tags_first_party');</script>
5<script>(function(w,d,s,l){w[l]=w[l]||[];(function(){w[l].push(arguments);})('set', 'developer_id.dY2E1Nz', true);
6		var f=d.getElementsByTagName(s)[0],
7		j=d.createElement(s);j.async=true;j.src='/h9e5/';
8		f.parentNode.insertBefore(j,f);
9		})(window,document,'script','dataLayer');</script>
9
10    <meta charset="UTF-8">
11    <meta name="viewport" content="width=device-width, initial-scale=1.0">
12
13    
14    
15    <meta http-equiv="X-Robots-Tag" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
16    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
17    <meta name="googlebot" content="index, follow">
18    <meta name="theme-color" content="#28AF50">
19
20    <!-- Preconnect hints for third-party origins -->
21    <link rel="preconnect" href="https://www.googletagmanager.com">
22    <link rel="preconnect" href="https://www.google-analytics.com">
23    <link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin>
24    <link rel="dns-prefetch" href="https://www.google.com">
25
26    <!-- Additional Page-Specific Meta Tags -->
27            
28<!-- Primary Meta Tags -->
29<title>Indian Groceries &amp; Spices Online Australia | Om Spice</title>
30<meta name="title" content="Indian Groceries &amp; Spices Online Australia | Om Spice">
31<meta name="description" content="Shop Indian groceries and spices online in Australia. Explore rice, lentils, snacks, frozen foods, fresh produce, sweets, tea, pantry essentials and more at Om Spice.">
32<meta name="keywords" content="shop groceries, buy spices, online grocery store, Indian groceries, Om Spice">
33
34<!-- Open Graph / Facebook -->
35<meta property="og:type" content="website">
36<meta property="og:site_name" content="Om Spice &amp; Grocery">
37<meta property="og:title" content="Indian Groceries &amp; Spices Online Australia | Om Spice">
38<meta property="og:description" content="Shop Indian groceries and spices online in Australia. Explore rice, lentils, snacks, frozen foods, fresh produce, sweets, tea, pantry essentials and more at Om Spice.">
39<meta property="og:url" content="https://omspice.com.au/shop">
40<meta property="og:image" content="https://omspice.com.au/front/images/logo.png">
41<meta property="og:locale" content="en_AU">
42
43<!-- Twitter -->
44<meta name="twitter:card" content="summary_large_image">
45<meta name="twitter:url" content="https://omspice.com.au/shop">
46<meta name="twitter:title" content="Indian Groceries &amp; Spices Online Australia | Om Spice">
47<meta name="twitter:description" content="Shop Indian groceries and spices online in Australia. Explore rice, lentils, snacks, frozen foods, fresh produce, sweets, tea, pantry essentials and more at Om Spice.">
48<meta name="twitter:image" content="https://omspice.com.au/front/images/logo.png">
49
50<!-- Additional Meta Tags -->
51<meta name="language" content="English">
52<meta name="revisit-after" content="7 days">
53<meta name="author" content="Om Spice &amp; Grocery">
54<link rel="canonical" href="https://omspice.com.au/shop">
55<link rel="alternate" type="text/markdown" title="LLM information" href="https://omspice.com.au/llms.txt">
56
57<!-- Structured Data for Local Business -->
58<script type="application/ld+json">
59{
60    "@context": "https://schema.org",
61    "@type": "GroceryStore",
62    "name": "Om Spice \u0026 Grocery",
63    "image": "https://omspice.com.au/front/images/logo.png",
64    "description": "Authentic Indian spices, lentils, rice &amp; groceries delivered Australia-wide. Shop Om Spice &amp; Grocery – premium quality, fast delivery. Order online now.",
65    "areaServed": "AU",
66    "address": {
67        "@type": "PostalAddress",
68        "streetAddress": "3/521, Beams Road",
69        "addressLocality": "Carseldine",
70        "addressRegion": "QLD",
71        "postalCode": "4034",
72        "addressCountry": "AU"
73    },
74    "geo": {
75        "@type": "GeoCoordinates",
76        "latitude": "-27.34643",
77        "longitude": "153.01435"
78    },
79    "url": "https://omspice.com.au",
80    "telephone": "07 3158 3044",
81    "priceRange": "$$",
82    "openingHoursSpecification": [
83        {
84            "@type": "OpeningHoursSpecification",
85            "dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"],
86            "opens": "09:00",
87            "closes": "20:00"
88        }
89    ]
90}
91</script>
91
92
93<!-- Structured Data: WebSite, Organization, Product Categories -->
94<script type="application/ld+json">
95{
96    "@context": "https://schema.org",
97    "@graph": [
98        {
99            "@type": "WebSite",
100            "@id": "https://omspice.com.au/#website",
101            "url": "https://omspice.com.au/",
102            "name": "Om Spice & Grocery",
103            "potentialAction": {
104                "@type": "SearchAction",
105                "target": "https://omspice.com.au/shop?keyword={search_term_string}",
106                "query-input": "required name=search_term_string"
107            }
108        },
109        {
110            "@type": "Organization",
111            "@id": "https://omspice.com.au/#organization",
112            "name": "Om Spice & Grocery",
113            "url": "https://omspice.com.au/",
114            "logo": "https://omspice.com.au/front/images/logo.png",
115            "sameAs": [
116                "https://www.facebook.com/OmSpiceGroceryBrisbane",
117                "https://www.instagram.com/om_spice_grocery",
118                "https://www.tiktok.com/@omspicegroceey"
119            ]
120        }
121    ]
122}
123</script>
123
124<meta name="robots" content="index, follow">
125
126<link rel="canonical" href="https://omspice.com.au/shop">
127
128
129            <link rel="next" href="https://omspice.com.au/searchresult?page=2">
130        
131    <!-- CSRF Token -->
132    <meta name="csrf-token" content="Saf8iglaLO7GMe3DmNZoBQ4yHaPlhTiacf0oaANm">
133
134    <!-- Styles -->
135    <!--- Google Search Console ---->
136    <meta name="google-site-verification" content="UinjIhS-_DBwU7w4iY2gdbOdGSlrEdp4SrXyNMvszCw" />
137    <!---- End Google Search Console ---->
138    
139    <link href="https://omspice.com.au/front/css/bootstrap.min.css" rel="stylesheet" type="text/css">
140    <link href="https://omspice.com.au/front/css/select-bootstrap.css" rel="stylesheet" type="text/css">
141    <link href="https://omspice.com.au/front/css/select.min.css" rel="stylesheet" type="text/css">
142    <!-- animation -->
143    <link href="https://omspice.com.au/front/css/animation.css" rel="stylesheet" type="text/css">
144    <!-- slick slider -->
145    <link href="https://omspice.com.au/front/css/slick-theme.css" rel="stylesheet" type="text/css">
146    <link href="https://omspice.com.au/front/css/slick.css" rel="stylesheet" type="text/css">
147    <link rel="stylesheet" href="https://omspice.com.au/vendor/toastr/toastr.min.css">
148    <link rel="stylesheet" href="https://omspice.com.au/front/css/toastr-custom.css">
149
150    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" crossorigin="anonymous" referrerpolicy="no-referrer">
151    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/v4-shims.min.css" crossorigin="anonymous" referrerpolicy="no-referrer">
152        <link rel="stylesheet" href="https://omspice.com.au/front/css/style.css?v=1791366519" type="text/css">
153    <style>
154        /* Hide Vue-bound content until Vue replaces the raw mustache expressions on mount */
155        [v-cloak] { display: none !important; }
156
157        /* ---- Stock badges: inline (product detail page) ---- */
158        .stock-badge {
159            display: inline-flex;
160            align-items: center;
161            gap: 4px;
162            font-size: 13px;
163            font-weight: 600;
164            padding: 5px 12px;
165            border-radius: 3px;
166            margin: 8px 0;
167        }
168        .stock-badge--out {
169            background: #fdecea;
170            color: #c0392b;
171            border: 1px solid #f5c6cb;
172        }
173        .stock-badge--low {
174            background: #fff8e1;
175            color: #e65100;
176            border: 1px solid #ffe082;
177        }
178        /* ---- Product card stock tags use same style as offer-badge (see style.css) ---- */
179        .product-inner {
180            position: relative;
181        }
182        .product-card__actions {
183            position: absolute;
184            top: 6px;
185            right: 6px;
186            z-index: 25;
187            display: flex;
188            flex-direction: column;
189            align-items: center;
190            gap: 6px;
191        }
192        .product-card__actions .product-wishlist-overlay,
193        .product-card__actions .home-wishlist-overlay {
194            position: static;
195            width: 26px;
196            height: 26px;
197            min-width: 0;
198            background: #fff;
199            border: none;
200            border-radius: 50%;
201            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.14);
202            color: #6b7280;
203            font-size: 11px;
204            padding: 0;
205            line-height: 1;
206        }
207        .product-card__actions .product-wishlist-overlay:hover,
208        .product-card__actions .home-wishlist-overlay:hover {
209            background: #fff;
210            color: #e63946;
211            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
212        }
213        .product-card__actions .product-wishlist-overlay.wishlisted,
214        .product-card__actions .home-wishlist-overlay.wishlisted {
215            background: #fff;
216            color: #e63946;
217        }
218        .product-card__actions .product-card__quickview {
219            width: 26px;
220            height: 26px;
221            min-width: 0;
222            background: #fff;
223            border-radius: 50%;
224            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.14);
225        }
226        .product-card__quickview {
227            display: flex;
228            align-items: center;
229            justify-content: center;
230            color: #555;
231            font-size: 14px;
232            line-height: 1;
233            text-decoration: none;
234            border: none;
235            padding: 0;
236            cursor: pointer;
237            font-family: inherit;
238        }
239        .product-card__quickview:hover {
240            color: #28AF50;
241        }
242        .product-card__actions .product-card__quickview:hover {
243            background: #fff;
244            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
245        }
246        /* Legacy cards: wishlist outside actions wrapper */
247        .product-inner > .product-wishlist-overlay,
248        .product-inner > .home-wishlist-overlay {
249            position: absolute;
250            top: 6px;
251            right: 6px;
252            z-index: 25;
253            width: auto;
254            height: auto;
255            background: transparent;
256            border: none;
257            border-radius: 0;
258            box-shadow: none;
259            color: #555;
260            font-size: 14px;
261            padding: 0;
262        }
263        .product-wishlist-overlay i,
264        .home-wishlist-overlay i {
265            pointer-events: none;
266        }
267        .product-wishlist-overlay:hover,
268        .home-wishlist-overlay:hover {
269            background: #fff;
270            color: #e63946;
271        }
272        .product-wishlist-overlay.wishlisted,
273        .home-wishlist-overlay.wishlisted {
274            background: #e63946;
275            color: #fff;
276        }
277        /* Same height/shape as .cart-button .add-to-cart and .cart-button .order, outlined green */
278        .cart-button .wishlist-cart-btn {
279            padding: 5px 20px !important;
280            border: 2px solid #28AF50;
281            background: #fff;
282            color: #28AF50;
283            transition: all ease-in-out 0.3s;
284            border-radius: 3px;
285            margin-left: 10px;
286            cursor: pointer;
287            display: inline-flex;
288            align-items: center;
289            gap: 6px;
290        }
291        .cart-button .wishlist-cart-btn:hover,
292        .cart-button .wishlist-cart-btn.wishlisted {
293            background: #28AF50;
294            color: #fff;
295        }
296
297        /* ---- Header nav: desktop spacing ---- */
298        @media (min-width: 1025px) {
299            .main-heaer .login-section {
300                margin-left: 16px;
301            }
302            .main-heaer .login-section .login-btn,
303            .main-heaer .login-section .my-card,
304            .main-heaer .login-section .cart-btn {
305                margin-right: 0;
306            }
307            .main-heaer .login-section .header-nav-link,
308            .main-heaer .login-section .login-btn > a.login {
309                display: inline-flex;
310                flex-direction: row;
311                align-items: center;
312                gap: 8px;
313            }
314            .main-heaer .login-section .header-account-link {
315                gap: 8px;
316            }
317        }
318        .main-heaer .login-section .header-wishlist-btn .fa-heart {
319            font-size: 20px;
320            width: 20px;
321        }
322
323        /* ---- Product detail page: responsive button row ---- */
324        /* Desktop: buttons sit inline with margins */
325        .cart-button {
326            display: flex;
327            flex-wrap: wrap;
328            align-items: center;
329            gap: 10px;
330        }
331        .cart-button .add-to-cart,
332        .cart-button .order {
333            margin-left: 0 !important; /* gap handles spacing */
334        }
335        .cart-button .wishlist-cart-btn {
336            margin-left: 0 !important;
337        }
338
339        /* Mobile: stack all three buttons full width */
340        @media (max-width: 575px) {
341            .cart-button {
342                flex-direction: column;
343                gap: 8px;
344            }
345            .cart-button .add-to-cart,
346            .cart-button .order,
347            .cart-button .wishlist-cart-btn {
348                width: 100% !important;
349                justify-content: center;
350                text-align: center;
351                padding-left: 16px !important;
352                padding-right: 16px !important;
353            }
354        }
355
356        /* ---- Cart sidebar: override global h4 uppercase ---- */
357        .cart-text h4 {
358            text-transform: none;
359        }
360
361        /* ---- My Cart header button: remove focus/active highlight ---- */
362        .main-heaer .login-section .cart-btn a:focus,
363        .main-heaer .login-section .cart-btn a:active {
364            outline: none;
365            box-shadow: none;
366            color: #fff;
367        }
368
369        /* ---- Wishlist button on product detail page ---- */
370    </style>
vendor: 133 bytes, lines 370-372
370
371    <script src="https://www.google.com/recaptcha/api.js" async defer type="26bba01b74dbf278e5cdec51-text/javascript"></script>
372    
372<link rel="icon" href="https://omspice.com.au/front/images/favicon.ico" type="image/x-icon" />
373    <!-- Google Tag Manager -->
374<script type="26bba01b74dbf278e5cdec51-text/javascript">
vendor: 327 bytes, lines 374-378
374(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
375new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
376j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
377'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
378})(window,document,'script','dataLayer','
378GTM-PSWMX7N
vendor: 3 bytes, line 378
378');
378</script>
378
379    <!-- End Google Tag Manager -->
380
381    <!-- Global site tag (gtag.js) - Google Ads: 955772735 -->
vendor: 68 bytes, lines 381-382
381
382    <script async src="https://www.googletagmanager.com/gtag/js?id=
382AW-955772735
vendor: 64 bytes, lines 382-383
382" type="26bba01b74dbf278e5cdec51-text/javascript"></script>
383    
383<script type="26bba01b74dbf278e5cdec51-text/javascript">
384        
vendor: 176 bytes, lines 384-391
384window.dataLayer = window.dataLayer || [];
385
386        function gtag() {
387            dataLayer.push(arguments);
388        }
389
390        gtag('js', new Date());
391        gtag('config', '
391AW-955772735
vendor: 13 bytes, lines 391-393
391');
392
393        
393function maybeFireConversion() {
394            if (document.querySelector('meta[name="js-fire-conversion"]')) {
395                gtag('event', 'conversion', {
396                    'send_to': 'AW-955772735/k0JNCL26n-UBEL_e38cD',
397                    'transaction_id': ''
398                });
399            }
400        }
401        document.addEventListener('DOMContentLoaded', maybeFireConversion);
402    </script>
402
403
404    
405    <style>
406         .visually-hidden {
407            position: absolute;
408            width: 1px;
409            height: 1px;
410            padding: 0;
411            margin: -1px;
412            overflow: hidden;
413            clip: rect(0, 0, 0, 0);
414            border: 0;
415        }
416
417
418        /* Loader styles */
419        .global-loader {
420            position: fixed;
421            top: 0;
422            left: 0;
423            width: 100%;
424            height: 100%;
425            background: rgba(255, 255, 255, 0.8);
426            display: none;
427            justify-content: center;
428            align-items: center;
429            z-index: 9999;
430        }
431
432        .loader-spinner {
433            width: 50px;
434            height: 50px;
435            border: 5px solid #f3f3f3;
436            border-top: 5px solid #3498db;
437            border-radius: 50%;
438            animation: spin 1s linear infinite;
439        }
440
441        @keyframes spin {
442            0% { transform: rotate(0deg); }
443            100% { transform: rotate(360deg); }
444        }
445
446        .carts-btn .om-btn{
447        padding: 13px 20px !important;
448       }
449
450       .bs-canvas-body {
451            background: #f7f7f7;
452            position: absolute;
453            width: 100%;
454            height: calc(100vh - 8%);
455            display: flex;
456            align-items: center;
457            flex-direction: column;
458            text-align: left;
459        }
460        /* Cart items block: force left-align on size/unit text */
461        .side-cart-items .size-select,
462        .side-cart-items .pckt-select {
463            text-align: left;
464        }
465
466        .carts-btn a {
467            width: -webkit-fill-available !important;
468        }
469
470        /* Keep long product titles visually consistent across storefront views */
471        .product-name a {
472            display: block;
473            color: inherit;
474            text-decoration: none;
475        }
476
477        .product-name h3,
478        .product-name h4,
479        .order-list h4 {
480            display: -webkit-box;
481            -webkit-line-clamp: 2;
482            -webkit-box-orient: vertical;
483            overflow: hidden;
484            text-overflow: ellipsis;
485            white-space: normal;
486            line-height: 1.35;
487            min-height: 2.7em;
488        }
489
490    </style>
491
492    <link rel="stylesheet" href="https://omspice.com.au/assets/bower_components/ion.rangeSlider/css/ion.rangeSlider.css">
493<link rel="stylesheet" href="https://omspice.com.au/assets/bower_components/ion.rangeSlider/css/ion.rangeSlider.skinHTML5.css">
494<style>
495    .price-range-slider { padding: 10px 6px 4px; }
496    .irs-bar, .irs-bar-edge { background: #28AF50; border-color: #28AF50; }
497    .irs-from, .irs-to, .irs-single { background: #28AF50; }
498    .irs-slider { border-color: #28AF50; }
499    .irs-slider.state_hover, .irs-slider:hover { background: #eafbf0; }
500
501    /* ── Shop page skeleton loader ────────────────────────────────── */
502    .shop-real-content {
503        display: none;
504    }
505    .shop-real-content.is-visible {
506        display: block;
507        animation: sk-fade-in 0.4s ease;
508    }
509    @keyframes sk-fade-in {
510        from { opacity: 0; }
511        to { opacity: 1; }
512    }
513    .shop-skeleton {
514        padding: 16px 0 32px;
515    }
516    .shop-skeleton .shimmer {
517        position: relative;
518        overflow: hidden;
519        background: #e9ecef;
520    }
521    .shop-skeleton .shimmer::after {
522        content: '';
523        position: absolute;
524        inset: 0;
525        transform: translateX(-100%);
526        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.65), transparent);
527        animation: sk-shimmer-sweep 1.4s ease-in-out infinite;
528    }
529    @keyframes sk-shimmer-sweep {
530        100% { transform: translateX(100%); }
531    }
532    .shop-skeleton .sk-line {
533        height: 14px;
534        border-radius: 4px;
535        margin-bottom: 14px;
536        width: 100%;
537    }
538    .shop-skeleton .sk-line--breadcrumb {
539        width: 220px;
540        height: 14px;
541        margin-bottom: 20px;
542    }
543    .shop-skeleton .sk-line--search {
544        height: 40px;
545        margin-bottom: 20px;
546    }
547    .shop-skeleton .sk-line--heading {
548        width: 50%;
549        height: 16px;
550        margin: 8px 0 14px;
551    }
552    .shop-skeleton .sk-block {
553        height: 40px;
554        border-radius: 4px;
555        margin-bottom: 14px;
556    }
557    .shop-skeleton__sidebar {
558        padding-top: 4px;
559    }
560    .shop-skeleton .sk-toolbar {
561        display: flex;
562        justify-content: space-between;
563        align-items: center;
564        gap: 16px;
565        margin-bottom: 20px;
566    }
567    .shop-skeleton .sk-line--title {
568        width: 180px;
569        height: 22px;
570        margin-bottom: 0;
571    }
572    .shop-skeleton .sk-line--sort {
573        width: 160px;
574        height: 36px;
575        margin-bottom: 0;
576        flex-shrink: 0;
577    }
578    .shop-skeleton__grid {
579        display: grid;
580        grid-template-columns: repeat(6, 1fr);
581        gap: 20px;
582    }
583    .shop-skeleton .sk-product {
584        display: flex;
585        flex-direction: column;
586        gap: 8px;
587        min-width: 0;
588    }
589    .shop-skeleton .sk-product__image {
590        width: 100%;
591        aspect-ratio: 1 / 1;
592        border-radius: 8px;
593    }
594    .shop-skeleton .sk-line--short {
595        width: 40%;
596    }
597    .shop-skeleton .sk-product__btn {
598        height: 32px;
599        border-radius: 6px;
600        margin-top: 4px;
601    }
602    @media (max-width: 1199px) {
603        .shop-skeleton__grid {
604            grid-template-columns: repeat(5, 1fr);
605        }
606    }
607    @media (max-width: 992px) {
608        .shop-skeleton__grid {
609            grid-template-columns: repeat(4, 1fr);
610        }
611    }
612    @media (max-width: 991px) {
613        .shop-skeleton__sidebar {
614            display: none;
615        }
616    }
617    @media (max-width: 768px) {
618        .shop-skeleton__grid {
619            grid-template-columns: repeat(3, 1fr);
620        }
621    }
622    @media (max-width: 576px) {
623        .shop-skeleton__grid {
624            grid-template-columns: repeat(2, 1fr);
625        }
626        .shop-skeleton .sk-toolbar {
627            flex-direction: column;
628            align-items: flex-start;
629        }
630        .shop-skeleton .sk-line--sort {
631            width: 100%;
632        }
633    }
634
635    /* ── Shop page SEO content (mirrors home page seo-content design) ── */
636    .seo-content-section {
637        padding: 50px 0 60px;
638        background: #fff;
639    }
640    .seo-content__heading {
641        font-size: 26px;
642        font-weight: 800;
643        color: #2b2f4c;
644        line-height: 1.3;
645        margin-bottom: 16px;
646    }
647    .seo-content__body p,
648    .seo-content-section > .container-fluid > p {
649        font-size: 15px;
650        line-height: 1.8;
651        color: #555;
652        margin-bottom: 14px;
653    }
654    .seo-content__body h3 {
655        font-size: 19px;
656        font-weight: 700;
657        color: #2b2f4c;
658        margin: 26px 0 12px;
659    }
660    .seo-content__body ul {
661        margin: 0 0 14px;
662        padding-left: 22px;
663    }
664    .seo-content__body ul li {
665        font-size: 15px;
666        line-height: 1.8;
667        color: #555;
668        margin-bottom: 6px;
669    }
670    .seo-content__cta {
671        background: #f6faf7;
672        border: 1px solid #e3ede6;
673        border-radius: 12px;
674        padding: 24px;
675        margin: 28px 0;
676        text-align: center;
677    }
678    .seo-content__cta h3 {
679        margin-top: 0;
680    }
681    .seo-content__cta-buttons {
682        display: flex;
683        flex-wrap: wrap;
684        justify-content: center;
685        gap: 10px;
686        margin-top: 16px;
687    }
688    .seo-cta-btn {
689        display: inline-flex;
690        align-items: center;
691        gap: 8px;
692        padding: 10px 22px;
693        border-radius: 8px;
694        font-size: 14px;
695        font-weight: 600;
696        text-decoration: none;
697        color: #28AF50;
698        border: 1px solid #28AF50;
699        background: #fff;
700        transition: background 0.2s ease, color 0.2s ease;
701    }
702    .seo-cta-btn:hover {
703        background: #28AF50;
704        color: #fff;
705        text-decoration: none;
706    }
707    .seo-cta-btn--primary {
708        background: #28AF50;
709        color: #fff;
710    }
711    .seo-cta-btn--primary:hover {
712        background: #1e8a3d;
713        color: #fff;
714    }
715
716    /* Category highlight cards */
717    .shop-category-highlights {
718        display: grid;
719        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
720        gap: 20px;
721        margin: 20px 0 8px;
722    }
723    .shop-category-highlight {
724        border: 1px solid #e8e8e8;
725        border-radius: 10px;
726        padding: 22px 20px;
727    }
728    .shop-category-highlight h4 {
729        font-size: 16px;
730        font-weight: 700;
731        color: #2b2f4c;
732        margin: 0 0 8px;
733    }
734    .shop-category-highlight p {
735        font-size: 14px;
736        color: #666;
737        line-height: 1.6;
738        margin: 0 0 14px;
739    }
740    .shop-category-highlight .seo-cta-btn {
741        padding: 8px 16px;
742        font-size: 13px;
743    }
744
745    /* FAQ accordion */
746    .seo-content__faq {
747        margin-top: 8px;
748    }
749    .seo-content__faq .faq-item {
750        border-bottom: 1px solid #eee;
751    }
752    .seo-content__faq .faq-item:last-child {
753        border-bottom: none;
754    }
755    .seo-content__faq .faq-question {
756        background: none;
757        border: none;
758        outline: none;
759        padding: 16px 0;
760        font-weight: 600;
761        font-size: 15px;
762        color: #2b2f4c;
763        cursor: pointer;
764        display: flex;
765        align-items: center;
766        justify-content: space-between;
767        width: 100%;
768        text-align: left;
769        gap: 12px;
770        box-shadow: none;
771        -webkit-tap-highlight-color: transparent;
772    }
773    .seo-content__faq .faq-question:focus,
774    .seo-content__faq .faq-question:active,
775    .seo-content__faq .faq-question:focus-visible {
776        outline: none !important;
777        box-shadow: none !important;
778    }
779    .seo-content__faq .faq-question:hover {
780        color: #28AF50;
781    }
782    .seo-content__faq .faq-item.open .faq-question {
783        color: #28AF50;
784    }
785    .seo-content__faq .faq-question i {
786        flex-shrink: 0;
787        transition: transform 0.25s;
788        color: #28AF50;
789    }
790    .seo-content__faq .faq-answer {
791        display: none;
792        padding: 0 0 16px;
793        color: #555;
794        font-size: 14px;
795        line-height: 1.8;
796    }
797    .seo-content__faq .faq-item.open .faq-answer {
798        display: block;
799    }
800    .seo-content__faq .faq-item.open .faq-question i {
801        transform: rotate(180deg);
802    }
803
804    /* Read More / Read Less collapse */
805    .seo-content__more {
806        max-height: 0;
807        overflow: hidden;
808        transition: max-height 0.4s ease;
809    }
810    .seo-content__more.is-expanded {
811        max-height: 20000px;
812    }
813    .seo-content__toggle-btn {
814        display: flex;
815        align-items: center;
816        justify-content: center;
817        gap: 8px;
818        margin: 8px auto 0;
819        padding: 10px 24px;
820        background: #fff;
821        border: 1px solid #28AF50;
822        color: #28AF50;
823        border-radius: 8px;
824        font-size: 14px;
825        font-weight: 600;
826        cursor: pointer;
827        transition: background 0.2s ease, color 0.2s ease;
828    }
829    .seo-content__toggle-btn:hover {
830        background: #28AF50;
831        color: #fff;
832    }
833    .seo-content__toggle-btn i {
834        transition: transform 0.25s ease;
835    }
836    .seo-content__toggle-btn.is-open i {
837        transform: rotate(180deg);
838    }
839    @media (max-width: 767px) {
840        .seo-content__heading {
841            font-size: 21px;
842        }
843    }
844</style>
845</head>
846
847<body>
848     <!-- Add loader HTML at the start of content -->
849     <div class="global-loader">
850        <div class="loader-spinner"></div>
851    </div>
852
853            
854                    <h1 class="visually-hidden">                Shop Indian Groceries, Spices & Food Products Online | Om Spice & Grocery
855    </h1>
856            
857    <div class="svg-sprite" style="display:none;">
858    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
859        <defs>
860          <symbol id="cart" viewBox="0 0 51.082 63.852">
861            <path class="a" d="M51.889,17.963H42.311V14.77a12.77,12.77,0,1,0-25.541,0v3.193H7.193A3.193,3.193,0,0,0,4,21.156V56.274a9.578,9.578,0,0,0,9.578,9.578H45.5a9.578,9.578,0,0,0,9.578-9.578V21.156A3.193,3.193,0,0,0,51.889,17.963ZM23.156,14.77a6.385,6.385,0,1,1,12.77,0v3.193H23.156ZM48.7,56.274A3.193,3.193,0,0,1,45.5,59.467H13.578a3.193,3.193,0,0,1-3.193-3.193V24.348H16.77v3.193a3.193,3.193,0,1,0,6.385,0V24.348h12.77v3.193a3.193,3.193,0,1,0,6.385,0V24.348H48.7Z" transform="translate(-4 -2)"/>
862          </symbol>
863          <symbol id="home-icon" viewBox="0 0 22.688 20.102">
864            <path id="Path_12862" data-name="Path 12862" class="cls-1" d="M3.674,21.858a.471.471,0,0,0,.475.507l5.719-.007.008-4.686s-.081-.772.669-.772h2.373a.736.736,0,0,1,.832.772l-.01,4.671h5.6a.586.586,0,0,0,.6-.631V13.073L12.05,6.055,3.674,13.073S3.674,21.858,3.674,21.858Z" transform="translate(-0.589 -2.264)"></path>
865            <path id="Path_12863" data-name="Path 12863" class="cls-1" d="M0,11.7s.711,1.311,2.262,0L11.53,3.855l8.69,7.792c1.8,1.295,2.468,0,2.468,0L11.53,1.54Z" transform="translate(0 -1.54)"></path>
866            <path id="Path_12864" data-name="Path 12864" class="cls-1" d="M23.4,4.275H21.168l.009,2.71L23.4,8.874Z" transform="translate(-3.394 -1.979)"></path>
867          </symbol>
868          <symbol id="search-icon" viewBox="0 0 18.999 19.002">
869            <path class="a" d="M18.74-.2l-3.7-3.7a.89.89,0,0,0-.631-.26h-.6a7.681,7.681,0,0,0,1.633-4.75,7.718,7.718,0,0,0-7.719-7.719A7.718,7.718,0,0,0,0-8.906,7.718,7.718,0,0,0,7.719-1.187a7.681,7.681,0,0,0,4.75-1.633v.6a.89.89,0,0,0,.26.631l3.7,3.7a.887.887,0,0,0,1.258,0l1.05-1.05A.9.9,0,0,0,18.74-.2ZM7.719-4.156a4.747,4.747,0,0,1-4.75-4.75,4.747,4.747,0,0,1,4.75-4.75,4.747,4.747,0,0,1,4.75,4.75A4.747,4.747,0,0,1,7.719-4.156Z" transform="translate(0 16.625)"/>
870          </symbol>
871          
872          <symbol id="profile-icon" viewBox="0 0 17 17">
873            <path class="a" d="M.608,17A.607.607,0,0,1,0,16.394,6.682,6.682,0,0,1,5.26,9.865a5.464,5.464,0,1,1,6.479,0A6.683,6.683,0,0,1,17,16.394V17Z"/>
874          </symbol>
875          <symbol id="more-icon" viewBox="0 0 14 20">
876            <g transform="translate(-11001 36)"><rect class="a" width="17" height="3" rx="1.5" transform="translate(11001 -36)"/><rect class="a" width="17" height="3" rx="1.5" transform="translate(11001 -30)"/><rect class="a" width="12" height="3" rx="1.5" transform="translate(11001 -24)"/></g>
877          </symbol>
878          <symbol id="special-icon" viewBox="0 0 18.124 15.402">
879            <g transform="translate(0 -38.456)"><path class="a" d="M101.078,47.644a3.817,3.817,0,0,1,2.091-3.4v-2.4h1.194V39.352l-.792-.85-1.2.909-1.262-.955-1.262.955-1.262-.955-1.261.955-1.261-.955-1.261.955L93.6,38.5l-.792.85v5.712a1.809,1.809,0,0,1,.759-.166H95.2v1.63a1.819,1.819,0,0,1-.726,1.454,3.812,3.812,0,0,1,.445,5.876h6.16Z" transform="translate(-89.525)"/><path class="a" d="M92.81,251.21v.568h.568a.759.759,0,0,0,.759-.759v-.568h-.568A.759.759,0,0,0,92.81,251.21Z" transform="translate(-89.525 -204.491)"/><path class="a" d="M356.38,346.106h5.509v1.725H356.38Z" transform="translate(-343.765 -296.76)"/><path class="a" d="M360.136,166.142l-.338-.132v-2.047h-1.326v2.047l-.338.132a2.738,2.738,0,0,0-1.753,2.566v.641h5.509v-.641A2.738,2.738,0,0,0,360.136,166.142Z" transform="translate(-343.766 -121.064)"/><path class="a" d="M356.38,424.825h5.509v1.725H356.38Z" transform="translate(-343.765 -372.692)"/><circle class="a" cx="2.754" cy="2.754" r="2.754" transform="translate(0 48.349)"/></g>
880          </symbol>
881          <symbol id="grocery-icon" viewBox="0 0 22.902 28.664">
882            <path class="a" d="M-16776.4,112.655a2.774,2.774,0,0,1-2.768-2.632l-.83-11.77a.851.851,0,0,1,.123-.48,2.46,2.46,0,0,1,.117-1.794,3.322,3.322,0,0,1,2.135-1.4,1.69,1.69,0,0,0-1.187-.653h-.045a.49.49,0,0,1-.49-.472.492.492,0,0,1,.473-.5,2.6,2.6,0,0,1,1.941.935,1.851,1.851,0,0,1-.16-.758,1.924,1.924,0,0,1,.426-1.209,2.482,2.482,0,0,1-.164-.876,2.431,2.431,0,0,1,1.822-2.363,2.2,2.2,0,0,1,1.613-2.089,1.789,1.789,0,0,1,1.74-1.377,1.75,1.75,0,0,1,.863.223,1.657,1.657,0,0,1,1.035-.215,1.682,1.682,0,0,1,1.391,1.188c.012.051.023.1.037.152a2.315,2.315,0,0,1,1.8,1.794,2.839,2.839,0,0,1,1.545,1.954c.047-.1.092-.2.139-.3.834-1.773,1.875-3.98,3.328-4.729a2,2,0,0,1,2.08.021,3.287,3.287,0,0,1,1.334,2.725,34.183,34.183,0,0,1-1.574,9.151.682.682,0,0,1,.277.105.62.62,0,0,1,.273.564v.008l-.846,12.179a2.774,2.774,0,0,1-2.771,2.624Zm-1.795-2.691a1.8,1.8,0,0,0,1.8,1.714h13.656a1.8,1.8,0,0,0,1.8-1.706l.809-11.636-.076.034a.218.218,0,0,1-.055.038l-.951.425a2.527,2.527,0,0,1-1.268.341h-.021a2.522,2.522,0,0,1-1.3-.358l-.346-.206a1.568,1.568,0,0,0-.779-.219,1.554,1.554,0,0,0-.775.219l-.35.206a2.426,2.426,0,0,1-.623.257,1.121,1.121,0,0,1-.113.029,2.414,2.414,0,0,1-.24.046,2.378,2.378,0,0,1-.426.021h-.025a2.5,2.5,0,0,1-1.191-.354l-.346-.206a1.547,1.547,0,0,0-.773-.219,1.568,1.568,0,0,0-.779.219l-.346.206a.5.5,0,0,1-.084.029,2.556,2.556,0,0,1-.961.312l-.016,0c-.043,0-.09,0-.131,0a2.458,2.458,0,0,1-1.428-.35l-.346-.206a1.568,1.568,0,0,0-.779-.219,1.542,1.542,0,0,0-.775.219l-.168.1a2.9,2.9,0,0,1-1.486.408,2.91,2.91,0,0,1-1.49-.408l-.422-.257Zm14.574-12.187.35.206a1.542,1.542,0,0,0,.775.219,1.579,1.579,0,0,0,.779-.219c.018-.013.033-.017.051-.029l.83-.366c.1-.282.168-.489.2-.59a33.309,33.309,0,0,0,1.563-9,2.347,2.347,0,0,0-.879-1.874,1.076,1.076,0,0,0-1.117.017c-1.158.6-2.16,2.729-2.893,4.283-.223.472-.43.918-.623,1.276a32.344,32.344,0,0,0-1.412,3c-.062.152-.117.307-.18.463-.135.345-.266.691-.393,1.044-.059.164-.117.333-.176.5-.148.442-.291.889-.426,1.343-.014.042-.025.084-.039.126a1.538,1.538,0,0,0,.625-.2l.344-.206a2.488,2.488,0,0,1,1.311-.358l.018,0A2.493,2.493,0,0,1-16763.623,97.777Zm-11.023-.362a2.552,2.552,0,0,1,1.293.358l.344.211a1.6,1.6,0,0,0,.527.19.572.572,0,0,0,.08.008,3.725,3.725,0,0,0-.32-2.379c-.08-.139-.16-.265-.236-.387-.025-.038-.045-.072-.07-.105-.055-.084-.105-.164-.16-.24-.029-.042-.059-.076-.09-.114-.045-.063-.092-.126-.139-.181s-.066-.076-.1-.114-.086-.093-.123-.135-.076-.067-.113-.1-.076-.072-.109-.1-.08-.059-.119-.084-.066-.051-.1-.067-.086-.046-.127-.067a.79.79,0,0,0-.088-.038.581.581,0,0,0-.135-.042.468.468,0,0,0-.072-.021,1.045,1.045,0,0,0-.281-.008l-.021,0a2.129,2.129,0,0,0-1.037.531c-.125.1-.256.215-.395.35a2.666,2.666,0,0,1-1.088.623,2.438,2.438,0,0,0-1.574.931,1.379,1.379,0,0,0-.08.943.842.842,0,0,1,.273.105l.652.392a1.872,1.872,0,0,0,.957.27,1.865,1.865,0,0,0,.955-.27l.168-.1a2.557,2.557,0,0,1,1.311-.358Zm4.863,0a2.509,2.509,0,0,1,1.3.358l.32.194c.131-.442.27-.876.408-1.31.029-.093.063-.185.1-.274.041-.131.088-.253.131-.383a6.592,6.592,0,0,0-.674.421,3.768,3.768,0,0,1-2.316.813c-.131,0-.27-.013-.414-.025l.094.425a2.53,2.53,0,0,1,.779-.2.862.862,0,0,1,.109-.008c.051,0,.1-.008.15-.008Zm-.648-5.664a1.07,1.07,0,0,1-.092.729c-.031.051-.064.105-.1.156v0c-.055.067-.109.139-.168.211a2.225,2.225,0,0,0-.654,2l.295,1.352a2.867,2.867,0,0,0,2.385-.577,4.892,4.892,0,0,1,1.684-.842c.029-.072.063-.143.088-.215.189-.472.385-.935.59-1.39a1.581,1.581,0,0,0-.205-.295c-.043-.051-.09-.1-.135-.143s-.084-.08-.131-.118-.1-.08-.156-.122-.1-.059-.143-.093-.115-.067-.174-.1c-.029-.021-.062-.034
882-.092-.055-.068-.034-.131-.067-.2-.105s-.156-.084-.232-.122a1.1,1.1,0,0,1-.48-.539.951.951,0,0,1-.051-.181Zm-4.127,1.272c.055,0,.109,0,.164.008l.051.013h.029q.12.025.24.063a.521.521,0,0,1,.072.029c.07.025.146.055.219.088.033.017.066.038.1.055a2.452,2.452,0,0,1,.211.126l.076.051a3.39,3.39,0,0,1,.273.223c.025.021.047.046.072.067.072.067.143.139.215.219.029.029.055.059.084.088.084.1.168.2.252.312l.021.025,0,.008c0-.059.01-.114.014-.173s0-.088.008-.131a2.569,2.569,0,0,1,.055-.312c0-.017,0-.038.008-.055.035-.118.072-.227.115-.337.012-.029.025-.059.041-.093a1.716,1.716,0,0,1,.1-.211c.021-.038.037-.072.059-.105a1.859,1.859,0,0,1,.109-.177c.021-.034.043-.067.063-.1.043-.055.08-.114.123-.168a.921.921,0,0,1,.055-.076l.164-.215c.055-.063.105-.131.156-.2.029-.046.033-.063.021-.1a.3.3,0,0,0-.16-.156,1.025,1.025,0,0,1-.6-.729l-.029-.131v0l-.029-.135a1.017,1.017,0,0,1,.145-.779,1.011,1.011,0,0,1,.648-.455l1.393-.3,1.428-.312h0l.131-.029a1.034,1.034,0,0,1,.779.139,1.019,1.019,0,0,1,.455.653l.059.265a1.037,1.037,0,0,1-.227.9.289.289,0,0,0-.068.215.112.112,0,0,0,.055.084l.225.122a5.317,5.317,0,0,1,.973.615,1.739,1.739,0,0,0,.318-.964,1.848,1.848,0,0,0-1.246-1.79l-.3-.109-.025-.32a1.336,1.336,0,0,0-1.33-1.242h-.547l.059-.543a.67.67,0,0,0-.025-.257.7.7,0,0,0-.572-.5.666.666,0,0,0-.564.194l-.33.32-.34-.307a.812.812,0,0,0-.543-.211.816.816,0,0,0-.818.788v.484l-.449.034a1.216,1.216,0,0,0-1.117,1.2,1.073,1.073,0,0,0,.039.278l.135.577-.59.025a1.46,1.46,0,0,0-1.4,1.466,1.427,1.427,0,0,0,.193.729l.207.358-.316.265a.938.938,0,0,0-.35.733.918.918,0,0,0,.068.345,3.005,3.005,0,0,1,.686-.337l.043-.013a2.053,2.053,0,0,1,.281-.072l.109-.013a2.036,2.036,0,0,1,.223-.021c.014,0,.021,0,.035,0A1.107,1.107,0,0,1-16774.559,93.026Zm6.178-3.129-1.264.278-1.428.312a.2.2,0,0,0-.15.24.2.2,0,0,0,.24.152l2.686-.585a.209.209,0,0,0,.127-.088.222.222,0,0,0,.029-.152.215.215,0,0,0-.2-.16C-16768.355,89.893-16768.367,89.9-16768.381,89.9Zm-1.4,19.923a.487.487,0,0,1-.484-.484.488.488,0,0,1,.484-.489h.977a.488.488,0,0,1,.484.489.487.487,0,0,1-.484.484Zm-7.3,0a.484.484,0,0,1-.484-.484.485.485,0,0,1,.484-.489h5.357a.488.488,0,0,1,.484.489.487.487,0,0,1-.484.484Zm0-1.946a.485.485,0,0,1-.484-.489.482.482,0,0,1,.484-.484h4.381a.485.485,0,0,1,.488.484.489.489,0,0,1-.488.489Zm0-1.946a.485.485,0,0,1-.484-.489.485.485,0,0,1,.484-.489h3.408a.489.489,0,0,1,.488.489.489.489,0,0,1-.488.489Zm11.855-8.612a.493.493,0,0,1-.3-.619,1.836,1.836,0,0,1,2.32-1.145.858.858,0,0,0,1.086-.535.486.486,0,0,1,.619-.3.487.487,0,0,1,.3.615,1.831,1.831,0,0,1-2.32,1.145.858.858,0,0,0-1.086.535.483.483,0,0,1-.459.333A.53.53,0,0,1-16765.227,97.318Zm1.154-3.394a.478.478,0,0,1-.3-.615,1.8,1.8,0,0,1,.922-1.053,1.813,1.813,0,0,1,1.4-.093.86.86,0,0,0,1.086-.535.485.485,0,0,1,.615-.307.49.49,0,0,1,.3.619,1.831,1.831,0,0,1-2.32,1.145.837.837,0,0,0-.652.042.854.854,0,0,0-.434.493.489.489,0,0,1-.459.333A.411.411,0,0,1-16764.072,93.923Zm1.148-3.39a.487.487,0,0,1-.3-.615,1.613,1.613,0,0,1,2.039-1.006.635.635,0,0,0,.48-.029.64.64,0,0,0,.318-.366.489.489,0,0,1,.619-.3.488.488,0,0,1,.3.615,1.605,1.605,0,0,1-.809.926,1.6,1.6,0,0,1-1.23.08.628.628,0,0,0-.8.4.486.486,0,0,1-.463.328A.505.505,0,0,1-16762.924,90.533Z" transform="translate(16780.502 -84.491)"/>
883          </symbol>
884          <symbol id="veg-icon" viewBox="0 0 21.579 18.587">
885            <path class="a" d="M771.659,582.186l-.839.176.486-.707-.6-.412-.581.846a2.67,2.67,0,0,0-.408-.611l.437-.976a9.732,9.732,0,0,0,.852-3.962,5.82,5.82,0,0,0-.614-2.6,4.873,4.873,0,0,0-7.383-1.651,5.81,5.81,0,0,1,1.7-3.706l-.516-.515a6.578,6.578,0,0,0-1.282,1.822,3.649,3.649,0,0,0-3.38-2.294.365.365,0,0,0-.364.365,3.648,3.648,0,0,0,3.2,3.615,6.627,6.627,0,0,0-.086.744l-.014-.012a4.887,4.887,0,0,0-4.334-.9,4.354,4.354,0,0,0-4.055-2.723h-1.822a.364.364,0,0,0-.364.364v1.822a4.342,4.342,0,0,0,1.874,3.591,4.483,4.483,0,0,0-2.409,3.353,10.793,10.793,0,0,0-.073,4.671,4.646,4.646,0,0,0,.516,1.294l-.434.089a1.166,1.166,0,0,0,.234,2.309h16.084a2.693,2.693,0,0,0,1.917-.794l.205-.205a2.7,2.7,0,0,0,.742-1.385l.757.81.532-.5-.922-.984,1.1-.23Zm-11.745-13.831a2.921,2.921,0,0,1,2.5,2.5A2.921,2.921,0,0,1,759.914,568.355Zm1.9,4.526.587.47a.363.363,0,0,0,.455,0l.586-.469a4.146,4.146,0,0,1,6.3,1.387,5.086,5.086,0,0,1,.536,2.271,9,9,0,0,1-.788,3.663l-.351.782a2.685,2.685,0,0,0-1.992-.369l-6.745,1.376a4.668,4.668,0,0,0-.091-1.657,10.807,10.807,0,0,0-2.135-4.155,5.218,5.218,0,0,0-2.694-1.856c.009-.018.018-.036.026-.055a4.121,4.121,0,0,1,3.713-2.295,4.163,4.163,0,0,1,2.589.907Zm-9.39-2v-1.457h1.457a3.629,3.629,0,0,1,3.364,2.236,4.834,4.834,0,0,0-1.259.811l-.647-.647v-1.672l-.32,1.351-1.914-1.3,1.354,1.775-1.307.364h1.672l.656.656a4.866,4.866,0,0,0-.62.948c-.047.093-.093.193-.138.3h-.061A3.617,3.617,0,0,1,752.419,570.88Zm-.626,11.448a10,10,0,0,1,.069-4.331c.29-1.172.93-2.638,2.342-2.968s2.634.7,3.414,1.62A10.
885016,10.016,0,0,1,759.6,580.5a3.942,3.942,0,0,1,.03,1.647l-.78.16a3.28,3.28,0,1,0-5.7,1.164l-.783.16A3.955,3.955,0,0,1,751.793,582.328Zm2.2.972a2.49,2.49,0,0,1-.776-1.3,2.551,2.551,0,1,1,4.8.483Zm15.1,1.373-.205.2a1.964,1.964,0,0,1-1.4.581H751.4a.437.437,0,0,1-.087-.867l4.881-1a2.822,2.822,0,0,1-.146.647l.686.245a3.513,3.513,0,0,0,.206-1.044l1.781-.365a2.821,2.821,0,0,1-.159.849l.687.246a3.565,3.565,0,0,0,.2-1.244l1.783-.365a2.854,2.854,0,0,1-.162,1.049l.687.246a3.585,3.585,0,0,0,.193-1.441l1.779-.365a2.851,2.851,0,0,1-.148,1.246l.687.245a3.6,3.6,0,0,0,.175-1.636l2.1-.428a2.882,2.882,0,0,1-.081.988l-.036.139.705.185.036-.139a3.618,3.618,0,0,0,.091-1.319l.036-.008a2.053,2.053,0,0,1,.4-.04,1.982,1.982,0,0,1,1.4,3.383Z" transform="translate(-750.23 -567.6)"/>
886          </symbol>
887          <symbol id="dairy-icon" viewBox="0 0 25.459 28.074">
888            <path class="a" d="M-16779.533,112.073a.469.469,0,0,1-.467-.467V90.137a.47.47,0,0,1,.139-.333l1.727-1.731V85.467a.469.469,0,0,1,.467-.467h11.207a.466.466,0,0,1,.463.467v2.607l1.73,1.731a.47.47,0,0,1,.139.333v12.512a4.522,4.522,0,0,0-.492.712,5.035,5.035,0,0,0-.441-.649V90.327l-1.4-1.4-1.4,1.4v10.848c-.1-.008-.2-.013-.295-.013a4.071,4.071,0,0,0-.641.055V95.271h-10.268v11.2h4.49a1.365,1.365,0,0,0,.379.821,1,1,0,0,0,.121.109h-4.99v3.735h6.92l.08.295a1.846,1.846,0,0,0,.328.64Zm.467-17.738h10.268V90.6h-10.268Zm.662-4.666h9.879l.936-.935h-9.885Zm1.205-1.87h10.27V85.934h-10.27Zm13.963,24.1a.964.964,0,0,1-.93-.707l-.459-1.642-.455,1.642a.974.974,0,0,1-.936.707h-4.281a.968.968,0,0,1-.928-.7l-1.225-4.367h-.771a.487.487,0,0,1-.488-.5.5.5,0,0,1,.51-.472h1.705a3.664,3.664,0,0,1,3.336-3.82,2.877,2.877,0,0,1,.951.164,4.539,4.539,0,0,1,.977.569,4.12,4.12,0,0,1,1.4,3.087h.4a3.666,3.666,0,0,1,3.336-3.82,3.665,3.665,0,0,1,3.332,3.82h1.727a.487.487,0,0,1,.488.5.5.5,0,0,1-.51.472h-.75l-1.213,4.359a.964.964,0,0,1-.93.707Zm-1.2-3.508a.664.664,0,0,1,.639.489l.574,2.047h4.273l1.143-4.093h-.436l-.012,0-.012,0h-5.641a.027.027,0,0,1-.025,0h-1.377l-.016,0-.014,0h-5.639a.027.027,0,0,1-.025,0h-.434l1.137,4.089h1.824l.012,0h2.443l.572-2.047a.671.671,0,0,1,.641-.489Zm.994-2.531h4.711a2.692,2.692,0,0,0-2.354-2.843A2.692,2.692,0,0,0-16763.445,105.858Zm-7.072,0h4.713a3.153,3.153,0,0,0-1.166-2.438.441.441,0,0,1-.055-.038,1.967,1.967,0,0,0-1.133-.366A2.693,2.693,0,0,0-16770.518,105.858Zm-3.687-1.251a2.038,2.038,0,0,1-1.457-.606,2.044,2.044,0,0,1-.6-1.457,5.628,5.628,0,0,1,.59-2.493l1.326-2.657a.485.485,0,0,1,.834,0l1.332,2.657a5.623,5.623,0,0,1,.584,2.493,2.034,2.034,0,0,1-.6,1.457,2.035,2.035,0,0,1-1.457.606Zm-.637-4.14a4.668,4.668,0,0,0-.488,2.076,1.1,1.1,0,0,0,.328.8,1.115,1.115,0,0,0,.8.333h.547a1.13,1.13,0,0,0,.8-.333,1.124,1.124,0,0,0,.328-.8,4.7,4.7,0,0,0-.492-2.076l-.91-1.819Z" transform="translate(16780.5 -84.499)"/>
889          </symbol>
890          <symbol id="drinks-icon" viewBox="0 0 17.854 28.348">
891           <path class="a" d="M-16770.955,112.347A1.049,1.049,0,0,1-16772,111.3l-.613-12.255a1.063,1.063,0,0,1,1.053-1.074h7.365a1.056,1.056,0,0,1,1.053,1.053l-.615,12.3a1.04,1.04,0,0,1-1.049,1.028Zm-.176-1.07a.182.182,0,0,0,.176.2h6.145a.177.177,0,0,0,.172-.177l.043-.792h-6.574Zm-.08-1.642h6.658l.332-6.645c-.076-.021-.328-.105-.328-.105l-.215-.076a3.522,3.522,0,0,0-1.482-.282,3.623,3.623,0,0,0-1.482.278,4.409,4.409,0,0,1-1.795.337,4.39,4.39,0,0,1-1.785-.333l-.248-.093Zm-.531-10.612.139,2.767c.068.017.105.029.152.042l.379.131a3.728,3.728,0,0,0,1.549.3,3.539,3.539,0,0,0,1.482-.278,4.459,4.459,0,0,1,1.795-.333,4.4,4.4,0,0,1,1.789.333l.277.1.156-3.078a.175.175,0,0,0-.176-.164h-7.365A.178.178,0,0,0-16771.742,99.023Zm-4.469,12.453a2.157,2.157,0,0,1-1.629.745,2.163,2.163,0,0,1-2.16-2.165V93.531a.53.53,0,0,1,.084-.286l2.969-4.607a.538.538,0,0,1-.189-.4v-2.7a.535.535,0,0,1,.535-.531h4.047a.532.532,0,0,1,.531.531v2.7a.52.52,0,0,1-.191.4l2.971,4.607a.5.5,0,0,1,.088.286v3.281h-1.066V93.687l-3.174-4.923h-2.367l-3.176,4.923v3.348h6.6a2.683,2.683,0,0,0-1.205,1.065h-5.391v5.159h5.154l.055,1.065h-5.209v5.731a1.1,1.1,0,0,0,1.1,1.1,1.1,1.1,0,0,0,1.1-1.1.53.53,0,0,1,.529-.531.532.532,0,0,1,.531.531,1.1,1.1,0,0,0,1.1,1.1,1.1,1.1,0,0,0,1.1-1.1.393.393,0,0,1,.035-.156l.041.918a2.606,2.606,0,0,0,.178.922,2.173,2.173,0,0,1-1.348.48A2.166,2.166,0,0,1-16776.211,111.475Zm.139-23.777h2.982V86.065h-2.982Z" transform="translate(16780.5 -84.499)"/>
892          </symbol>
893          <symbol id="snacks-icon" viewBox="0 0 19.719 24.301">
894            <path class="a" d="M-16771.5,108.275c-.094,0-.186-.013-.277-.017-.2-.017-.393-.038-.59-.059s-.422-.059-.623-.088c-.08-.013-.156-.025-.232-.042a9.081,9.081,0,0,1-5.521-2.923l-.008,0a.449.449,0,0,1,.021.067,9.528,9.528,0,0,1-1.082-2.1,5.206,5.206,0,0,1-.186-1.39,3.327,3.327,0,0,1,.186-1.179,5.206,5.206,0,0,1-.186-1.39,3.327,3.327,0,0,1,.186-1.179,5.214,5.214,0,0,1-.186-1.394,2.25,2.25,0,0,1,.951-2.135c.986-.606,2.426-.358,4.254-.051a24.212,24.212,0,0,0,4.152.455,24.348,24.348,0,0,0,4.156-.455c1.822-.307,3.268-.556,4.254.051a2.25,2.25,0,0,1,.951,2.135,5.214,5.214,0,0,1-.186,1.394,3.327,3.327,0,0,1,.186,1.179,5.206,5.206,0,0,1-.186,1.39,3.327,3.327,0,0,1,.186,1.179,5.206,5.206,0,0,1-.186,1.39,8.433,8.433,0,0,1-1.066,2.034l0,0a9.07,9.07,0,0,1-5.52,2.923c-.076.017-.152.029-.232.042-.207.029-.412.063-.623.088-.193.021-.393.042-.59.059-.092,0-.186.013-.277.017-.287.017-.572.025-.863.025S-16771.221,108.292-16771.5,108.275Zm-7.121-5.2c.008.029.021.055.029.08.051.143.1.286.164.425.008.021.021.042.029.063.068.135.135.27.211.4a.639.639,0,0,1,.066.1c.072.114.148.227.229.333a1.932,1.932,0,0,0,.127.16l.2.24c.072.076.143.147.215.219.055.051.105.1.156.152q.152.133.311.265c.029.025.064.051.094.072.131.1.27.2.412.3l.025.013a9.489,9.489,0,0,0,3.541,1.327l.043,0c.215.038.43.067.648.093.072.008.146.013.223.021.164.017.328.034.5.042.248.013.5.021.758.021s.51-.008.762-.021c.164-.008.328-.025.492-.042.076-.008.152-.013.229-.021.219-.025.434-.055.645-.093l.041,0a9.413,9.413,0,0,0,3.541-1.327l.025-.013c.145-.1.283-.2.418-.3.029-.021.059-.046.088-.072q.164-.133.316-.265c.051-.051.1-.1.15-.152.076-.072.148-.143.215-.219s.141-.16.2-.24c.047-.051.088-.105.131-.16a3.9,3.9,0,0,0,.223-.333c.025-.034.047-.067.068-.1.074-.135.146-.27.209-.4.014-.025.021-.042.035-.063a4.278,4.278,0,0,0,.16-.425c.012-.025.02-.051.033-.08a4.813,4.813,0,0,0,.125-.51l0,0a9.052,9.052,0,0,1-5.525,2.927c-.07.017-.15.029-.227.042-.207.029-.412.063-.623.088s-.4.042-.59.059c-.092,0-.189.013-.281.017-.283.017-.568.025-.859.025s-.578-.008-.859-.025c-.094,0-.186-.013-.277-.017-.2-.017-.4-.038-.59-.059-.211-.025-.422-.059-.629-.088-.074-.013-.15-.025-.227-.042a9.085,9.085,0,0,1-5.525-2.927l0,0A4.828,4.828,0,0,0-16778.623,103.078Zm0-2.569c.008.029.025.059.033.088a4.063,4.063,0,0,0,.16.413c.008.025.025.051.033.072.064.135.135.265.207.4.025.038.051.072.072.109.07.109.143.219.219.324.041.055.092.114.139.168.059.076.127.152.193.227s.146.156.223.232c.047.046.1.093.145.139q.158.139.328.278l.076.059c.139.105.277.211.43.307l.008.008a9.5,9.5,0,0,0,3.549,1.327l.035,0c.215.038.434.067.652.093.072.008.143.013.219.021.164.017.328.034.5.042.248.013.5.021.758.021s.514-.008.762-.021c.168-.008.336-.025.5-.042.07-.008.146-.013.219-.021.219-.025.438-.055.652-.093l.029,0a9.494,9.494,0,0,0,3.555-1.327l.008-.008c.152-.1.295-.2.43-.307.025-.017.051-.038.08-.059.109-.093.219-.185.324-.278l.139-.139c.08-.076.156-.152.229-.232s.129-.152.193-.227c.047-.059.092-.114.139-.168.076-.109.146-.215.219-.324.021-.038.047-.072.068-.109.074-.131.146-.261.209-.4a.605.605,0,0,1,.035-.072,4.063,4.063,0,0,0,.16-.413c.012-.029.02-.059.033-.088a5.08,5.08,0,0,0,.125-.51l-.012.013a9.083,9.083,0,0,1-5.512,2.918c-.076.017-.156.025-.232.042-.207.029-.412.063-.623.088s-.393.042-.59.055c-.092.008-.189.017-.277.021-.287.017-.572.025-.863.025s-.578-.008-.859-.025c-.094,0-.186-.013-.277-.021-.2-.013-.4-.034-.59-.055-.211-.025-.422-.055-.623-.088-.08-.017-.156-.025-.236-.042a9.1,9.1,0,0,1-5.514-2.918l-.008-.013A5.089,5.089,0,0,0-16778.623,100.509Zm.3-5.369c-.342.206-.51.691-.51,1.436a4.573,4.573,0,0,0,.922,2.754c.029.042.068.08.1.126.08.1.164.2.252.295.064.067.127.135.2.2s.129.126.2.19c.092.08.186.164.281.24.047.034.09.067.131.1.127.093.254.185.389.274l0,0a9.147,9.147,0,0,0,2.82,1.179l.115.025c.172.038.348.076.525.109l.244.038c.152.025.3.046.455.067l.4.038c.113.008.232.021.354.029.266.017.531.025.8.025s.539-.008.8-.025c.123-.008.236-.021.359-.029l.395-.038c.156-.021.309-.042.459-.067l.244-.038c.178-.034.355-.072.527-.109l.113-.025a9.057,9.057,0,0,0,2.822-1.179l0,0c.135-.088.262-.181.387-.274.047-.034.09-.067.131-.1.1-.076.189-.16.283-.24.066-.063.135-.126.2-.19s.131-.131.189-.2a3.115,3.115,0,0,0,.252-.295c.039-.046.072-.084.105-.126a4.6,4.6,0,0,0,.922-2.754c0-.745-.172-1.23-.508-1.436-.553-.341-1.812-.126-3.273.126a25.6,25.6,0,0,1-4.408.476,25.73,25.73,0,0,1-4.41-.476,15.642,15.642,0,0,0-2.4-.3A1.687,1.687,0,0,0-16778.32,95.14Zm2.893,3.992a.854.854,0,0,1,.939-.72.854.854,0,0,1,.939.72.854.854,0,0,1-.939.72A.854.854,0,0,1-16775.428,99.132Zm7.645-.345a.789.789,0,0,1,.875-.67.794.794,0,0,1,.877.67.8.8,0,0,1-.877.674A.792.792,0,0,1-16767.783,98.787Zm-9.055-1.588a.536.536,0,0,1,.59-.446.528.528,0,0,1,.58.446.528.528,0,0,1-.58.451A.536.536,0,0,1-16776.838,97.2Zm-1.486-4.586a1.225,1.225,0,0,1-.43-1.065,3,3,0,0,1,1.268-2.055,6.884,6.884,0,0,1,4.189-1.3,8.834,8.834,0,0,1,1.37
8947-1.672A5.845,5.845,0,0,1-16767.8,85a8.161,8.161,0,0,1,4.152,1.086,3.4,3.4,0,0,1,1.883,2.813,3.162,3.162,0,0,1-1.8,2.889,7.39,7.39,0,0,1-3.381.758,12.586,12.586,0,0,1-2.43-.253,12.916,12.916,0,0,0-2.51-.248,12.438,12.438,0,0,0-2.586.463,14.3,14.3,0,0,1-2.189.421,2.072,2.072,0,0,1-.229.008A2.434,2.434,0,0,1-16778.324,92.613Zm1.555-2.59a2.33,2.33,0,0,0-.986,1.524c0,.282.043.459.131.522.063.051.244.105.74.105h0c.01,0,.014,0,.021,0,1.223-.017,1.938-1.251,2.771-2.678.1-.168.193-.341.3-.514A5.432,5.432,0,0,0-16776.77,90.023Zm7.621,1.529a11.387,11.387,0,0,0,2.207.232c.7,0,4.186-.139,4.186-2.885,0-1.874-2.605-3.137-5.041-3.137-2.471,0-3.723,1.369-4.729,2.952a.459.459,0,0,0-.025.046c-.219.341-.426.695-.627,1.044a13.1,13.1,0,0,1-1.242,1.891,11.743,11.743,0,0,1,2.539-.413A14.1,14.1,0,0,1-16769.148,91.552Zm.113-1.7a.348.348,0,0,1-.146-.27.348.348,0,0,1,.146-.27.582.582,0,0,1,.35-.109.585.585,0,0,1,.354.109.345.345,0,0,1,.148.27.345.345,0,0,1-.148.27.588.588,0,0,1-.354.114A.585.585,0,0,1-16769.035,89.851Zm2.342-1.436a.356.356,0,0,1-.143-.27.356.356,0,0,1,.143-.27.6.6,0,0,1,.354-.109.585.585,0,0,1,.354.109.345.345,0,0,1,.148.27.345.345,0,0,1-.148.27.585.585,0,0,1-.354.109A.6.6,0,0,1-16766.693,88.415Z" transform="translate(16780.5 -84.499)"/>
895          </symbol>
896          <symbol id="home-care-icon" viewBox="0 0 23.193 23.198">
897            <path class="a" d="M-16767.164,107.2a1.02,1.02,0,0,1-1.02-1.019v-4.889h-1.436v4.889a1.023,1.023,0,0,1-1.02,1.019h-8.342a1.023,1.023,0,0,1-1.02-1.019V86.718a1.716,1.716,0,0,1,1.713-1.718h6.949a1.721,1.721,0,0,1,1.719,1.718v1.065h2.131v-1.76a1.021,1.021,0,0,1,1.018-1.023h6.949a1.024,1.024,0,0,1,1.023,1.023v4.169a1.024,1.024,0,0,1-1.023,1.019h-3.15v3.521h3.846a1.018,1.018,0,0,1,1.02,1.019v10.427a1.02,1.02,0,0,1-1.02,1.019Zm-.371-1.019a.368.368,0,0,0,.371.366h8.338a.368.368,0,0,0,.371-.366V98.159h-9.08Zm-11.816,0a.37.37,0,0,0,.371.366h8.342a.366.366,0,0,0,.365-.366V98.159h-.365a.325.325,0,0,1-.328-.324.325.325,0,0,1,.328-.324h.365V86.718a1.063,1.063,0,0,0-1.064-1.065h-6.949a1.067,1.067,0,0,0-1.064,1.065v6.275h.715a.675.675,0,0,1,.674.674V96.1a.673.673,0,0,1-.674.674h-.715v.741h7.318a.325.325,0,0,1,.328.324.325.325,0,0,1-.328.324h-7.318V98.9h.715a.675.675,0,0,1,.674.674V102a.675.675,0,0,1-.674.674h-.715Zm0-4.148h.715a.024.024,0,0,0,.025-.025v-2.43a.024.024,0,0,0-.025-.025h-.715Zm9.732-1.39h1.436V95.751a1.018,1.018,0,0,1,1.02-1.019h3.844V91.211h-3.15a1.02,1.02,0,0,1-1.018-1.019v-1.76h-2.131Zm8.338-3.5a.972.972,0,0,1-.068.371h2.895v-1.76a.371.371,0,0,0-.371-.371h-8.338a.371.371,0,0,0-.371.371v1.76h.736V96.445a.326.326,0,0,1,.328-.324h2.086a.323.323,0,0,1,.324.324v1.065h.813a.905.905,0,0,1-.072-.371,1.018,1.018,0,0,1,1.02-1.019A1.018,1.018,0,0,1-16761.281,97.14Zm-1.391,0a.372.372,0,0,0,.371.371.371.371,0,0,0,.371-.371.374.374,0,0,0-.371-.371A.375.375,0,0,0-16762.672,97.14Zm-3.473.371h1.436V96.77h-1.436Zm-13.207-1.39h.715a.022.022,0,0,0,.025-.025v-2.43a.024.024,0,0,0-.025-.025h-.715Zm18.766-5.559h1.064a.371.371,0,0,0,.371-.371V87.737h-1.436Zm-6.254-4.54v4.169a.371.371,0,0,0,.369.371h5.236v-4.91h-5.236A.368.368,0,0,0-16766.84,86.023Zm6.254,1.061h1.436V86.023a.368.368,0,0,0-.371-.371h-1.064Zm-5.518,15.27a3.114,3.114,0,0,1,3.107-3.108,3.107,3.107,0,0,1,3.1,3.108,3.1,3.1,0,0,1-3.1,3.1A3.11,3.11,0,0,1-16766.1,102.354Zm.652,0a2.458,2.458,0,0,0,2.455,2.455,2.461,2.461,0,0,0,2.455-2.455A2.458,2.458,0,0,0-16763,99.9,2.455,2.455,0,0,0-16765.451,102.354Zm.742,0a1.712,1.712,0,0,1,1.713-1.714,1.834,1.834,0,0,1,.43.051.329.329,0,0,1,.236.4.327.327,0,0,1-.4.236,1.084,1.084,0,0,0-.266-.034,1.067,1.067,0,0,0-1.064,1.065,1.069,1.069,0,0,0,1.064,1.065,1.07,1.07,0,0,0,1.066-1.065,1.239,1.239,0,0,0-.033-.27.318.318,0,0,1,.23-.392.327.327,0,0,1,.4.232,1.842,1.842,0,0,1,.051.43,1.719,1.719,0,0,1-1.715,1.714A1.715,1.715,0,0,1-16764.709,102.354Zm4.148-5.584a.326.326,0,0,1-.33-.324.326.326,0,0,1,.33-.324h1.039a.321.321,0,0,1,.324.324.321.321,0,0,1-.324.324Zm-5.215-6.949a.329.329,0,0,1-.328-.324V86.718a.329.329,0,0,1,.328-.328h1.391a.326.326,0,0,1,.324.328.325.325,0,0,1-.324.324h-1.066v2.127h2.826V87.042h-.371a.325.325,0,0,1-.324-.324.326.326,0,0,1,.324-.328h.7a.325.325,0,0,1,.324.328V89.5a.324.324,0,0,1-.324.324Zm-9.732,0a.677.677,0,0,1-.674-.674v-.695a.673.673,0,0,1,.674-.67h1.395a.669.669,0,0,1,.67.67v.695a.672.672,0,0,1-.67.674Zm-.02-1.369v.695a.022.022,0,0,0,.02.021h1.395a.023.023,0,0,0,.021-.021v-.695a.023.023,0,0,0-.021-.021h-1.395A.022.022,0,0,0-16775.527,88.453Z" transform="translate(16780.5 -84.499)"/>
898          </symbol>
899          <symbol id="spices-icon" viewBox="0 0 21.67 21.67">
900            <g transform="translate(-26.781 -669.769)"><path class="a" d="M29.824,669.769a1.24,1.24,0,0,0-.9.385,1.244,1.244,0,0,0-2.144.86v18.318a2.082,2.082,0,0,0,.623,1.492,2.187,2.187,0,0,0,3.041,0,2.083,2.083,0,0,0,.624-1.492V671.014A1.247,1.247,0,0,0,29.824,669.769Zm-.9,20.979a1.419,1.419,0,0,1-1.453-1.416.554.554,0,0,1,1.107,0,.346.346,0,1,0,.691,0,.554.554,0,0,1,1.107,0A1.419,1.419,0,0,1,28.925,690.748Zm1.452-2.531a1.243,1.243,0,0,0-1.107,0v-3.035a.346.346,0,0,0-.691,0v3.035a1.243,1.243,0,0,0-1.107,0v-17.2a.554.554,0,0,1,1.107,0V683.8a.346.346,0,1,0,.691,0V671.014a.554.554,0,0,1,1.107,0Z"/><path class="a" d="M34.8,669.769a1.242,1.242,0,0,0-.9.385,1.244,1.244,0,0,0-2.144.86v18.318a2.079,2.079,0,0,0,.624,1.492,2.186,2.186,0,0,0,3.04,0,2.083,2.083,0,0,0,.624-1.492V671.014A1.247,1.247,0,0,0,34.8,669.769Zm-.9,20.979a1.419,1.419,0,0,1-1.452-1.416.553.553,0,0,1,1.106,0,.346.346,0,1,0,.692,0,.553.553,0,0,1,1.106,0A1.419,1.419,0,0,1,33.9,690.748Zm1.452-2.531a1.241,1.241,0,0,0-1.106,0v-11.67a.346.346,0,1,0-.692,0v11.67a1.241,1.241,0,0,0-1.106,0v-17.2a.553.553,0,0,1,1.106,0v4.15a.346.346,0,1,0,.692,0v-4.15a.553.553,0,0,1,1.106,0Z"/><path class="a" d="M48.3,675.337a5.074,5.074,0,0,0-2.827-.845l-.145,0,.1-.1a5.065,5.065,0,0,0,1.4-2.6.345.345,0,0,0-.407-.407,5.065,5.065,0,0,0-2.6,1.4c-.034.034-.068.069-.1.1,0-.048,0-.1,0-.145a5.074,5.074,0,0,0-.845-2.827.348.348,0,0,0-.576,0,5.074,5.074,0,0,0-.845,2.827c0,.049,0,.1,0,.145-.033-.035-.066-.07-.1-.1a5.065,5.065,0,0,0-2.6-1.4.347.347,0,0,0-.407.407,5.065,5.065,0,0,0,1.4,2.6l.1.1-.145,0a5.074,5.074,0,0,0-2.827.845.348.348,0,0,0,0,.576,5.074,5.074,0,0,0,2.827.845l.145,0c-.035.033-.07.066-.1.1a5.072,5.072,0,0,0-1.4,2.6.347.347,0,0,0,.339.414.314.314,0,0,0,.068-.007,5.065,5.065,0,0,0,2.6-1.4c.035-.034.068-.069.1-.1,0,.048,0,.1,0,.145a5.074,5.074,0,0,0,.845,2.827.348.348,0,0,0,.576,0,5.074,5.074,0,0,0,.845-2.827c0-.049,0-.1,0-.145.033.035.067.07.1.1a5.076,5.076,0,0,0,2.6,1.4.32.32,0,0,0,.068.007.346.346,0,0,0,.339-.414,5.065,5.065,0,0,0-1.4-2.6c-.034-.035-.069-.068-.1-.1l.145,0a5.072,5.072,0,0,0,2.827-.845.346.346,0,0,0,0-.576Zm-5.7-4.528a4.5,4.5,0,0,1,.142,3.556,1.265,1.265,0,0,0-.284,0,4.5,4.5,0,0,1,.142-3.556Zm-3.406,1.41a4.5,4.5,0,0,1,2.616,2.416,1.258,1.258,0,0,0-.2.2,4.5,4.5,0,0,1-2.416-2.616Zm.531,3.847a4.422,4.422,0,0,1-1.941-.441,4.5,4.5,0,0,1,3.556-.142,1.265,1.265,0,0,0,0,.284A4.439,4.439,0,0,1,39.72,676.066Zm1.154,1.9a4.43,4.43,0,0,1-1.685,1.061,4.5,4.5,0,0,1,2.416-2.616,1.258,1.258,0,0,0,.2.2A4.437,4.437,0,0,1,40.874,677.97Zm1.721,2.471a4.5,4.5,0,0,1-.142-3.556,1.265,1.265,0,0,0,.284,0,4.5,4.5,0,0,1-.142,3.556Zm0-4.24a.576.576,0,1,1,.576-.576A.576.576,0,0,1,42.6,676.2Zm1.721-2.921A4.419,4.419,0,0,1,46,672.219a4.5,4.5,0,0,1-2.416,2.616,1.258,1.258,0,0,0-.2-.2A4.437,4.437,0,0,1,44.316,673.28ZM46,679.031a4.5,4.5,0,0,1-2.616-2.416,1.258,1.258,0,0,0,.2-.2A4.5,4.5,0,0,1,46,679.031Zm-.531-2.965a4.439,4.439,0,0,1-1.615-.3,1.265,1.265,0,0,0,0-.284,4.5,4.5,0,0,1,3.556.142A4.422,4.422,0,0,1,45.47,676.066Z"/><path class="a" d="M45.94,683.763l-.016-.023c-.009-.012-.02-.023-.03-.034a4.314,4.314,0,0,0-6.6.008.379.379,0,0,0-.033.036l-.018.025a4.3,4.3,0,0,0-.963,2.717,4.556,4.556,0,0,0,1.5,3.287,5.118,5.118,0,0,0,2.134,1.278,1.866,1.866,0,0,0,.579.364.345.345,0,0,0,.22,0,1.866,1.866,0,0,0,.579-.364,5.118,5.118,0,0,0,2.134-1.278,4.556,4.556,0,0,0,1.5-3.287A4.293,4.293,0,0,0,45.94,683.763Zm-3.345-.9a3.613,3.613,0,0,1,2.539,1.04,4.622,4.622,0,0,1-5.085.006A3.619,3.619,0,0,1,42.6,682.864Zm.473,7.531a.348.348,0,0,0-.179.088,1.826,1.826,0,0,1-.294.225,1.826,1.826,0,0,1-.294-.225.348.348,0,0,0-.179-.088,4.44,4.44,0,0,1-3.155-3.9,3.612,3.612,0,0,1,.636-2.049,5.307,5.307,0,0,0,5.979-.008,3.616,3.616,0,0,1,.641,2.057A4.44,4.44,0,0,1,43.068,690.4Z"/></g>
901          </symbol>
902          <symbol id="personal-care-icon" viewBox="0 0 26.533 26.497">
903            <g transform="translate(-18.05 -16.164)"><path class="a" d="M44.54,17.611a.552.552,0,0,0-.511-.341c-4.148,0-7.932,1.307-10.121,3.5a5.076,5.076,0,0,0,7.178,7.178C42.032,27,42.32,25.25,42.624,23.4c.327-1.995.666-4.058,1.8-5.187A.553.553,0,0,0,44.54,17.611ZM41.532,23.22c-.275,1.67-.534,3.247-1.229,3.942a4.065,4.065,0,0,1-5.613,0,3.969,3.969,0,0,1,0-5.614c1.791-1.791,4.8-2.931,8.206-3.139A14.426,14.426,0,0,0,41.532,23.22Z"/><path class="a" d="M29.386,17.994a7.436,7.436,0,0,0-5.256-1.83.552.552,0,0,0-.391.943,4.741,4.741,0,0,1,.821,2.443,4.466,4.466,0,0,0,.847,2.422,2.813,2.813,0,1,0,3.979-3.978Zm-.781,3.2a1.712,1.712,0,0,1-2.417,0,4.121,4.121,0,0,1-.537-1.82,9.5,9.5,0,0,0-.492-2.043A5.871,5.871,0,0,1,28.6,18.774,1.71,1.71,0,0,1,28.6,21.191Z"/><path class="a" d="M38.893,21.854a.553.553,0,0,0-.782,0,21.936,21.936,0,0,0-5.125,8.268c-.789-2.791-2.3-7.629-3.6-8.931a.553.553,0,0,0-.782.781c1.305,1.306,3.21,7.92,3.834,10.359a.552.552,0,0,0,.535.416h.018a.553.553,0,0,0,.526-.449,20.756,20.756,0,0,1,5.375-9.662A.555.555,0,0,0,38.893,21.854Z"/><path class="a" d="M24.51,30.687c-.947-.9-4.736-1.188-5.874-1.256a.574.574,0,0,0-.413.149.555.555,0,0,0-.173.4v9.949a.553.553,0,0,0,.552.553h3.317a.554.554,0,0,0,.525-.381,57.846,57.846,0,0,0,2.236-8.968A.547.547,0,0,0,24.51,30.687Zm-3,8.693h-2.36V30.575a16.814,16.814,0,0,1,4.39.784A57.913,57.913,0,0,1,21.515,39.38Z"/><path class="a" d="M44.524,37.473a3.612,3.612,0,0,0-4.132-1.9l-4.235,1.059a.553.553,0,1,0,.267,1.073l4.235-1.057a2.515,2.515,0,0,1,2.56.835l-5.48,2.492c-4.648,1.905-4.808,1.844-6.8,1.092L22.646,38.3a.552.552,0,0,0-.349,1.048l8.27,2.756a6.37,
9036.37,0,0,0,2.292.554c1.121,0,2.434-.49,5.32-1.674l6.08-2.764a.552.552,0,0,0,.265-.75Z"/><path class="a" d="M34.2,33.865l-9.95-2.211a.561.561,0,0,0-.66.42.554.554,0,0,0,.42.66l9.936,2.208c1.224.306,1.716.788,1.784,1.8l-1.061.265a2.784,2.784,0,0,1-1.212.029l-4.8-.96a.553.553,0,1,0-.216,1.084l4.8.959a3.9,3.9,0,0,0,1.7-.041l1.488-.371a.553.553,0,0,0,.419-.536v-.175C36.843,35.287,36.033,34.323,34.2,33.865Z"/></g>
904          </symbol>
905          <symbol id="soup-icon" viewBox="0 0 21.316 22.052">
906            <g transform="translate(-25.697 -468.515)"><path class="a" d="M33.534,486.055h0A8.574,8.574,0,0,1,29.39,483a.367.367,0,1,0-.6.43,9.309,9.309,0,0,0,4.5,3.318.367.367,0,0,0,.238-.7Z"/><path class="a" d="M28.3,480.9a.368.368,0,0,0-.7.235c.087.257.188.515.3.765a.368.368,0,0,0,.671-.3C28.475,481.367,28.383,481.131,28.3,480.9Z"/><path class="a" d="M38,473.109a2.175,2.175,0,0,0,.647,1.546.367.367,0,0,0,.519-.519,1.438,1.438,0,0,1,0-2.053c.885-.885.471-2.254-.367-3.093a.368.368,0,0,0-.52.52c.587.587.915,1.506.368,2.053A2.175,2.175,0,0,0,38,473.109Z"/><path class="a" d="M33.958,474.947a2.174,2.174,0,0,0,.646,1.546.368.368,0,0,0,.52-.52,1.438,1.438,0,0,1,0-2.053c.885-.885.471-2.253-.368-3.092a.368.368,0,0,0-.52.52c.587.586.915,1.505.368,2.053A2.174,2.174,0,0,0,33.958,474.947Z"/><path class="a" d="M30.107,472.742a2.172,2.172,0,0,0,.647,1.546.367.367,0,1,0,.519-.52,1.438,1.438,0,0,1,0-2.053c.885-.885.471-2.254-.367-3.092a.368.368,0,0,0-.52.52c.587.586.915,1.505.367,2.053A2.174,2.174,0,0,0,30.107,472.742Z"/><path class="a" d="M43.022,477.6a18.315,18.315,0,0,1,.657-4.716,5.975,5.975,0,0,1,2.682-2.528.978.978,0,0,0-.843-1.763,8.2,8.2,0,0,0-3.588,2.848c-.94,1.409-1.3,4.1-1.444,5.99-1.316-.062-2.7-.094-4.131-.094a72.621,72.621,0,0,0-7.315.324c-3.085.331-3.343.747-3.343,1.146v.025h0v.016c0,.014,0,.027,0,.041.006.086.019.255.029.374a10.146,10.146,0,0,0,3.641,6.926v2.173c0,1.448,3.513,2.206,6.983,2.206s6.983-.758,6.983-2.206v-1.978a9.6,9.6,0,0,0,3.668-7.21c0-.03,0-.2.005-.291,0-.026,0-.051,0-.076C47.013,478.484,47.012,477.953,43.022,477.6Zm2.983,1.206a15.4,15.4,0,0,1-3.032.475c0-.212.008-.541.021-.946A15.262,15.262,0,0,1,46.005,478.8Zm-4.807-.972h0c.117-1.824.441-4.631,1.343-5.984A7.448,7.448,0,0,1,45.8,469.27a.243.243,0,0,1,.213.435,6.539,6.539,0,0,0-3.02,2.9c-.676,1.69-.752,5.769-.761,6.73q-.528.041-1.1.073C41.137,479.168,41.15,478.585,41.2,477.833Zm-4.843.238c1.413,0,2.783.032,4.085.093-.033.624-.04,1.09-.042,1.284-1.317.059-2.672.093-4.043.093-5.166,0-8.635-.391-9.678-.735C27.72,478.462,31.189,478.071,36.355,478.071Zm6.248,10.29c0,.5-2.205,1.47-6.248,1.47s-6.248-.971-6.248-1.47v-1.608a10.85,10.85,0,0,0,6.248,1.976,11.3,11.3,0,0,0,6.248-1.813Zm.171-2.475a.436.436,0,0,0-.072.056,10.462,10.462,0,0,1-6.347,2.052,9.841,9.841,0,0,1-9.858-8.486,13.7,13.7,0,0,0,2.543.443,72.622,72.622,0,0,0,7.315.325c1.507,0,3-.036,4.44-.107.654-.033,1.277-.074,1.849-.122a17.641,17.641,0,0,0,3.6-.546A8.854,8.854,0,0,1,42.774,485.886Z"/></g>
907          </symbol>
908          <symbol id="home" viewBox="0 0 10.805 10.27">
909            <g transform="translate(0 -12.676)"><g transform="translate(0 12.675)"><g transform="translate(0 0)"><path class="a" d="M10.624,17.238,5.776,12.821a.552.552,0,0,0-.746,0L.181,17.238a.554.554,0,0,0,.373.964h.774v4.426a.318.318,0,0,0,.318.318H4.3a.318.318,0,0,0,.318-.318V19.941H6.183v2.687a.318.318,0,0,0,.318.318H9.158a.318.318,0,0,0,.318-.318V18.2h.774a.554.554,0,0,0,.373-.964Z" transform="translate(0 -12.675)"/></g></g><g transform="translate(7.259 13.31)"><g transform="translate(0 0)"><path class="a" d="M346.107,42.73h-2.134l2.452,2.229V43.048A.318.318,0,0,0,346.107,42.73Z" transform="translate(-343.973 -42.73)"/></g></g></g>
910          </symbol>
911          <symbol id="instock-icon" viewBox="0 0 11.002 11.002">
912             <path class="a" d="M-13491.067-360.567a5.507,5.507,0,0,1-5.5-5.5,5.507,5.507,0,0,1,5.5-5.5,5.478,5.478,0,0,1,3.764,1.489l-3.96,4.09-1.795-1.768a.332.332,0,0,0-.236-.1.362.362,0,0,0-.245.1l-.856.85a.331.331,0,0,0-.1.237.331.331,0,0,0,.1.237l2.865,2.838a.337.337,0,0,0,.242.1l.042,0,.021,0,.021,0a.327.327,0,0,0,.24-.1l4.877-4.817a5.455,5.455,0,0,1,.522,2.344A5.507,5.507,0,0,1-13491.067-360.567Z" transform="translate(13496.568 371.568)"/>
913          </symbol>
914          <symbol id="success" viewBox="0 0 117 117">
915            <path class="a" d="M58.5,0A58.5,58.5,0,1,0,117,58.5,58.565,58.565,0,0,0,58.5,0ZM88.15,46.1,56.462,77.79a4.87,4.87,0,0,1-6.893,0L33.726,61.946a4.874,4.874,0,1,1,6.893-6.893l12.4,12.4L81.257,39.21A4.874,4.874,0,1,1,88.15,46.1Zm0,0"/>
916          </symbol>
917          <symbol id="account" viewBox="0 0 17 17">
918            <g transform="translate(-2 -2)"><path class="a" d="M12.464,12.929a5.464,5.464,0,1,1,5.464-5.464,5.464,5.464,0,0,1-5.464,5.464Zm0-9.714a4.25,4.25,0,1,0,4.25,4.25,4.25,4.25,0,0,0-4.25-4.25Z" transform="translate(-1.964)"/><path class="a" d="M19,25.286H5.643a.607.607,0,0,1,0-1.214H17.749a5.464,5.464,0,0,0-5.428-4.857H8.679a5.464,5.464,0,0,0-5.464,5.464.607.607,0,1,1-1.214,0A6.679,6.679,0,0,1,8.679,18h3.643A6.679,6.679,0,0,1,19,24.679Z" transform="translate(0 -6.286)"/></g>
919          </symbol>
920            <symbol id="ricenflour" viewBox="0 0 25.025 27.084">
921            <g transform="translate(-18.804 -81.618)"><path class="a" d="M41.74,91.28a2.307,2.307,0,0,0-.217-4.6h-.082a2.511,2.511,0,0,0-.7-1.373A2.7,2.7,0,0,0,38.75,84.6l-.179,0c-2.446.045-2.955.054-6.988-2.015a7.912,7.912,0,0,0-7.674.049,5.348,5.348,0,0,0-2.647,4.043h-.153a2.307,2.307,0,0,0-.217,4.6L20.4,102.528c-1.235,2.174-1.539,3.835-.9,4.94a2.8,2.8,0,0,0,2.667,1.234H40.471a2.8,2.8,0,0,0,2.667-1.234c.636-1.105.332-2.767-.9-4.94Zm-21.879-2.3a1.251,1.251,0,0,1,1.248-1.25h8.1a.528.528,0,0,0,0-1.057H22.327a4.33,4.33,0,0,1,2.133-3.141,6.85,6.85,0,0,1,6.64-.01c4.27,2.19,4.953,2.177,7.491,2.131l.178,0a1.646,1.646,0,0,1,1.232.4,1.412,1.412,0,0,1,.355.619H33.427a.528.528,0,0,0,0,1.057h8.1a1.25,1.25,0,0,1,0,2.5H21.109A1.249,1.249,0,0,1,19.861,88.983ZM42.222,106.94a1.964,1.964,0,0,1-1.751.7H22.163a1.966,1.966,0,0,1-1.752-.7c-.433-.751-.089-2.17.967-4a.523.523,0,0,0,.071-.241l.5-11.412H4
9210.683l.5,11.412a.522.522,0,0,0,.07.241C42.311,104.77,42.655,106.189,42.222,106.94Z"/><path class="a" d="M34.741,95.977a1.552,1.552,0,0,0-1.622-.253c.008-.106.013-.213.013-.322,0-1.561-.8-2.784-1.828-2.784s-1.826,1.223-1.826,2.784c0,.109,0,.216.012.322a1.55,1.55,0,0,0-1.621.253c-.539.539-.469,1.488.141,2.482a1.147,1.147,0,0,0-.141.12c-.725.726-.319,2.227.946,3.492a4.735,4.735,0,0,0,1.876,1.2c.028.011.056.021.085.03v1.4a.528.528,0,1,0,1.056,0v-1.4a.882.882,0,0,0,.086-.031,4.73,4.73,0,0,0,1.877-1.2c1.264-1.265,1.671-2.766.946-3.492a1.227,1.227,0,0,0-.141-.12C35.21,97.464,35.28,96.516,34.741,95.977Zm-.748.747c.133.133.054.756-.526,1.52a2.576,2.576,0,0,0-.447.114,4.323,4.323,0,0,0-1.187.658v-1.17c.051-.057.106-.115.165-.175a4.591,4.591,0,0,1,.673-.557h0a3.059,3.059,0,0,1,.693-.358C33.7,96.639,33.927,96.657,33.993,96.724ZM31.3,93.675c.307,0,.771.689.771,1.727a3.077,3.077,0,0,1-.139.936,5.543,5.543,0,0,0-.631.532,5.75,5.75,0,0,0-.631-.533,3.07,3.07,0,0,1-.139-.935C30.535,94.364,31,93.675,31.3,93.675Zm-2.688,3.049c.067-.067.292-.085.629.031a3.1,3.1,0,0,1,.685.352l.007,0a4.64,4.64,0,0,1,.672.556c.057.058.113.118.167.177v1.17a4.314,4.314,0,0,0-1.186-.657,2.622,2.622,0,0,0-.447-.114C28.563,97.48,28.483,96.857,28.616,96.724Zm.946,4.6c-.955-.956-1.1-1.845-.946-2,.067-.067.292-.085.629.031a3.836,3.836,0,0,1,1.366.916c.056.056.111.114.165.173v1.734A4.031,4.031,0,0,1,29.562,101.324Zm3.486,0a4.045,4.045,0,0,1-1.215.857v-1.733c.052-.058.108-.116.166-.174a3.824,3.824,0,0,1,1.365-.916c.337-.116.563-.1.629-.031C34.146,99.479,34,100.368,33.048,101.323Z"/><path class="a" d="M31.316,87.733h.011a.528.528,0,0,0,0-1.057h-.011a.528.528,0,0,0,0,1.057Z"/></g>
922            </symbol>
923            <symbol id="frozen" viewBox="0 0 23.996 21.947">
924              <path class="a" d="M-205.841-1072.083a1.428,1.428,0,0,1-1.337-.867c-.1-.206-.235-.247-.428-.118-.155.1-.3.224-.452.332a.987.987,0,0,1-1.192,0c-.134-.1-.268-.191-.4-.3a.354.354,0,0,0-.5.006c-.132.11-.272.211-.414.309a.979.979,0,0,1-1.155-.01c-.153-.108-.3-.223-.451-.334a.316.316,0,0,0-.413,0c-.15.113-.3.227-.451.334a.986.986,0,0,1-1.174,0c-.141-.1-.279-.2-.415-.308a.342.342,0,0,0-.469,0c-.136.106-.275.208-.415.308a.48.48,0,0,1-.529.036.449.449,0,0,1-.248-.443c0-.187-.008-.375,0-.562a17.3,17.3,0,0,0-.27-3.344c-.187-1.339-.275-2.692-.407-4.038-.014-.14-.028-.28-.041-.42v-2.516c.025-.356.055-.712.076-1.068a40.155,40.155,0,0,1,.62-4.962,5.7,5.7,0,0,0,.02-.985c0-.449,0-.9,0-1.347a.464.464,0,0,1,.262-.458.476.476,0,0,1,.527.05c.132.1.267.193.4.3a.352.352,0,0,0,.489,0c.135-.106.273-.21.413-.308a.979.979,0,0,1,1.156,0c.153.106.3.223.45.335a.333.333,0,0,0,.434,0c.144-.108.285-.219.431-.323a.979.979,0,0,1,1.173-.006c.148.1.29.212.432.321a.34.34,0,0,0,.453,0c.143-.108.285-.218.432-.321a.977.977,0,0,1,1.155-.011,4.871,4.871,0,0,1,.4.293.38.38,0,0,0,.544.006c.122-.1.249-.192.377-.283a.983.983,0,0,1,1.192,0c.134.094.269.191.4.294a.358.358,0,0,0,.506-.005c.116-.094.24-.179.359-.269a.492.492,0,0,1,.546-.068.483.483,0,0,1,.269.479c0,.651-.028,1.3.007,1.954.026.5.129.991.2,1.485.04.266-.047.432-.254.468s-.354-.077-.4-.342c-.06-.313-.113-.629-.173-.958h-.263q-5.512,0-11.025,0c-.2,0-.275.049-.313.258a37.67,37.67,0,0,0-.532,9.075,38.7,38.7,0,0,0,.548,4.473c.022.124.053.184.192.184q3.054-.005,6.107,0a.521.521,0,0,0,.091-.016,2.07,2.07,0,0,1,.069-1.3,1.041,1.041,0,0,1,1.068-.554c.115-.409.22-.794.334-1.176a.977.977,0,0,1,.123-.238.343.343,0,0,1,.446-.14.353.353,0,0,1,.142.464c-.1.271-.194.545-.282.822a1.172,1.172,0,0,0-.023.256h4.2a2.03,2.03,0,0,0-1.11-1.86,2.1,2.1,0,0,0-1.675-.126c-.1.034-.244.081-.319.038a.543.543,0,0,1-.236-.309c-.039-.164.089-.274.243-.33a2.767,2.767,0,0,1,2.419.2c.1.059.2.128.331.212.03-.482.068-.94.084-1.4a37.65,37.65,0,0,0-.2-5.671c-.013-.1-.021-.209-.023-.313a.314.314,0,0,1,.278-.35.311.311,0,0,1,.374.27c.049.3.079.609.107.914a38.657,38.657,0,0,1,.076,6.234c-.021.305-.044.61-.068.955a2.89,2.89,0,0,1,2.442-.22c.03-.076.059-.141.081-.209q.339-1.008.677-2.019a1.029,1.029,0,0,1,1.453-.731l.3.1a1.016,1.016,0,0,1,.68,1.369c-.131.405-.269.808-.4,1.212-.025.076-.043.153-.079.279l1-.49a1.048,1.048,0,0,1,1.6.543,1.346,1.346,0,0,1,.221.979,1.3,1.3,0,0,1-.556.741h.438a1.043,1.043,0,0,1,1.1,1.1v.022c0,.977-.338,1.332-1.308,1.337-.15,0-.2.057-.243.191-.179.6-.368,1.2-.556,1.8a1.493,1.493,0,0,1-1.5,1.112c-.382,0-.763,0-1.145,0-.276,0-.43-.132-.423-.351s.
92415-.322.424-.322c.137,0,.274,0,.411,0,.26,0,.519,0,.779,0a.765.765,0,0,0,.77-.516c.214-.619.4-1.25.6-1.894H-207.18c.214.664.4,1.324.644,1.965a.771.771,0,0,0,.811.448q2.492,0,4.985,0c.082,0,.165,0,.247,0,.251,0,.4.121.4.324s-.149.348-.4.348q-1.447,0-2.893,0Q-204.615-1072.075-205.841-1072.083Zm-5.945-1.533c.146.1.288.213.431.321a.328.328,0,0,0,.433,0c.143-.107.286-.216.431-.321a.878.878,0,0,1,.868-.151,3.378,3.378,0,0,1,.7.435.4.4,0,0,0,.545,0c.273-.2.566-.369.89-.576-.089-.287-.2-.626-.3-.971a.262.262,0,0,0-.305-.233q-3.634.011-7.268.005c-.078,0-.158.008-.235.012v1.572c.052-.034.083-.053.112-.073a1,1,0,0,1,1.265.011c.121.087.241.176.357.27a.348.348,0,0,0,.487,0c.129-.1.263-.2.4-.3a1.022,1.022,0,0,1,.6-.2A1.021,1.021,0,0,1-211.785-1073.615Zm12.521-2.233h4.13c.319,0,.452-.132.456-.446,0-.044,0-.09,0-.134,0-.435-.1-.537-.545-.537h-8.17c-1.609,0-3.217,0-4.826.005-.135,0-.365.068-.385.147a1.787,1.787,0,0,0-.039.755c.045.228.291.212.49.212h8.888Zm.959-1.786a3.59,3.59,0,0,0,2.176-.508c.586-.342.613-.338.3-.955-.168-.336-.309-.384-.643-.22l-2.571,1.273-.715.358.014.042c.295,0,.59-.012.884-.012C-198.671-1077.655-198.488-1077.65-198.305-1077.635Zm-4.268-.986a.21.21,0,0,0-.078.172c.04.263.1.523.151.806.359,0,.733.02,1.1-.011a.531.531,0,0,0,.378-.226,6.966,6.966,0,0,0,.31-.885,2.508,2.508,0,0,0-.818-.147A2.026,2.026,0,0,0-202.573-1078.62Zm3.495-2.9c-.074.2-.138.41-.206.617l-.894,2.67c.518-.256.978-.482,1.437-.716a.249.249,0,0,0,.1-.134c.234-.693.467-1.387.693-2.083a.327.327,0,0,0-.216-.447,4.554,4.554,0,0,0-.445-.153.531.531,0,0,0-.147-.023A.342.342,0,0,0-199.078-1081.517Zm-16.524-10.468v1.536h11.408V-1092a1.077,1.077,0,0,1-1.494-.044c-.475-.357-.475-.357-.953-.005a1.056,1.056,0,0,1-1.535,0c-.473-.354-.473-.354-.952,0a1.053,1.053,0,0,1-1.518.005c-.487-.361-.487-.361-.97,0a1.047,1.047,0,0,1-1.517,0c-.48-.357-.494-.375-.949,0a1.091,1.091,0,0,1-1.471.058.014.014,0,0,0-.009,0C-215.574-1091.991-215.588-1091.987-215.6-1091.985Zm6.054,11.957c-.121-.086-.225-.193-.347-.3-.106.094-.2.186-.307.271a.342.342,0,0,1-.483-.008.314.314,0,0,1,.034-.477,1,1,0,0,0,.425-1.083c-.016-.168,0-.339,0-.556-.37.212-.706.4-1.035.6-.041.024-.059.1-.073.157-.037.152-.058.309-.1.459a.322.322,0,0,1-.407.225.32.32,0,0,1-.247-.374c.015-.14.107-.311.054-.407s-.243-.111-.372-.165a.337.337,0,0,1-.218-.413.308.308,0,0,1,.426-.213,1.038,1.038,0,0,0,1.172-.184c.131-.094.28-.167.461-.272-.368-.212-.706-.409-1.048-.6-.035-.02-.1,0-.148.019-.136.04-.269.09-.406.127a.346.346,0,0,1-.456-.212.343.343,0,0,1,.253-.431c.118-.043.238-.08.37-.123-.028-.139-.056-.261-.079-.384a.34.34,0,0,1,.254-.43.3.3,0,0,1,.392.266c.015.5.335.724.727.909.152.072.3.165.482.271,0-.422,0-.8,0-1.178,0-.054-.063-.113-.108-.158-.106-.105-.225-.2-.329-.305a.335.335,0,0,1-.018-.466.329.329,0,0,1,.464-.031c.06.045.113.1.168.148s.1.086.17.141c.1-.094.2-.187.3-.271a.336.336,0,0,1,.483.009.3.3,0,0,1-.032.473,1.021,1.021,0,0,0-.42,1.087c.013.164,0,.328,0,.543.13-.071.229-.124.328-.179a2.482,2.482,0,0,1,.331-.189.753.753,0,0,0,.525-.722.328.328,0,0,1,.1-.238.5.5,0,0,1,.356-.085.42.42,0,0,1,.209.3,1.746,1.746,0,0,1-.071.484c.126.045.259.088.388.14a.33.33,0,0,1,.224.427.335.335,0,0,1-.415.214.08.08,0,0,1-.022,0,.939.939,0,0,0-1.123.161,5.552,5.552,0,0,1-.49.289c.357.208.681.4,1.014.583a.339.339,0,0,0,.212-.011c.152-.039.3-.1.452-.13a.3.3,0,0,1,.368.215.312.312,0,0,1-.176.411c-.134.062-.28.1-.436.153.028.145.062.281.079.419a.321.321,0,0,1-.248.391.3.3,0,0,1-.4-.261,1.03,1.03,0,0,0-.745-.92c-.147-.068-.284-.157-.463-.258,0,.417,0,.795,0,1.172a.3.3,0,0,0,.1.162c.11.112.236.209.341.325a.3.3,0,0,1,0,.445.321.321,0,0,1-.238.117A.36.36,0,0,1-209.548-1080.029Z" transform="translate(217.5 1093.521)"/>
925            </symbol>
926          <symbol id="dailyneed" viewBox="0 0 20.9 26.664">
927            <path class="a" d="M-16776.73,110.655a2.543,2.543,0,0,1-2.516-2.442l-.754-10.919a.8.8,0,0,1,.111-.445,2.331,2.331,0,0,1,.105-1.664,3.019,3.019,0,0,1,1.941-1.3,1.53,1.53,0,0,0-1.08-.606h-.041a.451.451,0,0,1-.445-.438.454.454,0,0,1,.43-.465,2.345,2.345,0,0,1,1.764.867,1.75,1.75,0,0,1-.145-.7,1.81,1.81,0,0,1,.387-1.121,2.347,2.347,0,0,1-.148-.813,2.248,2.248,0,0,1,1.654-2.192,2.035,2.035,0,0,1,1.467-1.938,1.632,1.632,0,0,1,1.582-1.277,1.565,1.565,0,0,1,.783.207,1.483,1.483,0,0,1,.941-.2,1.539,1.539,0,0,1,1.264,1.1c.01.047.021.094.033.141a2.128,2.128,0,0,1,1.639,1.664,2.621,2.621,0,0,1,1.4,1.813c.043-.094.084-.188.127-.281.758-1.645,1.7-3.692,3.023-4.387a1.789,1.789,0,0,1,1.891.02,3.071,3.071,0,0,1,1.213,2.528,32.338,32.338,0,0,1-1.432,8.489.606.606,0,0,1,.252.1.579.579,0,0,1,.25.523v.008l-.77,11.3a2.542,2.542,0,0,1-2.518,2.434Zm-1.633-2.5a1.652,1.652,0,0,0,1.635,1.59h12.41a1.651,1.651,0,0,0,1.637-1.582l.736-10.794-.07.031a.184.184,0,0,1-.049.035l-.865.395a2.256,2.256,0,0,1-1.152.316h-.018a2.253,2.253,0,0,1-1.186-.332l-.314-.191a1.4,1.4,0,0,0-.709-.2,1.4,1.4,0,0,0-.705.2l-.316.191a2.181,2.181,0,0,1-.566.238,1.012,1.012,0,0,1-.1.027,2.059,2.059,0,0,1-.219.043,2.1,2.1,0,0,1-.387.02h-.023a2.24,2.24,0,0,1-1.082-.328l-.314-.191a1.376,1.376,0,0,0-.7-.2,1.4,1.4,0,0,0-.709.2l-.314.191a.438.438,0,0,1-.076.027,2.293,2.293,0,0,1-.873.289l-.014,0c-.039,0-.082,0-.119,0a2.194,2.194,0,0,1-1.3-.324l-.314-.191a1.4,1.4,0,0,0-.709-.2,1.384,1.384,0,0,0-.705.2l-.152.094a2.585,2.585,0,0,1-1.35.379,2.6,2.6,0,0,1-1.354-.379l-.385-.238Zm13.244-11.306.318.191a1.377,1.377,0,0,0,.7.2,1.415,1.415,0,0,0,.709-.2c.016-.012.029-.016.047-.027l.7
92754-.34c.086-.262.152-.453.182-.547a31.442,31.442,0,0,0,1.42-8.349,2.195,2.195,0,0,0-.8-1.738.958.958,0,0,0-1.014.016c-1.053.559-1.963,2.532-2.629,3.973-.2.438-.391.852-.566,1.184a30.144,30.144,0,0,0-1.283,2.785c-.057.141-.107.285-.164.43-.121.32-.24.641-.355.969-.055.152-.107.309-.16.465-.135.41-.264.824-.387,1.246l-.035.117a1.363,1.363,0,0,0,.566-.184l.313-.191a2.227,2.227,0,0,1,1.191-.332l.016,0A2.237,2.237,0,0,1-16765.119,96.853Zm-10.018-.336a2.28,2.28,0,0,1,1.176.332l.313.2a1.43,1.43,0,0,0,.479.176.538.538,0,0,0,.072.008,3.509,3.509,0,0,0-.291-2.207c-.072-.129-.145-.246-.215-.359-.021-.035-.039-.066-.062-.1-.051-.078-.1-.152-.146-.223a1.087,1.087,0,0,0-.082-.105,1.876,1.876,0,0,0-.125-.168c-.029-.039-.061-.07-.09-.105l-.113-.125c-.033-.035-.068-.063-.1-.094s-.07-.066-.1-.094-.072-.055-.109-.078-.061-.047-.09-.063-.078-.043-.115-.063a.713.713,0,0,0-.08-.035.527.527,0,0,0-.123-.039.352.352,0,0,0-.064-.02.934.934,0,0,0-.256-.008l-.02,0a1.922,1.922,0,0,0-.943.492c-.113.094-.232.2-.357.324a2.414,2.414,0,0,1-.988.578,2.214,2.214,0,0,0-1.432.863,1.306,1.306,0,0,0-.072.875.747.747,0,0,1,.248.1l.594.363a1.67,1.67,0,0,0,.869.25,1.663,1.663,0,0,0,.867-.25l.154-.094a2.281,2.281,0,0,1,1.189-.332Zm4.42,0a2.241,2.241,0,0,1,1.178.332l.291.18c.119-.41.246-.813.371-1.215.027-.086.057-.172.09-.254.037-.121.08-.234.119-.356a5.754,5.754,0,0,0-.613.391,3.378,3.378,0,0,1-2.105.754c-.117,0-.244-.012-.375-.023l.084.395a2.269,2.269,0,0,1,.709-.188.764.764,0,0,1,.1-.008c.045,0,.092-.008.137-.008Zm-.59-5.254a1.011,1.011,0,0,1-.082.676c-.029.047-.059.1-.094.145v0c-.049.063-.1.129-.152.2a2.09,2.09,0,0,0-.594,1.86l.268,1.254a2.562,2.562,0,0,0,2.166-.535,4.426,4.426,0,0,1,1.531-.781c.025-.066.057-.133.08-.2q.258-.656.535-1.289a1.491,1.491,0,0,0-.186-.273c-.039-.047-.082-.09-.123-.133s-.076-.074-.119-.109-.092-.074-.143-.113-.088-.055-.129-.086-.105-.062-.158-.094c-.025-.02-.057-.031-.084-.051-.061-.031-.117-.063-.178-.1s-.143-.078-.211-.113a1.014,1.014,0,0,1-.437-.5.972.972,0,0,1-.047-.168Zm-3.75,1.18c.051,0,.1,0,.15.008l.045.012h.027c.072.016.145.035.219.059a.577.577,0,0,1,.064.027c.064.023.133.051.2.082l.09.051a2.218,2.218,0,0,1,.193.117l.068.047a3.028,3.028,0,0,1,.248.207c.023.02.043.043.066.063.064.063.129.129.2.2.025.027.049.055.076.082.076.09.152.188.229.289l.02.023,0,.008c0-.055.008-.105.012-.16s0-.082.008-.121a2.231,2.231,0,0,1,.049-.289c0-.016,0-.035.008-.051.031-.109.066-.211.105-.313a.763.763,0,0,1,.037-.086,1.481,1.481,0,0,1,.092-.2c.02-.035.033-.066.053-.1.031-.059.066-.113.1-.164.02-.031.039-.063.057-.094.039-.051.072-.105.111-.156.018-.023.031-.047.051-.07l.148-.2c.051-.059.1-.121.143-.184.025-.043.029-.059.02-.094a.278.278,0,0,0-.146-.145.95.95,0,0,1-.549-.676l-.025-.121v0l-.027-.125a.969.969,0,0,1,.131-.723.926.926,0,0,1,.59-.422l1.266-.281,1.3-.289h0l.119-.027a.927.927,0,0,1,.709.129.949.949,0,0,1,.412.606l.055.246a.982.982,0,0,1-.207.836.273.273,0,0,0-.062.2.107.107,0,0,0,.051.078l.2.113a4.787,4.787,0,0,1,.885.57,1.651,1.651,0,0,0,.289-.895,1.715,1.715,0,0,0-1.133-1.66l-.271-.1-.023-.3a1.224,1.224,0,0,0-1.209-1.152h-.5l.053-.5a.652.652,0,0,0-.021-.238.641.641,0,0,0-.521-.461.6.6,0,0,0-.512.18l-.3.3-.309-.285a.729.729,0,0,0-.494-.2.747.747,0,0,0-.742.731v.449l-.408.031a1.119,1.119,0,0,0-1.016,1.117,1,1,0,0,0,.035.258l.123.535-.537.023a1.342,1.342,0,0,0-1.273,1.36,1.343,1.343,0,0,0,.176.676l.188.332-.287.246a.876.876,0,0,0-.318.68.867.867,0,0,0,.063.32,2.7,2.7,0,0,1,.623-.313l.039-.012a1.891,1.891,0,0,1,.256-.066l.1-.012a1.8,1.8,0,0,1,.2-.02c.014,0,.02,0,.033,0A.968.968,0,0,1-16775.057,92.446Zm5.613-2.9-1.148.258-1.3.289a.188.188,0,0,0-.137.223.181.181,0,0,0,.219.141l2.439-.543a.2.2,0,0,0,.117-.082.207.207,0,0,0,.025-.141.2.2,0,0,0-.184-.148C-16769.42,89.539-16769.43,89.543-16769.443,89.543Zm-1.273,18.483a.446.446,0,0,1-.439-.449.447.447,0,0,1,.439-.453h.887a.449.449,0,0,1,.441.453.448.448,0,0,1-.441.449Zm-6.633,0a.445.445,0,0,1-.439-.449.446.446,0,0,1,.439-.453h4.869a.448.448,0,0,1,.439.453.447.447,0,0,1-.439.449Zm0-1.8a.446.446,0,0,1-.439-.453.442.442,0,0,1,.439-.449h3.98a.446.446,0,0,1,.445.449.449.449,0,0,1-.445.453Zm0-1.8a.446.446,0,0,1-.439-.453.446.446,0,0,1,.439-.453h3.1a.449.449,0,0,1,.443.453.449.449,0,0,1-.443.453Zm10.773-7.989a.461.461,0,0,1-.275-.574,1.662,1.662,0,0,1,2.109-1.063.776.776,0,0,0,.986-.5.44.44,0,0,1,.563-.281.455.455,0,0,1,.275.57,1.657,1.657,0,0,1-2.109,1.063.776.776,0,0,0-.986.5.44.44,0,0,1-.418.309A.466.466,0,0,1-16766.576,96.427Zm1.049-3.149a.445.445,0,0,1-.275-.57,1.661,1.661,0,0,1,.838-.977,1.618,1.618,0,0,1,1.271-.086.778.778,0,0,0,.986-.5.438.438,0,0,1,.559-.285.457.457,0,0,1,.275.574,1.657,1.657,0,0,1-2.109,1.063.744.744,0,0,0-.592.039.794.794,0,0,0-.395.457.445.445,0,0,1-.416.309A.37.37,0,0,1-16765.527,93.278Zm1.043-3.145a.455.455,0,0,1-.275-.57,1.46,1.46,0,0,1,1.854-.934.568.568,0,0,0,.438-.027.593.593,0,0,0,.289-.34.441.441,0,0,1,.563-.281.453.453,0,0,1,.275.57,1.477,1.477,0,0,1-.734.859,1.427,1.427,0,0,1-1.117.074.569.569,0,0,0-.729.367.441.441,0,0,1-.42.3A.454.454,0,0,1-16764.484,90.133Z" transform="translate(16780.5 -84.491)"/>
928          </symbol>
929          <symbol id="nuts-n-oil" viewBox="0 0 21.555 26.094">
930            <g transform="translate(-92.734 -35.45)"><path class="a" d="M180.592,193.787a.282.282,0,1,0-.551.119,2.1,2.1,0,0,1-.245,1.425,3.528,3.528,0,0,0-.341,2.24.282.282,0,0,0,.278.235.287.287,0,0,0,.047,0,.282.282,0,0,0,.231-.325,3.01,3.01,0,0,1,.3-1.922,2.643,2.643,0,0,0,.279-1.769Zm-2.347,5.432h-.006a.282.282,0,0,0-.282.276,8.708,8.708,0,0,0,1.231,3.871.282.282,0,0,0,.465-.318,8.252,8.252,0,0,1-1.133-3.54.282.282,0,0,0-.276-.288Zm5.828-5.643a.282.282,0,0,0-.542.155,4.939,4.939,0,0,0,1.61,1.725.282.282,0,0,0,.3-.478,4.82,4.82,0,0,1-1.367-1.4Zm1.888,9.251a.282.282,0,0,0,.564,0,1.138,1.138,0,0,0-1.137-1.137.282.282,0,0,0,0,.564A.574.574,0,0,1,185.962,202.828Zm.847-2.327a.282.282,0,0,0,0-.4.574.574,0,0,1,0-.811.282.282,0,1,0-.4-.4,1.139,1.139,0,0,0,0,1.608A.282.282,0,0,0,186.808,200.5Zm-.022,3.916a1.138,1.138,0,0,0-1.137,1.137.282.282,0,1,0,.564,0,.574.574,0,0,1,.573-.573.282.282,0,1,0,0-.564Zm4.682-2.726a1.138,1.138,0,0,0-1.137,1.137.282.282,0,1,0,.564,0,.574.574,0,0,1,.573-.573.282.282,0,0,0,0-.564Zm-1.4,2.726a.282.282,0,1,0,0,.564.574.574,0,0,1,.573.573.282.282,0,1,0,.564,0A1.138,1.138,0,0,0,190.071,204.417Zm-.022-3.916a.282.282,0,0,0,.4,0,1.139,1.139,0,0,0,0-1.608.282.282,0,0,0-.4.4.574.574,0,0,1,0,.811A.282.282,0,0,0,190.048,200.5
930Zm3.461,2.212a2.83,2.83,0,0,0-1.08-3.665,2.189,2.189,0,0,0-2.739-2.712,7.727,7.727,0,0,0-.566-1.4.282.282,0,1,0-.5.264,7.209,7.209,0,0,1,.547,1.373,2.2,2.2,0,0,0-.745.781,2.186,2.186,0,0,0-4,1.694,2.827,2.827,0,0,0-.721.622,7.477,7.477,0,0,0-.714-1.383.282.282,0,0,0-.46.326,7.382,7.382,0,0,1,.8,1.658,2.828,2.828,0,0,0,.02,2.442,2.385,2.385,0,0,0-.566,2.606,1.6,1.6,0,0,1-.345.24.282.282,0,1,0,.241.51,1.949,1.949,0,0,0,.375-.242,2.358,2.358,0,0,0,1.306.92,2.177,2.177,0,0,0-.02.449,6.367,6.367,0,0,1-5.38-.856.282.282,0,1,0-.315.468,6.93,6.93,0,0,0,5.8.943,2.186,2.186,0,0,0,3.98.382,2.186,2.186,0,0,0,4.069-1.387,2.4,2.4,0,0,0,1.012-4.034Zm-5.363,4.349a1.623,1.623,0,1,1-3.181-.452.282.282,0,0,0-.229-.357,1.843,1.843,0,0,1-1.56-1.813,1.824,1.824,0,0,1,.7-1.441.282.282,0,0,0,.067-.367,2.264,2.264,0,0,1,.953-3.2.282.282,0,0,0,.136-.365,1.623,1.623,0,1,1,3.113-.642Zm3.974-.809a.282.282,0,0,0-.229.357,1.623,1.623,0,1,1-3.181.452v-8.635a1.623,1.623,0,1,1,3.113.642.282.282,0,0,0,.136.365,2.264,2.264,0,0,1,.953,3.2.282.282,0,0,0,.067.367,1.824,1.824,0,0,1,.7,1.441,1.843,1.843,0,0,1-1.56,1.813Zm-16.562-6.633c0-6.92,4.67-7.2,6.657-8.928a.517.517,0,0,1,.684,0c1.221,1.064,3.464,1.583,5,3.43a.282.282,0,1,0,.433-.361c-1.626-1.952-3.921-2.5-5.066-3.494a1.089,1.089,0,0,0-1.425,0c-1.859,1.62-6.851,2.081-6.851,9.353a8.826,8.826,0,0,0,2.583,6.32.282.282,0,1,0,.393-.4,8.26,8.26,0,0,1-2.412-5.916Z" transform="translate(-77.281 -145.194)"/><g transform="translate(92.734 35.45)"><path class="a" d="M103.465,43.511a5.986,5.986,0,0,0-.878-3.121.363.363,0,1,0-.62.379,5.267,5.267,0,0,1,.591,1.379H93.64a5.252,5.252,0,0,1,1.668-2.639l.974-.831h3.634l.974.831.054.048.015.013a.363.363,0,0,0,.481-.544l-.014-.013-.065-.057-.948-.809V36.709a1.26,1.26,0,0,0-1.259-1.259H97.044a1.26,1.26,0,0,0-1.259,1.259v1.438l-.948.809a5.979,5.979,0,0,0-2.1,4.556v.844a.363.363,0,0,0,.727,0v-.844a5.284,5.284,0,0,1,.039-.637h9.2a5.252,5.252,0,0,1,.039.637V45.4a5.047,5.047,0,0,0,.727-.507Zm-6.953-6.8a.533.533,0,0,1,.532-.532h2.111a.533.533,0,0,1,.532.532v1.243H96.511Z" transform="translate(-92.734 -35.45)"/><path class="a" d="M93.811,216.282a.35.35,0,0,1-.35-.35v-.5a.35.35,0,0,1,.35-.35h3.822q-.184-.354-.336-.727H93.811a.35.35,0,0,1-.35-.35v-.5a.35.35,0,0,1,.35-.35H96.9q-.09-.359-.152-.727h-2.94a.35.35,0,0,1-.35-.35v-.5a.35.35,0,0,1,.35-.35H96.63c0-.108-.006-.216-.006-.325,0-.137,0-.27.006-.4H93.811a.35.35,0,0,1-.35-.35v-.5a.35.35,0,0,1,.35-.35h2.9c.03-.252.067-.494.111-.727H94.012l-.1-.158a2.975,2.975,0,0,1-.43-1.215h3.709a7.578,7.578,0,0,1,.3-.727H93.461v-3.9a.363.363,0,0,0-.727,0v4.266a3.7,3.7,0,0,0,.52,1.892,1.077,1.077,0,0,0-.52.921v.5a1.075,1.075,0,0,1,0,1.427v.5a1.075,1.075,0,0,1,0,1.427v.5a1.075,1.075,0,0,1,0,1.427v.5a1.078,1.078,0,0,0,1.077,1.077h5.2a8.107,8.107,0,0,1-.618-.727Z" transform="translate(-92.734 -192.097)"/></g></g>
931          </symbol>
932          <symbol id="puja-items" viewBox="0 0 24.903 28.303">
933            <path class="a" d="M170.28,358.933a.415.415,0,0,0-.415.415v.835a.415.415,0,0,0,.829,0v-.835A.415.415,0,0,0,170.28,358.933Z" transform="translate(-162.175 -339.091)"/><path class="a" d="M327.551,358.933a.415.415,0,0,0-.415.415v.835a.415.415,0,1,0,.829,0v-.835A.415.415,0,0,0,327.551,358.933Z" transform="translate(-310.752 -339.091)"/><path class="a" d="M230.746,373.7a.415.415,0,0,0-.585.04,1.1,1.1,0,0,1-1.667,0,.415.415,0,1,0-.625.545,1.933,1.933,0,0,0,2.917,0A.415.415,0,0,0,230.746,373.7Z" transform="translate(-216.876 -352.941)"/><path class="a" d="M31.339,16.026A7,7,0,0,0,33.39,17.07a10.08,10.08,0,0,0-.249,1.577h0a10.029,10.029,0,0,0,2.792,7.781A6.194,6.194,0,0,0,40.379,28.3h5.65a6.2,6.2,0,0,0,4.455-1.884,10.03,10.03,0,0,0,2.782-7.771h0a10.016,10.016,0,0,0-.251-1.577,7,7,0,0,0,2.054-1.045,1.435,1.435,0,0,0,.159-2.178,14.137,14.137,0,0,1-1.347-1.655,9.508,9.508,0,0,0-3.176-3.131A4.089,4.089,0,0,0,49.538,8.7a6.836,6.836,0,0,0,.1-.766c.2-2.852-1.495-4.1-2.853-5.108a5.157,5.157,0,0,1-1.64-1.6,2.146,2.146,0,0,0-3.876,0,6.375,6.375,0,0,1-1.974,1.848.415.415,0,1,0,.5.662,6.814,6.814,0,0,0,2.22-2.145,1.317,1.317,0,0,1,2.388,0,5.708,5.708,0,0,0,1.89,1.9c1.319.977,2.683,1.986,2.519,4.385a6.02,6.02,0,0,1-.106.781A6.931,6.931,0,0,0,45.5,9.8a5.345,5.345,0,0,0-2.291-.478h0a5.345,5.345,0,0,0-2.291.478,6.94,6.94,0,0,0-3.205-1.145,6.023,6.023,0,0,1-.106-.781,3.937,3.937,0,0,1,1-3.1.415.415,0,1,0-.616-.555,4.777,4.777,0,0,0-1.212,3.707,6.81,6.81,0,0,0,.1.766,4.091,4.091,0,0,0-1.168.363,9.508,9.508,0,0,0-3.176,3.131,14.137,14.137,0,0,1-1.347,1.655,1.435,1.435,0,0,0,.159,2.178Zm8.059-.245a9.547,9.547,0,0,0,1.294,2.484H34.013a9.271,9.271,0,0,1,.183-1A6.775,6.775,0,0,0,39.4,15.781Zm3.392-5.612V14.8a.415.415,0,1,0,.829,0V10.169c1.62.124,2.93.968,3.09,2.572C46.9,14.7,45.2,18.779,43.355,19a1.268,1.268,0,0,1-.3,0c-1.792-.215-3.495-4.082-3.353-6.261C39.86,11.129,41.183,10.293,42.79,10.169Zm9.42,7.092a9.221,9.221,0,0,1,.185,1H45.716a9.546,9.546,0,0,0,1.294-2.484A6.776,6.776,0,0,0,52.21,17.261Zm-1.627,7.77H47.029a.415.415,0,1,0,0,.829h2.843a5.368,5.368,0,0,1-3.842,1.613h-5.65a5.361,5.361,0,0,1-3.842-1.613h8.833a.415.415,0,1,0,0-.829H35.827a9.155,9.155,0,0,1-1.886-5.6c0-.111,0-.224.006-.336h7.5a2.439,2.439,0,0,0,3.506,0h7.5c0,.12.006.24.006.359a9.159,9.159,0,0,1-1.885,5.578Zm2.632-12.347a14.693,14.693,0,0,0,1.433,1.755.606.
933606,0,0,1-.068.917c-2.151,1.576-4.705,1.624-7.306-.419a5.831,5.831,0,0,0,.18-2.766,4.04,4.04,0,0,1,2.653,1.134.415.415,0,1,0,.546-.624,4.72,4.72,0,0,0-3.5-1.33,3.392,3.392,0,0,0-.866-1.055,5.535,5.535,0,0,1,2.733-.816,2.954,2.954,0,0,1,1.326.326A8.779,8.779,0,0,1,53.215,12.685ZM31.761,14.44a14.687,14.687,0,0,0,1.433-1.755,8.779,8.779,0,0,1,2.868-2.876,4.293,4.293,0,0,1,4.059.49,3.391,3.391,0,0,0-.866,1.055,4.72,4.72,0,0,0-3.5,1.33.415.415,0,1,0,.546.624,4.04,4.04,0,0,1,2.653-1.134,3.938,3.938,0,0,0-.1.9,7.594,7.594,0,0,0,.281,1.87c-2.6,2.042-5.161,1.991-7.306.419a.606.606,0,0,1-.068-.917Z" transform="translate(-30.753 0)"/>
934          </symbol>
935          
936          <symbol id="combo" viewBox="0 0 511.981 511.981">
937            <g><path d="m367.58 89.293c-4.452 4.452-6.904 10.371-6.904 16.667s2.452 12.215 6.903 16.667l54.487 54.487c4.452 4.452 10.371 6.903 16.666 6.903 6.296 0 12.215-2.452 16.666-6.903 4.452-4.452 6.904-10.371 6.904-16.667s-2.452-12.215-6.903-16.667l-54.487-54.488c-9.189-9.189-24.144-9.187-33.332.001zm77.213 65.094c1.618 1.618 2.51 3.771 2.51 6.06s-.892 4.441-2.511 6.06c-1.618 1.619-3.771 2.51-6.06 2.51s-4.441-.891-6.06-2.51l-54.487-54.488c-1.618-1.618-2.51-3.771-2.51-6.06s.892-4.441 2.511-6.06c1.67-1.671 3.864-2.506 6.06-2.506 2.194 0 4.39.835 6.06 2.506z"/><path d="m510.158 227.367c-3.136-15.493-14.321-27.92-28.629-33.195 35.481-59.195 40.401-114.629 12.015-143.016-12.452-12.451-30.486-18.826-52.191-18.426-4.141.076-7.437 3.495-7.361 7.636.075 4.095 3.418 7.363 7.496 7.363.047 0 .094 0 .141-.001 17.757-.329 31.672 4.397 41.309 14.034 14.903 14.903 15.305 37.546 13.019 53.917-3.234 23.152-13.708 49.261-30.322 75.731-43.257-.825-86.7-1.395-130.214-1.707-.283-25.544-1.863-51.399-4.736-76.976-.393-3.492-3.157-6.244-6.651-6.62-2.237-.24-4.477-.454-6.715-.676 31.661-26.773 65.51-45.632 96.668-53.671 4.011-1.035 6.423-5.125 5.388-9.136-1.034-4.011-5.127-6.424-9.136-5.388-11.94 3.081-24.22 7.625-36.599 13.482 2.411-10.483 3.56-23.05-1.042-32.427-2.772-5.651-7.362-9.504-13.272-11.143-8.757-2.426-22.36-1.152-37.473 18.703-.731.961-1.438 1.929-2.118 2.892-.082-.285-.165-.569-.251-.854-2.97-9.882-10.734-26.461-29.384-26.461-6.477 0-12.124 2.582-16.334 7.466-5.495 6.377-7.899 16.282-8.762 26.154-6.563-8.632-14.514-15.57-23.114-15.57-5.587 0-10.682 2.846-14.345 8.014-9.65 13.614-9.79 43.118-.826 74.03-2.245.028-4.489.079-6.733.126-14.694-17.146-32.456-28.946-40.225-33.668v-16.44c3.521-.617 6.198-3.682 6.198-7.38v-21.175c0-11.412-9.284-20.696-20.696-20.696h-46.638c-11.412 0-20.696 9.284-20.696 20.696v21.175c0 3.698 2.679 6.763 6.2 7.38l-.006 16.437c-10.126 6.15-37.176 24.277-52.315 50.598-3.088 5.346-4.518 11.508-4.131 17.833.726 11.527 2.529 33.937 6.448 54.864-3.071.056-6.145.107-9.214.166-20.832.393-38.954 15.504-43.088 35.926-2.43 11.965-2.43 24.099-.001 36.058 3.034 15.01 13.667 27.398 27.711 32.867.824 15.267 2.235 36.979 4.545 61.655-6.191 17.535-12.255 35.076-18.137 52.581-5.061 15.079 1.715 31.814 15.771 38.932 5.348 2.699 10.971 4.794 16.726 6.25 5.379 15.253 14.979 28.412 27.987 38.247 14.364 10.86 31.48 16.6 49.498 16.6h260.137c18.018 0 35.134-5.74 49.498-16.6 13.009-9.836 22.609-22.996 27.988-38.251 5.782-1.469 11.404-3.566 16.728-6.257 14.059-7.105 20.837-23.842 15.767-38.931-5.887-17.516-11.949-35.056-18.135-52.578 2.309-24.675 3.72-46.386 4.544-61.652 14.06-5.482 24.68-17.863 27.709-32.856 2.429-11.967 2.429-24.101-.001-36.062zm-193.732-106.965c2.4 23.03 3.734 46.25 3.996 69.213-55.63-.323-111.351-.232-166.925.282.255-23.052 1.59-46.367 3.999-69.496 52.76-5.264 106.167-5.264 158.93.001zm-76.644-84.236c.546-.77 1.355-1.688 2.108-1.688 5.4 0 16.726 15.406 24.781 33.704 1.326 3.242 4.742 5.148 8.222 4.545 3.594-.624 6.218-3.742 6.218-7.39 0-.456-.043-.913-.127-1.363-3.749-25.343.418-40.964 4.146-45.289 1.364-1.583 2.851-2.258 4.971-2.258 17.29 0 17.869 34.402 17.87 34.74 0 3.545 2.483 6.603 5.951 7.335 3.474.733 6.978-1.066 8.411-4.309 5.362-12.129 20.465-36.057 32.983-32.589 1.782.494 2.923 1.48 3.813 3.296 3.191 6.502 1.483 20.883-4.104 35.577-19.835 11.403-39.618 25.989-58.378 43.176-18.05-1.323-36.153-2.045-54.261-2.165-10.45-32.762-8.002-57.706-2.604-65.322zm-75.021 28.617h-45.636l.005-13.123h45.632v13.123zm-46.136-47.495h46.638c3.141 0 5.696 2.555 5.696 5.696v13.673h-58.03v-13.672c0-3.141 2.555-5.697 5.
937696-5.697zm-49.712 171.46c-3.803-20.195-5.558-42.052-6.265-53.269-.205-3.362.538-6.613 2.156-9.414 14.305-24.872 41.953-42.233 48.823-46.283h56.63c4.383 2.58 17.247 10.589 29.7 22.525-16.73.758-33.432 2.014-50.066 3.801-3.495.375-6.26 3.127-6.652 6.62-2.885 25.696-4.466 51.667-4.739 77.321-23.028.245-46.029.555-68.981.944-.246-.732-.46-1.478-.606-2.245zm-24.188 110.597c.063.002.125.008.188.009l.24.004c3.363.063 6.726.118 10.09.178-3.006 8.08-5.991 16.169-8.941 24.27-.661-9.137-1.177-17.38-1.577-24.461zm341.334 196.208h-260.137c-26.485 0-50.468-15.897-61.228-39.613 9.853-2.457 18.397-9.549 22.319-19.551 4.322-11.017 8.249-21.167 12.006-31.028 1.475-3.871-.467-8.204-4.338-9.679-3.871-1.474-8.204.467-9.679 4.338-3.74 9.816-7.65 19.92-11.954 30.893-3.108 7.927-11.58 12.468-19.726 10.554-5.118-1.193-10.115-3.01-14.843-5.397-7.451-3.773-11.027-12.704-8.319-20.77 19.229-57.222 40.204-114.849 62.341-171.278 3.113-7.929 11.591-12.473 19.715-10.57 5.168 1.213 10.166 3.033 14.863 5.413 7.453 3.764 11.026 12.691 8.312 20.766-12.584 37.444-25.98 75.254-39.818 112.38-1.447 3.881.527 8.2 4.408 9.647 3.882 1.448 8.2-.527 9.647-4.408 9.43-25.301 18.648-50.918 27.554-76.522 39.436.428 79.118.649 118.808.649 39.693 0 79.38-.22 118.819-.649 15.833 45.521 32.637 91.004 50.158 135.654 3.923 10.002 12.468 17.094 22.322 19.552-10.758 23.719-34.744 39.619-61.23 39.619zm87.448-59.495c-4.716 2.383-9.715 4.203-14.859 5.408-8.127 1.905-16.605-2.636-19.717-10.564-22.092-56.3-43.066-113.927-62.341-171.28-2.713-8.072.861-17 8.314-20.766 4.714-2.383 9.714-4.203 14.858-5.408 1.247-.292 2.502-.433 3.744-.433 6.859 0 13.339 4.285 15.973 10.997 22.092 56.3 43.066 113.927 62.341 171.281 2.713 8.072-.861 16.999-8.313 20.765zm-16.763-136.522c3.358-.06 6.717-.115 10.075-.178l.268-.005c.057-.001.114-.007.171-.008-.401 7.078-.917 15.318-1.577 24.451-2.95-8.1-5.934-16.185-8.937-24.26zm38.712-39.086c-2.268 11.222-10.916 20.257-22.078 23.027-2.104.536-4.328.832-6.59.879l-.249.005c-5.126.096-10.251.185-15.377.272-5.82-15.441-11.725-30.822-17.72-46.1-5.813-14.819-21.769-23.283-37.102-19.689-6.303 1.477-12.428 3.706-18.203 6.626-14.059 7.105-20.837 23.842-15.767 38.931 2.394 7.123 4.814 14.25 7.259 21.378-75.472.784-151.813.784-227.285 0 2.446-7.13 4.874-14.257 7.263-21.368 5.075-15.094-1.704-31.832-15.759-38.931-5.752-2.914-11.877-5.145-18.209-6.632-15.333-3.591-31.284 4.875-37.103 19.694-5.997 15.285-11.9 30.663-17.715 46.092-5.13-.087-10.261-.177-15.391-.272l-.221-.004c-2.281-.048-4.503-.344-6.651-.891-11.118-2.759-19.768-11.794-22.037-23.023-2.027-9.985-2.027-20.11.001-30.099 2.752-13.592 14.81-23.647 28.673-23.909 139.873-2.685 281.715-2.685 421.59 0 13.861.262 25.919 10.317 28.672 23.914 2.029 9.983 2.029 20.108-.001 30.1z"/><path d="m156.855 327.051h-.506c-17.176.041-31.037 13.598-31.555 30.864-.609 20.335-.609 40.957 0 61.292.518 17.265 14.378 30.822 31.561 30.864h.5c17.176-.042 31.037-13.598 31.555-30.864.609-20.335.609-40.957 0-61.292-.519-17.267-14.379-30.823-31.555-30.864zm16.561 91.706c-.269 8.974-7.715 16.292-16.591 16.313h-.44c-8.883-.021-16.329-7.34-16.598-16.313-.601-20.037-.601-40.356 0-60.393.269-8.974 7.715-16.292 16.603-16.313h.423.005c8.883.021 16.329 7.339 16.598 16.313.601 20.037.601 40.356 0 60.393z"/><path d="m256.243 327.051h-.506c-17.176.041-31.037 13.598-31.555 30.864-.609 20.335-.609 40.957 0 61.292.518 17.265 14.378 30.822 31.561 30.864h.5c17.177-.042 31.037-13.599 31.555-30.864.609-20.335.609-40.957 0-61.292-.518-17.266-14.378-30.823-31.555-30.864zm16.561 91.706c-.269 8.974-7.714 16.292-16.59 16.313h-.44c-8.883-.021-16.329-7.34-16.598-16.313-.601-20.037-.601-40.356 0-60.393.269-8.974 7.715-16.292 16.603-16.313h.423.005c8.883.021 16.328 7.339 16.597 16.313.601 20.037.601 40.356 0 60.393z"/><path d="m355.631 327.051h-.505c-17.177.041-31.037 13.598-31.555 30.864-.609 20.335-.609 40.957 0 61.292.518 17.265 14.378 30.823 31.561 30.864h.5c17.177-.042 31.037-13.599 31.555-30.864.609-20.335.609-40.957 0-61.292-.518-17.266-14.378-30.823-31.556-30.864zm16.562 91.706c-.269 8.974-7.714 16.292-16.591 16.313h-.439c-8.883-.021-16.328-7.34-16.597-16.313-.602-20.037-.602-40.356 0-60.393.269-8.974 7.714-16.292 16.602-16.313h.423.006c8.883.021 16.328 7.339 16.597 16.313.6 20.037.6 40.356-.001 60.393z"/></g>
938          </symbol>
939          <symbol id="pickles" viewBox="0 0 20.798 28.103">
940            <g transform="translate(0 0.079)"><path class="a" d="M68.182,6.341A3.954,3.954,0,0,0,66,9.8v14.39a3.836,3.836,0,0,0,3.831,3.831H82.967A3.836,3.836,0,0,0,86.8,24.192V9.8a3.953,3.953,0,0,0-2.182-3.46,2.106,2.106,0,0,1-1.089-1.634h1.082a.547.547,0,0,0,.547-.547V2.189A2.192,2.192,0,0,0,82.967,0h-4.1a.547.547,0,0,0,0,1.095h4.1a1.1,1.1,0,0,1,1.095,1.095V3.612H68.737V2.189a1.1,1.1,0,0,1,1.095-1.095h4.1a.547.547,0,0,0,0-1.095h-4.1a2.192,2.192,0,0,0-2.189,2.189V4.16a.546.546,0,0,0,.547.547h1.082a2.106,2.106,0,0,1-1.09,1.635Zm-1.087,17.85V13.056a22.442,22.442,0,0,1,2.939-1c-.212.744-.38,1.46-.509,2.168l0,.015v0c-.762,4.194-.048,7.853,1.507,11.861a3.272,3.272,0,0,0,.463.826h-1.66a2.74,2.74,0,0,1-2.737-2.737Zm6.573,2.737a1.747,1.747,0,0,1-1.619-1.222,28.24,28.24,0,0,1-1.313-4.252h.737a.547.547,0,1,0,0-1.095H70.53a17.081,17.081,0,0,1-.008-5.473h.951a.547.547,0,1,0,0-1.095h-.747c.14-.65.315-1.314.529-2.007a10.666,10.666,0,0,1,1.86-.182,10.481,10.481,0,0,1,2.163.231,21.047,21.047,0,0,0-.841,2.933,14.43,14.43,0,0,0-.282,2.309h-1.04a.547.547,0,0,0,0,1.095h1.041A16.615,16.615,0,0,0,75,22.577c.111.347.231.7.365,1.068h-.607a.547.547,0,1,0,0,1.095h.983a1.9
94012,1.912,0,0,1-1.923,2.189Zm7.657-13.683a7.466,7.466,0,0,0,.9-.057,8.03,8.03,0,0,1-3.7,4.649,8.06,8.06,0,0,1-1.883-1.517,5.916,5.916,0,0,0,3.285-3.208,7.806,7.806,0,0,0,1.394.132Zm-5.343,8.8a14.819,14.819,0,0,1-.743-4.42s0,0,0,0,0,0,0,0c0-.4.019-.8.058-1.209a9.08,9.08,0,0,0,8.3,3.546,1.808,1.808,0,0,1,1.457.384,2.124,2.124,0,0,1,.651,1.592,1.792,1.792,0,0,1-1.65,1.828A12.913,12.913,0,0,1,75.982,22.048Zm9.722-2.59a2.907,2.907,0,0,0-2.239-.589,7.845,7.845,0,0,1-3.773-.473,9.17,9.17,0,0,0,3.732-5.442,10.627,10.627,0,0,0,2.28-.921v7.426Zm-3.218-7.415a6.612,6.612,0,0,1-1.161.107,6.5,6.5,0,0,1-1.066-.092,5.866,5.866,0,0,0,.126-1.208,1.094,1.094,0,1,1,2.189,0A8.106,8.106,0,0,1,82.486,12.043ZM75.93,15.413c-.136-.2-.262-.409-.378-.622a20.644,20.644,0,0,1,.8-2.692c.421.119.83.249,1.229.375.434.138.851.27,1.27.386A4.813,4.813,0,0,1,75.93,15.413ZM75.665,10.8a11.655,11.655,0,0,0-2.55-.289,10.924,10.924,0,0,0-1.47.107c.127-.356.262-.718.406-1.083A1.917,1.917,0,0,1,75.665,10.8Zm7.3,16.13H76.174a3,3,0,0,0,.329-3.362,13.983,13.983,0,0,0,7.682,1.281,2.973,2.973,0,0,0,1.518-.609A2.739,2.739,0,0,1,82.967,26.928ZM70.371,4.707H82.427a3.2,3.2,0,0,0,1.667,2.6A2.877,2.877,0,0,1,85.7,9.8v.962a9.765,9.765,0,0,1-2.079.987c.029-.3.044-.6.044-.9a2.189,2.189,0,1,0-4.378,0,4.772,4.772,0,0,1-.1.969c-.419-.114-.843-.248-1.284-.389-.382-.121-.774-.245-1.18-.362a3.012,3.012,0,0,0-5.694-1.939c-.229.58-.437,1.153-.623,1.708a22.359,22.359,0,0,0-3.316,1.034V9.8A2.877,2.877,0,0,1,68.7,7.3,3.2,3.2,0,0,0,70.371,4.707Z" transform="translate(-66 0)"/><circle class="a" cx="0.5" cy="0.5" r="0.5" transform="translate(10 -0.079)"/></g>
941          </symbol>
942          <symbol id="sweet-combo" viewBox="0 0 21.555 26.094">
943            <path d="M46.921,1034.084a2.913,2.913,0,0,0-3.186-4.215,10.106,10.106,0,0,0-3.8-1.647,1.536,1.536,0,0,1-1.129-1.158,1.515,1.515,0,0,1,.491-1.516c.037-.031.054-.042.053-.042h0a.41.41,0,0,0,0-.718,4.72,4.72,0,0,0-2.872-.521,4.638,4.638,0,0,0-2.668,1.325,4.713,4.713,0,0,0-1.28,4.219,3.051,3.051,0,0,0-.511.013,2.913,2.913,0,0,0-2.241,4.262,3.725,3.725,0,0,0-1.078,6.074c.079.077.161.149.245.219l1.232,8.7a.409.409,0,0,0,.312.341,34.984,34.984,0,0,0,15.719,0,.407.407,0,0,0,.312-.341l1.232-8.7c.085-.07.167-.142.246-.219a3.716,3.716,0,0,0,1.12-2.4A3.755,3.755,0,0,0,46.921,1034.084Zm-17.071,6.838a3.67,3.67,0,0,0,1.283.293c.048,0,.1,0,.145,0l.765,7.693c-.366-.069-.732-.143-1.1-.224Zm13.584-.263a3.726,3.726,0,0,0,1.176.474l-.788,7.926c-.383.062-.767.118-1.153.166l.557-8.382C43.3,1040.782,43.366,1040.721,43.434,1040.658Zm-1.591,8.661q-.566.058-1.136.1l.24-7.24a7.454,7.454,0,0,0,1.417-.7Zm-1.956.144c-.376.017-.753.029-1.129.032v-6.871a7.514,7.514,0,0,0,1.363-.2Zm-1.946.033q-.564-.007-1.129-.033l-.233-7.036a7.487,7.487,0,0,0,1.362.2Zm-2.189-7.319.24,7.24c-.379-.026-.758-.059-1.136-.1l-.521-7.841A7.487,7.487,0,0,0,35.752,1042.177Zm-2.278-1.335.557,8.382c-.384-.048-.769-.1-1.152-.166l-.788-7.926a3.73,3.73,0,0,0,1.174-.474C33.335,1040.721,33.4,1040.782,33.474,1040.842Zm12.278,7.844q-.546.122-1.094.224l.765-7.693q.072,0,.144,0a3.681,3.681,0,0,0,1.284-.293ZM48.3,1037.7a2.911,2.911,0,0,1-4.665,2.11.41.41,0,0,0-.537.038,6.708,6.708,0,0,1-9.5,0,.412.412,0,0,0-.537-.038,2.915,2.915,0,0,1-4.664-2.11,2.925,2.925,0,0,1,2.1-3.009.434.434,0,0,0,.234-.156.412.412,0,0,0-.013-.5,2.09,2.09,0,0,1-.461-1.465,2.112,2.112,0,0,1,1.85-1.934l.021,0a1.71,1.71,0,0,1,1.085.264,10.341,10.341,0,0,0,2.033.966,12.411,12.411,0,0,0,4.117.686,13.59,13.59,0,0,0,2.349-.206.421.421,0,0,0,.353-.464.41.41,0,0,0-.476-.344,11.982,11.982,0,0,1-6.037-.431,9.046,9.046,0,0,1-2.118-1.041,3.861,3.861,0,0,1,5-4.793,2.316,2.316,0,0,0-.425,1.979,2.37,2.37,0,0,0,1.72,1.765,8.3,8.3,0,0,1,3.572,1.577.416.416,0,0,0,.428.122,2.1,2.1,0,0,1,.773-.086,2.137,2.137,0,0,1,1.933,1.942c.183,1.686-3.393,5.312-10.868,3.583a.409.409,0,0,0-.493.318.418.418,0,0,0,.324.481,17.182,17.182,0,0,0,3.863.468,11.264,11.264,0,0,0,4.727-.948,7.641,7.641,0,0,0,2.438-1.706A2.931,2.931,0,0,1,48.3,1037.7Z" transform="translate(-27.573 -1024.222)"/>
944          </symbol>
945          
946        </defs>
947      </svg>
948
949
950</svg>    </div>
951     <!-- cart section -->
952     <!-- Cart Sidebar Offset Start-->
953    <div class="bs-canvas bs-canvas-left position-fixed bg-cart h-100" id="js-header-cart" v-cloak>
954    <div class="bs-canvas-header side-cart-header">
955        <div class="main-cart-title">
956            <span class="side-cart-header__icon" aria-hidden="true"><i class="fas fa-shopping-bag"></i></span>
957            My Cart
958            <span class="side-cart-header__count" v-if="noOfItems > 0">{{ noOfItems }} <span v-if="noOfItems > 1">Items</span><span v-if="noOfItems == 1">Item</span></span>
959        </div>
960        <button type="button" class="bs-canvas-close close" aria-label="Close"><i class="fas fa-times"></i></button>
961    </div>
962    <div class="bs-canvas-body" v-if="noOfItems > 0">
963
964        <div class="side-cart-items w-100">
965
966            <div class="cart-item" v-if="noOfItems > 0" v-for="item in cartItems">
967                <div class="cart-product-img">
vendor: 157 bytes, lines 967-968
967
968                    <script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="26bba01b74dbf278e5cdec51-|49"></script>
968<img :src="item.product.thumbnail_full_url || 'https://omspice.com.au/front/images/product-placeholder.svg'" :alt="item.product.thumbnail_alt_text || item.product.name" onerror="this.src='https://omspice.com.au/front/images/product-placeholder.svg';this.onerror=null;">
969                    <div class="offer-badge" v-if="!isEmpty(item.product_property.offers)">{{ item.product_property.offers[0].title }}</div>
970                </div>
971                <div class="cart-text">
972                    <h4>{{ item.product.name }}</h4>
973                    <div class="size-select">
974                        <span class="pckt-select">
975                            {{ item.product_property.base_quantity }} {{ item.product_property.quantity_unit }}
976                        </span>
977                    </div>
978                    <div class="qty-group d-flex justify-content-between">
979                        <span class="cart-item__qty">{{ item.product_property.user_input_quantity }} &times; ${{ item.product_property.price_after_discount }}</span>
980                        <span class="cart-item__line-total">${{ parseFloat(item.product_property.total_price_after_offer || 0).toFixed(2) }}</span>
981                    </div>
982                    <form method="post" action="">
983                        <input type="hidden" name="product_id" v-bind:value="item.product.id">
984                        <input type="hidden" name="product_property_id" v-bind:value="item.product_property.id">
985                        <button type="button" class="cart-close-btn js-remove-cart-item" aria-label="Remove item"><i class="fas fa-times"></i></button>
986                    </form>
987                </div>
988            </div>
989        </div>
990    </div>
991    <div class="bs-canvas-footer" v-if="noOfItems > 0">
992        <div class="main-total-cart">
993            <div class="main-total-cart__labels">
994                <h2>Total</h2>
995                <small>Shipping calculated at checkout</small>
996            </div>
997            <span>${{ totalPrice }}</span>
998        </div>
999        <div class="carts-btn">
1000            <a href="https://omspice.com.au/cart" class="om-btn-2">View Cart</a>
1001            <a href="https://omspice.com.au/checkout" id="js-header-checkout" class="om-btn">Checkout <i class="fas fa-arrow-right" aria-hidden="true"></i></a>
1002        </div>
1003    </div>
1004    <div class="bs-canvas-body bs-canvas-body--empty" v-if="noOfItems < 1">
1005        <div class="side-cart-empty">
1006            <span class="side-cart-empty__icon" aria-hidden="true"><i class="fas fa-shopping-basket"></i></span>
1007            <h2>Your cart is empty</h2>
1008            <p>Looks like you haven't added anything yet.<br>Let's find something tasty!</p>
1009            <a href="https://omspice.com.au/shop" class="om-btn">Start Shopping <i class="fas fa-arrow-right" aria-hidden="true"></i></a>
1010        </div>
1011    </div>
1012
1013</div>
1014    <!-- Cart Sidebar Offsetl End-->
1015     <!-- //cart sectio -->
1016
1017     <header class="main-header header-v2">
1018            <div style="display:none"><img src="https://omspice.com.au/front/images/cart-loader.svg" alt="Processing"></div>
1019
1020            
1021            <div class="header-topbar d-none d-lg-block">
1022                <div class="container-fluid">
1023                    <div class="header-topbar__inner">
1024                        <div class="header-topbar__left">
1025                            <i class="fas fa-leaf" aria-hidden="true"></i>
1026                            <span>Quality Groceries for a Healthier Tomorrow</span>
1027                        </div>
1028                        <ul class="header-topbar__trust">
1029                            <li><i class="fas fa-truck" aria-hidden="true"></i> Fast Delivery</li>
1030                            <li><i class="fas fa-shield-alt" aria-hidden="true"></i> Authentic Products</li>
1031                            <li><i class="fas fa-tags" aria-hidden="true"></i> Great Prices</li>
1032                        </ul>
1033                        <div class="header-topbar__right">
1034                            <a href="tel:0731583044" class="header-topbar__help">
1035                                <i class="fas fa-headset" aria-hidden="true"></i>
1036                                <span>Need help? Call us 07 3158 3044</span>
1037                            </a>
1038                            <span class="header-topbar__deliver">
1039                                <i class="fas fa-map-marker-alt" aria-hidden="true"></i>
1040                                <span>Deliver to <strong>Australia</strong></span>
1041                            </span>
1042                        </div>
1043                    </div>
1044                </div>
1045            </div>
1046
1047            <!-- main header start here -->
1048            <div class="main-heaer">
1049                <div class="container-fluid">
1050                    <div class="header-layout d-flex align-items-center">
1051                        <!-- logo start -->
1052                        <div class="header-logo">
1053                            <a class="navbar-brand header-brand" href="https://omspice.com.au">
1054                                <img src="https://omspice.com.au/front/images/logo.svg" alt="Om Spice & Grocery - Indian Grocery Online Australia" width="114" height="114">
1055                            </a>
1056                        </div>
1057                        <!-- logo end -->
1058                        <!-- header search star -->
1059                        <form method="get" action='https://omspice.com.au/shop' autocomplete="off" id="header-search-form">
1060    <div class="top-categories-search" style="position:relative;">
1061        <div class="input-group">
1062            <div class="search-input-wrap">
1063                <input class="form-control product-search"
1064                    id="search-input"
1065                    placeholder="Search for products, brands, categories..."
1066                    aria-label="Search for products, brands, categories..."
1067                    aria-autocomplete="list"
1068                    aria-controls="search-suggestions"
1069                    type="text"
1070                    name="keyword"
1071                    required
1072                    inputmode="text"
1073                    value="">
1074                <button type="button" id="search-clear-btn" class="search-clear-btn" aria-label="Clear search" style="display:none;">
1075                    <i class="fas fa-times" aria-hidden="true"></i>
1076                </button>
1077            </div>
1078            <span class="input-group-btn">
1079                <button class="product-search" type="submit" aria-label="Search">
1080                    <i class="fas fa-search" aria-hidden="true"></i>
1081                </button>
1082            </span>
1083        </div>
1084
1085        
1086        <ul id="search-suggestions" class="search-suggestions" role="listbox" hidden></ul>
1087    </div>
1088</form>
1089
1090<style>
1091/* Search bar sizes to a sensible width instead of stretching the full gap
1092   between logo and nav icons */
1093.main-heaer .header-layout > form {
1094    flex: 1;
1095    max-width: 580px;
1096    min-width: 0;
1097    margin: 0 auto;
1098}
1099.main-heaer .top-categories-search,
1100.main-heaer .top-categories-search .input-group {
1101    width: 100%;
1102}
1103.main-heaer .top-categories-search .input-group {
1104    display: flex;
1105    align-items: center;
1106    border-radius: 999px;
1107    overflow: hidden;
1108    border: 0;
1109    background: #fff;
1110    box-shadow: 0 2px 12px rgba(16, 48, 28, 0.12);
1111    min-height: 48px;
1112    padding: 4px 4px 4px 4px;
1113}
1114.header-v2 .main-heaer .top-categories-search .input-group {
1115    background: #fff;
1116    border: 0;
1117    box-shadow: 0 2px 14px rgba(16, 48, 28, 0.14);
1118}
1119.header-v2 .main-heaer #search-input,
1120.main-heaer #search-input {
1121    border: 0;
1122    background: transparent;
1123    height: 40px;
1124    border-radius: 999px;
1125    padding: 0 36px 0 16px;
1126    font-size: 14px;
1127    box-shadow: none;
1128    color: #1f2937;
1129    outline: none;
1130}
1131@media (max-width: 767px) {
1132    /* iOS zooms the page when a focused input is smaller than 16px. */
1133    .header-v2 .main-heaer #search-input,
1134    .main-heaer #search-input {
1135        font-size: 16px;
1136    }
1137}
1138.header-v2 .main-heaer #search-input::placeholder,
1139.main-heaer #search-input::placeholder {
1140    color: #9ca3af;
1141}
1142.header-v2 .main-heaer .top-categories-search .input-group-btn {
1143    display: flex;
1144    align-items: center;
1145    padding: 0;
1146}
1147.header-v2 .main-heaer .top-categories-search .input-group-btn .product-search {
1148    width: 40px;
1149    height: 40px;
1150    min-width: 40px;
1151    border: 0;
1152    border-radius: 50%;
1153    background: #1a7f38;
1154    color: #fff;
1155    margin: 0;
1156    display: inline-flex;
1157    align-items: center;
1158    justify-content: center;
1159    flex-shrink: 0;
1160    box-shadow: none;
1161}
1162.header-v2 .main-heaer .top-categories-search .input-group-btn .product-search:hover {
1163    background: #14662c;
1164}
1165.search-input-wrap {
1166    position: relative;
1167    flex: 1 1 auto;
1168    min-width: 0;
1169}
1170#search-input {
1171    /* input.form-control.product-search has a fixed 350px width in
1172       style.css — it only got overridden before because this input was a
1173       direct .input-group flex child; now that it's wrapped for the clear
1174       button, win on ID specificity instead so it still fills the bar. */
1175    width: 100%;
1176}
1177.search-clear-btn {
1178    position: absolute;
1179    top: 50%;
1180    right: 4px;
1181    transform: translateY(-50%);
1182    background: none;
1183    border: 0;
1184    color: #9ca3af;
1185    font-size: 13px;
1186    padding: 6px;
1187    cursor: pointer;
1188    line-height: 1;
1189    border-radius: 50%;
1190}
1191.search-clear-btn:hover {
1192    color: #4b5563;
1193    background: #f3f4f6;
1194}
1195
1196/* Suggestion panel — floats below the pill so corners don't clash */
1197.search-suggestions,
1198#search-suggestions {
1199    display: none;
1200    position: absolute;
1201    top: calc(100% + 10px);
1202    left: 0;
1203    right: 0;
1204    z-index: 9999;
1205    margin: 0;
1206    padding: 8px;
1207    list-style: none;
1208    background: #fff;
1209    border: 1px solid rgba(20, 60, 34, 0.08);
1210    border-radius: 16px;
1211    box-shadow: 0 16px 40px rgba(16, 48, 28, 0.18);
1212    max-height: min(420px, 70vh);
1213    overflow-y: auto;
1214}
1215.search-suggestions.is-open,
1216#search-suggestions.is-open {
1217    display: block;
1218}
1219#search-suggestions li {
1220    display: flex;
1221    align-items: center;
1222    gap: 12px;
1223    padding: 10px 12px;
1224    cursor: pointer;
1225    font-size: 14px;
1226    font-weight: 500;
1227    color: #1f2937;
1228    border-bottom: none;
1229    border-radius: 10px;
1230    text-decoration: none;
1231    line-height: 1.25;
1232}
1233#search-suggestions li:hover,
1234#search-suggestions li.ss-active {
1235    background: #f2f9f4;
1236}
1237#search-suggestions li img {
1238    width: 40px;
1239    height: 40px;
1240    object-fit: contain;
1241    border-radius: 8px;
1242    flex-shrink: 0;
1243    background: #f5f7f6;
1244}
1245#search-suggestions li .ss-name {
1246    flex: 1;
1247    white-space: nowrap;
1248    overflow: hidden;
1249    text-overflow: ellipsis;
1250}
1251#search-suggestions .ss-empty,
1252#search-suggestions .ss-loading {
1253    padding: 14px 12px;
1254    color: #9ca3af;
1255    font-size: 13px;
1256    font-weight: 500;
1257    cursor: default;
1258}
1259#search-suggestions .ss-empty:hover,
1260#search-suggestions .ss-loading:hover {
1261    background: none;
1262}
1263#search-suggestions .ss-section-label {
1264    display: block;
1265    padding: 10px 12px 6px;
1266    margin-top: 2px;
1267    font-size: 11px;
1268    font-weight: 700;
1269    letter-spacing: 0.06em;
1270    text-transform: uppercase;
1271    color: #9ca3af;
1272    cursor: default;
1273    border-bottom: none;
1274}
1275#search-suggestions .ss-section-label:first-child {
1276    margin-top: 0;
1277    padding-top: 6px;
1278}
1279#search-suggestions .ss-section-label:hover {
1280    background: none;
1281}
1282#search-suggestions .ss-chip-row {
1283    display: flex;
1284    flex-wrap: wrap;
1285    gap: 8px;
1286    padding: 4px 8px 10px;
1287    border-bottom: none;
1288    cursor: default;
1289}
1290#search-suggestions .ss-chip-row:hover {
1291    background: none;
1292}
1293#search-suggestions .ss-chip {
1294    display: inline-flex;
1295    align-items: center;
1296    gap: 4px;
1297    padding: 6px 12px;
1298    border-radius: 999px;
1299    background: #eef7ef;
1300    color: #1e8a3d;
1301    font-size: 12px;
1302    font-weight: 600;
1303    text-decoration: none;
1304    cursor: pointer;
1305}
1306#search-suggestions .ss-chip:hover {
1307    background: #d9efdc;
1308}
1309#search-suggestions .ss-recent-item .ss-name,
1310#search-suggestions .ss-popular-item .ss-name {
1311    color: #374151;
1312    font-weight: 500;
1313}
1314#search-suggestions .ss-recent-item i,
1315#search-suggestions .ss-popular-item i {
1316    width: 28px;
1317    height: 28px;
1318    flex-shrink: 0;
1319    display: inline-flex;
1320    align-items: center;
1321    justify-content: center;
1322    border-radius: 8px;
1323    background: #f3f4f6;
1324    color: #6b7280;
1325    font-size: 12px;
1326}
1327#search-suggestions .ss-popular-item i {
1328    background: #fff4e8;
1329    color: #e67e22;
1330}
1331#search-suggestions .ss-recent-item:hover i {
1332    background: #e8f5ec;
1333    color: #28AF50;
1334}
1335#search-suggestions .ss-popular-item:hover i {
1336    background: #ffe8d1;
1337    color: #d35400;
1338}
1339</style>
1340
1341<script type="26bba01b74dbf278e5cdec51-text/javascript">
1342(function () {
1343    const input    = document.getElementById('search-input');
1344    const list     = document.getElementById('search-suggestions');
1345    const form     = document.getElementById('header-search-form');
1346    const clearBtn = document.getElementById('search-clear-btn');
1347    if (!input || !list || !form) return;
1348
1349    const RECENT_STORAGE_KEY = 'omspice_recent_searches';
1350    const isAuthed = false;
1351
1352    let debounceTimer = null;
1353    let activeIndex   = -1;
1354    let lastQuery     = '';
1355
1356    function hide() {
1357        list.classList.remove('is-open');
1358        list.setAttribute('hidden', '');
1359        list.style.display = 'none';
1360        list.innerHTML = '';
1361        activeIndex = -1;
1362    }
1363
1364    function show() {
1365        list.removeAttribute('hidden');
1366        list.classList.add('is-open');
1367        list.style.display = 'block';
1368    }
1369
1370    function setActive(idx) {
1371        const items = list.querySelectorAll('li.ss-selectable');
1372        items.forEach((el, i) => el.classList.toggle('ss-active', i === idx));
1373        activeIndex = idx;
1374    }
1375
1376    function updateClearButton() {
1377        if (!clearBtn) return;
1378        clearBtn.style.display = input.value.length ? 'block' : 'none';
1379    }
1380
1381    function navigateTo(url) {
1382        window.location.href = url;
1383    }
1384
1385    function escapeHtml(str) {
1386        return String(str || '')
1387            .replace(/&/g, '&amp;')
1388            .replace(/</g, '&lt;')
1389            .replace(/>/g, '&gt;')
1390            .replace(/"/g, '&quot;')
1391            .replace(/'/g, '&#039;');
1392    }
1393
1394    /* ---------- recent searches ---------- */
1395
1396    function getLocalRecent() {
1397        try { return JSON.parse(localStorage.getItem(RECENT_STORAGE_KEY) || '[]'); } catch (e) { return []; }
1398    }
1399
1400    function addLocalRecent(query) {
1401        const items = getLocalRecent().filter(q => q.toLowerCase() !== query.toLowerCase());
1402        items.unshift(query);
1403        try { localStorage.setItem(RECENT_STORAGE_KEY, JSON.stringify(items.slice(0, 8))); } catch (e) { /* storage full/unavailable */ }
1404    }
1405
1406    function saveRecentSearch(query) {
1407        query = query.trim();
1408        if (!query) return;
1409
1410        if (isAuthed) {
1411            fetch('https://omspice.com.au/search/recent', {
1412                method: 'POST',
1413                headers: {
1414                    'Content-Type': 'application/json',
1415                    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]')?.content || 'Saf8iglaLO7GMe3DmNZoBQ4yHaPlhTiacf0oaANm',
1416                },
1417                body: JSON.stringify({ search_query: query }),
1418            }).catch(() => {});
1419        } else {
1420            addLocalRecent(query);
1421        }
1422    }
1423
1424    function fetchRecentSearches() {
1425        if (isAuthed) {
1426            return fetch('https://omspice.com.au/search/recent').then(r => r.json()).catch(() => []);
1427        }
1428        return Promise.resolve(getLocalRecent());
1429    }
1430
1431    function fetchPopularSearches() {
1432        return fetch('https://omspice.com.au/search/popular').then(r => r.json()).catch(() => []);
1433    }
1434
1435    /* ---------- rendering ---------- */
1436
1437    function buildProductItem(product) {
1438        const li = document.createElement('li');
1439        li.className = 'ss-selectable';
1440        li.setAttribute('role', 'option');
1441
1442        if (product.img) {
1443            const img = document.createElement('img');
1444            img.src = product.img;
1445            img.alt = '';
1446            img.loading = 'lazy';
1447            li.appendChild(img);
1448        } else {
1449            const placeholder = document.createElement('div');
1450            placeholder.style.cssText = 'width:38px;height:38px;background:#eee;border-radius:4px;flex-shrink:0;';
1451            li.appendChild(placeholder);
1452        }
1453
1454        const name = document.createElement('span');
1455        name.className = 'ss-name';
1456        name.textContent = product.name;
1457        li.appendChild(name);
1458
1459        li.addEventListener('mousedown', function (e) {
1460            e.preventDefault();
1461            // Clicking a suggestion is just as much "a search" as pressing
1462            // enter — most users pick a product straight from the dropdown
1463            // and never actually submit the form, so recent searches would
1464            // otherwise almost never get recorded.
1465            saveRecentSearch(input.value.trim());
1466            navigateTo(product.url);
1467        });
1468
1469        return li;
1470    }
1471
1472    function buildChipRow(chips) {
1473        const li = document.createElement('li');
1474        li.className = 'ss-chip-row';
1475        chips.forEach(chip => {
1476            const a = document.createElement('a');
1477            a.className = 'ss-chip';
1478            a.href = chip.url;
1479            a.textContent = (chip.type === 'brand' ? 'Brand: ' : 'In ') + chip.name;
1480            li.appendChild(a);
1481        });
1482        return li;
1483    }
1484
1485    function buildTextRow(query, iconClass, extraClass) {
1486        const li = document.createElement('li');
1487        li.className = 'ss-selectable ' + (extraClass || '');
1488        li.setAttribute('role', 'option');
1489        li.innerHTML = '<i class="' + iconClass + '"></i><span class="ss-name">' + escapeHtml(query) + '</span>';
1490        li.addEventListener('mousedown', function (e) {
1491            e.preventDefault();
1492            input.value = query;
1493            form.submit();
1494        });
1495        return li;
1496    }
1497
1498    function buildSectionLabel(text) {
1499        const li = document.createElement('li');
1500        li.className = 'ss-section-label';
1501        li.textContent = text;
1502        return li;
1503    }
1504
1505    function renderEmptyState() {
1506        list.innerHTML = '<li class="ss-loading">Loading…</li>';
1507        show();
1508
1509        Promise.all([fetchRecentSearches(), fetchPopularSearches()]).then(([recent, popular]) => {
1510            list.innerHTML = '';
1511            activeIndex = -1;
1512
1513            recent = (recent || []).slice(0, 6);
1514            popular = (popular || []).slice(0, 6);
1515
1516            if (!recent.length && !popular.length) {
1517                hide();
1518                return;
1519            }
1520
1521            if (recent.length) {
1522                list.appendChild(buildSectionLabel('Recent searches'));
1523                recent.forEach(q => list.appendChild(buildTextRow(q, 'fas fa-history', 'ss-recent-item')));
1524            }
1525
1526            if (popular.length) {
1527                list.appendChild(buildSectionLabel('Popular searches'));
1528                popular.forEach(p => list.appendChild(buildTextRow(p.query, 'fas fa-fire', 'ss-popular-item')));
1529            }
1530
1531            show();
1532        });
1533    }
1534
1535    function fetchSuggestions(q) {
1536        if (q.length < 2) { hide(); return; }
1537        if (q === lastQuery) return;
1538        lastQuery = q;
1539
1540        list.innerHTML = '<li class="ss-loading">Searching…</li>';
1541        show();
1542
1543        fetch('/search/suggest?q=' + encodeURIComponent(q), {
1544            headers: { 'X-Requested-With': 'XMLHttpRequest' }
1545        })
1546        .then(r => r.json())
1547        .then(data => {
1548            list.innerHTML = '';
1549            activeIndex = -1;
1550
1551            const products = data.products || [];
1552            const chips = data.chips || [];
1553
1554            if (chips.length) {
1555                list.appendChild(buildChipRow(chips));
1556            }
1557
1558            if (!products.length) {
1559                const li = document.createElement('li');
1560                li.className = 'ss-empty';
1561                li.textContent = 'No products found for "' + q + '"';
1562                list.appendChild(li);
1563            } else {
1564                products.forEach(p => list.appendChild(buildProductItem(p)));
1565            }
1566            show();
1567        })
1568        .catch(() => hide());
1569    }
1570
1571    input.addEventListener('input', function () {
1572        updateClearButton();
1573        clearTimeout(debounceTimer);
1574        const q = this.value.trim();
1575        if (!q) { hide(); lastQuery = ''; renderEmptyState(); return; }
1576        debounceTimer = setTimeout(() => fetchSuggestions(q), 280);
1577    });
1578
1579    if (clearBtn) {
1580        clearBtn.addEventListener('mousedown', function (e) {
1581            e.preventDefault();
1582            input.value = '';
1583            lastQuery = '';
1584            updateClearButton();
1585            renderEmptyState();
1586            input.focus();
1587        });
1588    }
1589
1590    updateClearButton();
1591
1592    input.addEventListener('keydown', function (e) {
1593        const items = list.querySelectorAll('li.ss-selectable');
1594        if (!items.length) return;
1595
1596        if (e.key === 'ArrowDown') {
1597            e.preventDefault();
1598            setActive(Math.min(activeIndex + 1, items.length - 1));
1599        } else if (e.key === 'ArrowUp') {
1600            e.preventDefault();
1601            setActive(Math.max(activeIndex - 1, 0));
1602        } else if (e.key === 'Enter' && activeIndex >= 0) {
1603            e.preventDefault();
1604            items[activeIndex].dispatchEvent(new MouseEvent('mousedown'));
1605        } else if (e.key === 'Escape') {
1606            hide();
1607        }
1608    });
1609
1610    document.addEventListener('click', function (e) {
1611        if (!input.contains(e.target) && !list.contains(e.target) && !(clearBtn && clearBtn.contains(e.target))) {
1612            hide();
1613        }
1614    });
1615
1616    input.addEventListener('focus', function () {
1617        const q = this.value.trim();
1618        if (q.length >= 2) {
1619            if (list.children.length) show();
1620        } else {
1621            renderEmptyState();
1622        }
1623    });
1624
1625    form.addEventListener('submit', function () {
1626        saveRecentSearch(input.value.trim());
1627    });
1628})();
1629</script>
1629
1630                        <!--  -->
1631                        <!-- header search end -->
1632                        <!-- my account -->
1633                        <div class="login-section ml-auto">
1634                            <ul class="list-inline main-nav-right">
1635                            
1636                                <li class="login-btn">
1637                                    <a href="https://omspice.com.au/login" class="login header-nav-link header-account-link" aria-label="Login or Sign Up">
1638                                        <span class="header-account-avatar" aria-hidden="true">
1639                                            <svg class="icon icon--account header-nav-icon">
1640                                                <use xlink:href="#account"></use>
1641                                            </svg>
1642                                        </span>
1643                                        <span class="header-nav-label header-nav-label-desktop">Login / Sign Up</span>
1644                                        <span class="header-nav-label header-nav-label-mobile">Login</span>
1645                                    </a>
1646                                </li>
1647
1648                            
1649                              
1650
1651
1652
1653                            
1654                            
1655                            <li class="cart-btn header-cart-btn">
1656                                <a href="#" class="pull-bs-canvas-left header-nav-link header-cart-link" aria-label="My Cart">
1657                                    <span class="header-nav-icon-slot">
1658                                        <svg class="icon icon--header-cart header-nav-icon" aria-hidden="true">
1659                                            <use xlink:href="#cart"></use>
1660                                        </svg>
1661                                        <small class="cart-value header-nav-badge" id="js-noOfItemsInCart" style="display: none">5</small>
1662                                    </span>
1663                                    <span class="header-cart-meta">
1664                                        <span class="header-nav-label header-nav-label-desktop">My Cart</span>
1665                                        <span class="header-nav-label header-nav-label-mobile">Cart</span>
1666                                        <strong class="header-cart-total" id="js-header-cart-total" style="display:none;">$0.00</strong>
1667                                    </span>
1668                                </a>
1669                            </li>
1670
1671                            </ul>
1672                        </div>
1673                        <!-- my account end -->
1674                    </div>
1675                </div>
1676            </div>
1677            <!-- main header end here -->
1678            <!--navbar start here -->
1679            <div class="main-navbar">
1680    <div class="container-fluid">
1681        <div class="navbar-inner d-flex">
1682            <div class="category-list p-2 px-5">
1683                <div class="cateogry-btn">
1684                    <div class="category-btn-inner">
1685                        <span>
1686                            <i class="fas fa-th-large"></i> All Categories
1687                            <i class="fas fa-chevron-down category-btn-caret" aria-hidden="true"></i>
1688                        </span>
1689                    </div>
1690                </div>
1691                <div class="category-dropdown">
1692                    <form method="get" action='https://omspice.com.au/shop'>
1693                        <ul>
1694                                                            <li>
1695                                    <a href="https://omspice.com.au/shop/lentils-seed" class="category-link">
1696                                        Lentils &amp; Seed
1697                                    </a>
1698                                </li>
1699                                                            <li>
1700                                    <a href="https://omspice.com.au/shop/spices-premix" class="category-link">
1701                                        Spices &amp; Premix
1702                                    </a>
1703                                </li>
1704                                                            <li>
1705                                    <a href="https://omspice.com.au/shop/snacks-biscuit" class="category-link">
1706                                        Snacks &amp; Biscuit
1707                                    </a>
1708                                </li>
1709                                                            <li>
1710                                    <a href="https://omspice.com.au/shop/pickle-chutney" class="category-link">
1711                                        Pickle &amp; Chutney
1712                                    </a>
1713                                </li>
1714                                                            <li>
1715                                    <a href="https://omspice.com.au/shop/rice-flour" class="category-link">
1716                                        Rice &amp; Flour
1717                                    </a>
1718                                </li>
1719                                                            <li>
1720                                    <a href="https://omspice.com.au/shop/nuts-ghee-oil" class="category-link">
1721                                        Nuts,Ghee &amp; Oil
1722                                    </a>
1723                                </li>
1724                                                            <li>
1725                                    <a href="https://omspice.com.au/shop/cosmetics-health" class="category-link">
1726                                        Cosmetics &amp; Health
1727                                    </a>
1728                                </li>
1729                                                            <li>
1730                                    <a href="https://omspice.com.au/shop/frozen-fridge-foods" class="category-link">
1731                                        Frozen &amp; Fridge Foods
1732                                    </a>
1733                                </li>
1734                                                            <li>
1735                                    <a href="https://omspice.com.au/shop/vegetable-fresh-produce" class="category-link">
1736                                        Vegetable &amp; Fresh Produce
1737                                    </a>
1738                                </li>
1739                                                            <li>
1740                                    <a href="https://omspice.com.au/shop/indian-sweets-mithai" class="category-link">
1741                                        Indian Sweets &amp; Mithai
1742                                    </a>
1743                                </li>
1744                                                            <li>
1745                                    <a href="https://omspice.com.au/shop/needs-others" class="category-link">
1746                                        Daily Needs &amp; Others
1747                                    </a>
1748                                </li>
1749                                                            <li>
1750                                    <a href="https://omspice.com.au/shop/items-utensil" class="category-link">
1751                                        Pooja Items &amp; Utensil
1752                                    </a>
1753                                </li>
1754                                                            <li>
1755                                    <a href="https://omspice.com.au/shop/combo-kits" class="category-link">
1756                                        Combo Kits
1757                                    </a>
1758                                </li>
1759                                                            <li>
1760                                    <a href="https://omspice.com.au/shop/hair-care" class="category-link">
1761                                        Hair Care
1762                                    </a>
1763                                </li>
1764                                                            <li>
1765                                    <a href="https://omspice.com.au/shop/oral-care" class="category-link">
1766                                        Oral Care
1767                                    </a>
1768                                </li>
1769                                                            <li>
1770                                    <a href="https://omspice.com.au/shop/fresh-meat-seafood" class="category-link">
1771                                        Fresh Meat &amp; Seafood
1772                                    </a>
1773                                </li>
1774                                                            <li>
1775                                    <a href="https://omspice.com.au/shop/tea-coffee" class="category-link">
1776                                        Tea &amp; Coffee
1777                                    </a>
1778                                </li>
1779                                                    </ul>
1780                    </form>
1781                </div>
1782            </div>
1783            <!-- menu -->
1784            <ul class="navbar p-2">
1785                <li class="menu-item ">
1786                    <a href="https://omspice.com.au">home</a>
1787                </li>
1788                <li class="menu-item ">
1789                    <a href="https://omspice.com.au/shop">Shop</a>
1790                </li>
1791                <li class="menu-item ">
1792                    <a href="https://omspice.com.au/shop?special=1">Special Offers <i class="fas fa-fire menu-item-flair" aria-hidden="true"></i></a>
1793                </li>
1794                                <li class="menu-item ">
1795                    <a href="https://omspice.com.au/special-offers/dashain-combo-offer-khasi-masu-pre-order">Dashain Goat Meat Pre-order <i class="fas fa-gift menu-item-flair" aria-hidden="true"></i></a>
1796                </li>
1797                                                <li class="menu-item menu-item--has-dropdown ">
1798                    <a href="https://omspice.com.au/shop">Brands <i class="fas fa-chevron-down menu-item-caret" aria-hidden="true"></i></a>
1799                    <ul class="navbar-dropdown navbar-dropdown--brands">
1800                                                <li>
1801                            <a href="https://omspice.com.au/shop?brands[]=1">
1802                                <span class="brand-name">Mangal</span>
1803                                <span class="brand-count">1</span>
1804                            </a>
1805                        </li>
1806                                                <li>
1807                            <a href="https://omspice.com.au/shop?brands[]=2">
1808                                <span class="brand-name">India Gate</span>
1809                                <span class="brand-count">2</span>
1810                            </a>
1811                        </li>
1812                                                <li>
1813                            <a href="https://omspice.com.au/shop?brands[]=3">
1814                                <span class="brand-name">Shan</span>
1815                                <span class="brand-count">18</span>
1816                            </a>
1817                        </li>
1818                                                <li>
1819                            <a href="https://omspice.com.au/shop?brands[]=4">
1820                                <span class="brand-name">Century</span>
1821                                <span class="brand-count">7</span>
1822                            </a>
1823                        </li>
1824                                                <li>
1825                            <a href="https://omspice.com.au/shop?brands[]=6">
1826                                <span class="brand-name">Britannia</span>
1827                                <span class="brand-count">15</span>
1828                            </a>
1829                        </li>
1830                                                <li>
1831                            <a href="https://omspice.com.au/shop?brands[]=7">
1832                                <span class="brand-name">Curry Master</span>
1833                                <span class="brand-count">13</span>
1834                            </a>
1835                        </li>
1836                                                <li>
1837                            <a href="https://omspice.com.au/shop?brands[]=8">
1838                                <span class="brand-name">Himalaya</span>
1839                                <span class="brand-count">37</span>
1840                            </a>
1841                        </li>
1842                                                <li>
1843                            <a href="https://omspice.com.au/shop?brands[]=9">
1844                                <span class="brand-name">Haldiram</span>
1845                                <span class="brand-count">21</span>
1846                            </a>
1847                        </li>
1848                                                <li>
1849                            <a href="https://omspice.com.au/shop?brands[]=10">
1850                                <span class="brand-name">Britania</span>
1851                                <span class="brand-count">2</span>
1852                            </a>
1853                        </li>
1854                                                <li>
1855                            <a href="https://omspice.com.au/shop?brands[]=11">
1856                                <span class="brand-name">India Gate</span>
1857                                <span class="brand-count">1</span>
1858                            </a>
1859                        </li>
1860                                                                        <li class="navbar-dropdown__more">
1861                            <a href="https://omspice.com.au/shop">View all brands <i class="fas fa-arrow-right" aria-hidden="true"></i></a>
1862                        </li>
1863                                            </ul>
1864                </li>
1865                                <li class="menu-item ">
1866                    <a href="https://omspice.com.au/about-us">About Us</a>
1867                </li>
1868                <li class="menu-item ">
1869                    <a href="https://omspice.com.au/blog">Blog</a>
1870                </li>
1871            </ul>
1872            <!-- menu -->
1873            <div class="nav-extras ml-auto">
1874                <a href="https://omspice.com.au/track-order" class="header-track-cta">
1875                    <i class="fas fa-truck" aria-hidden="true"></i>
1876                    <span>Track Order <small>Quick &amp; Easy</small></span>
1877                </a>
1878            </div>
1879        </div>
1880    </div>
1881</div>            <!--navbar end here -->
1882
1883
1884    </header>
1885    <style>
1886        .notification-btn {
1887            position: relative;
1888        }
1889        .notification-panel {
1890            position: absolute;
1891            z-index: 20;
1892            left: 0;
1893            top: 90px;
1894            width: 340px;
1895            background: #fff;
1896            border-radius: 12px;
1897            box-shadow: 0 12px 32px rgba(15, 23, 42, 0.16), 0 2px 8px rgba(15, 23, 42, 0.08);
1898            opacity: 0;
1899            visibility: hidden;
1900            transition: all 0.2s ease-in-out;
1901            overflow: hidden;
1902        }
1903        .notification-btn:hover .notification-panel {
1904            opacity: 1;
1905            visibility: visible;
1906            top: 35px;
1907        }
1908        .notification-panel__header {
1909            display: flex;
1910            align-items: center;
1911            justify-content: space-between;
1912            padding: 14px 16px;
1913            border-bottom: 1px solid #f1f1f1;
1914        }
1915        .notification-panel__header > span {
1916            font-size: 14px;
1917            font-weight: 700;
1918            color: #333;
1919        }
1920        .notification-panel__mark-all {
1921            background: none;
1922            border: 0;
1923            padding: 0;
1924            color: #28AF50;
1925            font-size: 12px;
1926            font-weight: 600;
1927            cursor: pointer;
1928        }
1929        .notification-panel__mark-all:hover {
1930            text-decoration: underline;
1931        }
1932        .notification-panel__list {
1933            list-style: none;
1934            margin: 0;
1935            padding: 0;
1936            max-height: 320px;
1937            overflow-y: auto;
1938        }
1939        .notification-item {
1940            border-bottom: 1px solid #f4f4f4;
1941        }
1942        .notification-item:last-child {
1943            border-bottom: none;
1944        }
1945        .notification-item__btn {
1946            display: flex;
1947            align-items: flex-start;
1948            gap: 12px;
1949            width: 100%;
1950            padding: 12px 16px;
1951            background: none;
1952            border: 0;
1953            text-align: left;
1954            cursor: pointer;
1955            transition: background-color .15s ease;
1956        }
1957        .notification-item__btn:hover {
1958            background: #f9f9f9;
1959        }
1960        .notification-item--unread .notification-item__btn {
1961            background: #f2faf5;
1962        }
1963        .notification-item--unread:hover .notification-item__btn {
1964            background: #e7f7ec;
1965        }
1966        .notification-item__icon {
1967            width: 34px;
1968            height: 34px;
1969            flex-shrink: 0;
1970            border-radius: 50%;
1971            background: #eef6f1;
1972            color: #28AF50;
1973            display: flex;
1974            align-items: center;
1975            justify-content: center;
1976            font-size: 14px;
1977        }
1978        .notification-item__body {
1979            display: flex;
1980            flex-direction: column;
1981            gap: 3px;
1982            min-width: 0;
1983            flex: 1;
1984        }
1985        .notification-item__message {
1986            font-size: 13px;
1987            font-weight: 500;
1988            color: #333;
1989            white-space: normal;
1990            line-height: 1.4;
1991        }
1992        .notification-item__time {
1993            font-size: 11.5px;
1994            color: #999;
1995        }
1996        .notification-item__dot {
1997            width: 8px;
1998            height: 8px;
1999            border-radius: 50%;
2000            background: #28AF50;
2001            flex-shrink: 0;
2002            margin-top: 5px;
2003        }
2004        .notification-panel__empty {
2005            display: block;
2006            padding: 40px 16px;
2007            text-align: center;
2008            color: #999;
2009            font-size: 13px;
2010        }
2011        .notification-panel__empty i {
2012            display: block;
2013            font-size: 26px;
2014            margin-bottom: 8px;
2015            color: #28AF50;
2016        }
2017        .notification-panel__footer {
2018            border-top: 1px solid #f1f1f1;
2019        }
2020        .notification-panel__footer a {
2021            display: block;
2022            padding: 12px 16px;
2023            text-align: center;
2024            font-size: 13px;
2025            font-weight: 600;
2026            color: #28AF50;
2027        }
2028        .notification-panel__footer a:hover {
2029            background: #f9f9f9;
2030        }
2031        /* On touch/mobile the panel can't open on hover anyway, and it's
2032           surfaced instead inside the "More Menu" drawer - hide the icon
2033           here so it doesn't just take up header space uselessly. */
2034        @media (max-width: 1024px) {
2035            .notification-btn {
2036                display: none !important;
2037            }
2038        }
2039    </style>
2040    
2040<script type="26bba01b74dbf278e5cdec51-text/javascript">
2041        (function () {
2042            // .main-header is position:fixed so it no longer takes up space in
2043            // normal flow; push the page content down by its real rendered
2044            // height (varies by breakpoint/content) instead of a guessed value.
2045            var header = document.querySelector('.main-header');
2046            if (!header) return;
2047            function offsetForHeader() {
2048                var height = header.offsetHeight;
2049                document.body.style.paddingTop = height + 'px';
2050                // Other fixed-position-aware elements (e.g. the sticky filter
2051                // sidebar on the shop page) read this to offset themselves
2052                // below the header instead of sticking underneath it.
2053                document.documentElement.style.setProperty('--header-height', height + 'px');
2054            }
2055            offsetForHeader();
2056            window.addEventListener('load', offsetForHeader);
2057            window.addEventListener('resize', offsetForHeader);
2058        })();
2059    </script>
2059
2060
2061    <aside class="mobile-app-promo js-mobile-app-promo" aria-label="Download the Om Spice Grocery app" hidden>
2062        <button type="button" class="mobile-app-promo__close js-mobile-app-promo-close" aria-label="Dismiss app recommendation">
2063            <i class="fas fa-times" aria-hidden="true"></i>
2064        </button>
2065        <img class="mobile-app-promo__icon" src="https://omspice.com.au/front/images/logo.png" alt="" width="48" height="48">
2066        <div class="mobile-app-promo__content">
2067            <strong>Shop faster in our app</strong>
2068            <span>Get Om Spice Grocery on Google Play</span>
2069        </div>
2070        <a class="mobile-app-promo__button"
2071           href="https://play.google.com/store/apps/details?id=com.omspice.grocery&amp;pcampaignid=web_share"
2072           target="_blank"
2073           rel="noopener noreferrer">Get app</a>
2074    </aside>
2075    <main>
2076        
2077<noscript>
2078    <style>
2079        #shop-skeleton { display: none !important; }
2080        .shop-real-content { display: block !important; }
2081    </style>
2082</noscript>
2083
2084<!-- Shop page skeleton (shown until the page finishes loading) -->
2085<div id="shop-skeleton" class="shop-skeleton" aria-hidden="true">
2086    <div class="container-fluid">
2087        <div class="sk-line sk-line--breadcrumb shimmer"></div>
2088        <div class="row">
2089            <div class="col-lg-3 shop-skeleton__sidebar">
2090                <div class="sk-line sk-line--search shimmer"></div>
2091                <div class="sk-line sk-line--heading shimmer"></div>
2092                                <div class="sk-line shimmer"></div>
2093                                <div class="sk-line shimmer"></div>
2094                                <div class="sk-line shimmer"></div>
2095                                <div class="sk-line shimmer"></div>
2096                                <div class="sk-line shimmer"></div>
2097                                <div class="sk-line sk-line--heading shimmer"></div>
2098                <div class="sk-block shimmer"></div>
2099                <div class="sk-line sk-line--heading shimmer"></div>
2100                                <div class="sk-line shimmer"></div>
2101                                <div class="sk-line shimmer"></div>
2102                                <div class="sk-line shimmer"></div>
2103                                <div class="sk-line shimmer"></div>
2104                            </div>
2105            <div class="col-lg-9">
2106                <div class="sk-toolbar">
2107                    <div class="sk-line sk-line--title shimmer"></div>
2108                    <div class="sk-line sk-line--sort shimmer"></div>
2109                </div>
2110                <div class="shop-skeleton__grid">
2111                                        <div class="sk-product">
2112                        <div class="sk-product__image shimmer"></div>
2113                        <div class="sk-line shimmer"></div>
2114                        <div class="sk-line sk-line--short shimmer"></div>
2115                        <div class="sk-product__btn shimmer"></div>
2116                    </div>
2117                                        <div class="sk-product">
2118                        <div class="sk-product__image shimmer"></div>
2119                        <div class="sk-line shimmer"></div>
2120                        <div class="sk-line sk-line--short shimmer"></div>
2121                        <div class="sk-product__btn shimmer"></div>
2122                    </div>
2123                                        <div class="sk-product">
2124                        <div class="sk-product__image shimmer"></div>
2125                        <div class="sk-line shimmer"></div>
2126                        <div class="sk-line sk-line--short shimmer"></div>
2127                        <div class="sk-product__btn shimmer"></div>
2128                    </div>
2129                                        <div class="sk-product">
2130                        <div class="sk-product__image shimmer"></div>
2131                        <div class="sk-line shimmer"></div>
2132                        <div class="sk-line sk-line--short shimmer"></div>
2133                        <div class="sk-product__btn shimmer"></div>
2134                    </div>
2135                                        <div class="sk-product">
2136                        <div class="sk-product__image shimmer"></div>
2137                        <div class="sk-line shimmer"></div>
2138                        <div class="sk-line sk-line--short shimmer"></div>
2139                        <div class="sk-product__btn shimmer"></div>
2140                    </div>
2141                                        <div class="sk-product">
2142                        <div class="sk-product__image shimmer"></div>
2143                        <div class="sk-line shimmer"></div>
2144                        <div class="sk-line sk-line--short shimmer"></div>
2145                        <div class="sk-product__btn shimmer"></div>
2146                    </div>
2147                                        <div class="sk-product">
2148                        <div class="sk-product__image shimmer"></div>
2149                        <div class="sk-line shimmer"></div>
2150                        <div class="sk-line sk-line--short shimmer"></div>
2151                        <div class="sk-product__btn shimmer"></div>
2152                    </div>
2153                                        <div class="sk-product">
2154                        <div class="sk-product__image shimmer"></div>
2155                        <div class="sk-line shimmer"></div>
2156                        <div class="sk-line sk-line--short shimmer"></div>
2157                        <div class="sk-product__btn shimmer"></div>
2158                    </div>
2159                                        <div class="sk-product">
2160                        <div class="sk-product__image shimmer"></div>
2161                        <div class="sk-line shimmer"></div>
2162                        <div class="sk-line sk-line--short shimmer"></div>
2163                        <div class="sk-product__btn shimmer"></div>
2164                    </div>
2165                                        <div class="sk-product">
2166                        <div class="sk-product__image shimmer"></div>
2167                        <div class="sk-line shimmer"></div>
2168                        <div class="sk-line sk-line--short shimmer"></div>
2169                        <div class="sk-product__btn shimmer"></div>
2170                    </div>
2171                                        <div class="sk-product">
2172                        <div class="sk-product__image shimmer"></div>
2173                        <div class="sk-line shimmer"></div>
2174                        <div class="sk-line sk-line--short shimmer"></div>
2175                        <div class="sk-product__btn shimmer"></div>
2176                    </div>
2177                                        <div class="sk-product">
2178                        <div class="sk-product__image shimmer"></div>
2179                        <div class="sk-line shimmer"></div>
2180                        <div class="sk-line sk-line--short shimmer"></div>
2181                        <div class="sk-product__btn shimmer"></div>
2182                    </div>
2183                                    </div>
2184            </div>
2185        </div>
2186    </div>
2187</div>
2188
2189<div id="shop-real-content" class="shop-real-content">
2190
2191<div class="shop-page" id="js-search-page">
2192    <!-- breadcumb -->
2193    <div class="breadcumb-section">
2194        <div class="container-fluid">
2195            <nav aria-label="breadcrumb">
2196                <ol class="breadcrumb">
2197                    <li class="breadcrumb-item"><a href="https://omspice.com.au">
2198                            <svg class="icon icon--home">
2199                                <use xlink:href="#home"></use>
2200                            </svg>
2201                            Home</a>
2202                    </li>
2203                                            <li class="breadcrumb-item active" aria-current="page">Categories</li>
2204                                    </ol>
2205            </nav>
2206        </div>
2207    </div>
2208    <!-- breadcumb -->
2209
2210    
2211        <!-- Feature Products -->
2212    <!-- product section -->
2213    <section class="all-product" id="vuejs-search-content">
2214        <div class="container-fluid">
2215            <div class="row">
2216                <div class="col-lg-3 filter-sidebar">
2217                    <form method="get" action="" id="frmSearchFrom">
2218                        <input type="hidden" name="_token" value="Saf8iglaLO7GMe3DmNZoBQ4yHaPlhTiacf0oaANm">
2219                        <input type="hidden" name="sortByCopy" id="sortByCopy" value="1">
2220                        <input type="hidden" name="special" value="">
2221
2222                        <div class="filter-mobile-head d-lg-none">
2223                            <h4>Filters</h4>
2224                            <button type="button" class="sidebar_mob_close" aria-label="Close filters">
2225                                <i class="fas fa-times"></i>
2226                            </button>
2227                        </div>
2228
2229                        <div class="filters">
2230                            <div class="searchby-input d-flex">
2231
2232                                <!-- search input -->
2233                                <div class="input-group filter-search">
2234                                    <input class="form-control" placeholder="Search Keywords" type="text" name="keyword"
2235                                        id="keyword" value="">
2236                                    <button class="product-search" type="button" @click="submitForm"><i
2237                                            class="fas fa-search"></i></button>
2238                                </div>
2239
2240                            </div>
2241                            <!--Category filter section -->
2242                            <div class="filter-section">
2243                                <div class="filter-header">
2244                                    <h4>Categories</h4>
2245                                </div>
2246                                <div class="filter-list">
2247                                    <div class="filter-list-inner">
2248
2249                                                                                                                                                                
2250                                        <div class="form-check ">
2251                                            <input name="categories[]" class="form-check-input" type="checkbox"
2252                                                value="lentils-seed" id="category_lentils-seed"
2253                                                                                                @change="submitForm">
2254                                            <label class="form-check-label" for="category_lentils-seed">
2255                                                Lentils &amp; Seed
2256                                            </label>
2257                                        </div>
2258                                                                                
2259                                        <div class="form-check ">
2260                                            <input name="categories[]" class="form-check-input" type="checkbox"
2261                                                value="spices-premix" id="category_spices-premix"
2262                                                                                                @change="submitForm">
2263                                            <label class="form-check-label" for="category_spices-premix">
2264                                                Spices &amp; Premix
2265                                            </label>
2266                                        </div>
2267                                                                                
2268                                        <div class="form-check ">
2269                                            <input name="categories[]" class="form-check-input" type="checkbox"
2270                                                value="snacks-biscuit" id="category_snacks-biscuit"
2271                                                                                                @change="submitForm">
2272                                            <label class="form-check-label" for="category_snacks-biscuit">
2273                                                Snacks &amp; Biscuit
2274                                            </label>
2275                                        </div>
2276                                                                                
2277                                        <div class="form-check ">
2278                                            <input name="categories[]" class="form-check-input" type="checkbox"
2279                                                value="rice-flour" id="category_rice-flour"
2280                                                                                                @change="submitForm">
2281                                            <label class="form-check-label" for="category_rice-flour">
2282                                                Rice &amp; Flour
2283                                            </label>
2284                                        </div>
2285                                                                                
2286                                        <div class="form-check ">
2287                                            <input name="categories[]" class="form-check-input" type="checkbox"
2288                                                value="cosmetics-health" id="category_cosmetics-health"
2289                                                                                                @change="submitForm">
2290                                            <label class="form-check-label" for="category_cosmetics-health">
2291                                                Cosmetics &amp; Health
2292                                            </label>
2293                                        </div>
2294                                                                                
2295                                        <div class="form-check ">
2296                                            <input name="categories[]" class="form-check-input" type="checkbox"
2297                                                value="indian-sweets-mithai" id="category_indian-sweets-mithai"
2298                                                                                                @change="submitForm">
2299                                            <label class="form-check-label" for="category_indian-sweets-mithai">
2300                                                Indian Sweets &amp; Mithai
2301                                            </label>
2302                                        </div>
2303                                                                                
2304                                        <div class="form-check ">
2305                                            <input name="categories[]" class="form-check-input" type="checkbox"
2306                                                value="needs-others" id="category_needs-others"
2307                                                                                                @change="submitForm">
2308                                            <label class="form-check-label" for="category_needs-others">
2309                                                Daily Needs &amp; Others
2310                                            </label>
2311                                        </div>
2312                                                                                
2313                                        <div class="form-check ">
2314                                            <input name="categories[]" class="form-check-input" type="checkbox"
2315                                                value="items-utensil" id="category_items-utensil"
2316                                                                                                @change="submitForm">
2317                                            <label class="form-check-label" for="category_items-utensil">
2318                                                Pooja Items &amp; Utensil
2319                                            </label>
2320                                        </div>
2321                                                                                
2322                                        <div class="form-check ">
2323                                            <input name="categories[]" class="form-check-input" type="checkbox"
2324                                                value="combo-kits" id="category_combo-kits"
2325                                                                                                @change="submitForm">
2326                                            <label class="form-check-label" for="category_combo-kits">
2327                                                Combo Kits
2328                                            </label>
2329                                        </div>
2330                                                                                
2331                                        <div class="form-check ">
2332                                            <input name="categories[]" class="form-check-input" type="checkbox"
2333                                                value="hair-care" id="category_hair-care"
2334                                                                                                @change="submitForm">
2335                                            <label class="form-check-label" for="category_hair-care">
2336                                                Hair Care
2337                                            </label>
2338                                        </div>
2339                                                                                <div class="view-more-l">
2340                                        <div class="form-check ">
2341                                            <input name="categories[]" class="form-check-input" type="checkbox"
2342                                                value="pickle-chutney" id="category_pickle-chutney"
2343                                                                                                @change="submitForm">
2344                                            <label class="form-check-label" for="category_pickle-chutney">
2345                                                Pickle &amp; Chutney
2346                                            </label>
2347                                        </div>
2348                                                                                
2349                                        <div class="form-check ">
2350                                            <input name="categories[]" class="form-check-input" type="checkbox"
2351                                                value="nuts-ghee-oil" id="category_nuts-ghee-oil"
2352                                                                                                @change="submitForm">
2353                                            <label class="form-check-label" for="category_nuts-ghee-oil">
2354                                                Nuts,Ghee &amp; Oil
2355                                            </label>
2356                                        </div>
2357                                                                                
2358                                        <div class="form-check ">
2359                                            <input name="categories[]" class="form-check-input" type="checkbox"
2360                                                value="frozen-fridge-foods" id="category_frozen-fridge-foods"
2361                                                                                                @change="submitForm">
2362                                            <label class="form-check-label" for="category_frozen-fridge-foods">
2363                                                Frozen &amp; Fridge Foods
2364                                            </label>
2365                                        </div>
2366                                                                                
2367                                        <div class="form-check ">
2368                                            <input name="categories[]" class="form-check-input" type="checkbox"
2369                                                value="vegetable-fresh-produce" id="category_vegetable-fresh-produce"
2370                                                                                                @change="submitForm">
2371                                            <label class="form-check-label" for="category_vegetable-fresh-produce">
2372                                                Vegetable &amp; Fresh Produce
2373                                            </label>
2374                                        </div>
2375                                                                                
2376                                        <div class="form-check ">
2377                                            <input name="categories[]" class="form-check-input" type="checkbox"
2378                                                value="oral-care" id="category_oral-care"
2379                                                                                                @change="submitForm">
2380                                            <label class="form-check-label" for="category_oral-care">
2381                                                Oral Care
2382                                            </label>
2383                                        </div>
2384                                                                                
2385                                        <div class="form-check ">
2386                                            <input name="categories[]" class="form-check-input" type="checkbox"
2387                                                value="fresh-meat-seafood" id="category_fresh-meat-seafood"
2388                                                                                                @change="submitForm">
2389                                            <label class="form-check-label" for="category_fresh-meat-seafood">
2390                                                Fresh Meat &amp; Seafood
2391                                            </label>
2392                                        </div>
2393                                                                                
2394                                        <div class="form-check ">
2395                                            <input name="categories[]" class="form-check-input" type="checkbox"
2396                                                value="tea-coffee" id="category_tea-coffee"
2397                                                                                                @change="submitForm">
2398                                            <label class="form-check-label" for="category_tea-coffee">
2399                                                Tea &amp; Coffee
2400                                            </label>
2401                                        </div>
2402                                                                                </div>                                                                            </div>
2403                                                                        <button type="button" class="view-all-btn">View All</button>
2404                                    <button type="button" class="view-less-btn">View Less</button>
2405                                                                    </div>
2406
2407                            </div>
2408                            <!-- //Category filter section -->
2409
2410                            <!-- Price filter section -->
2411                            <div class="filter-section">
2412                                <div class="filter-header">
2413                                    <h4>Filter by price</h4>
2414                                </div>
2415                                <div class="price-range-slider">
2416                                    <input type="text" id="js-price-range-slider">
2417                                </div>
2418                                <input type="hidden" name="min_price" id="js-min-price-input" value="">
2419                                <input type="hidden" name="max_price" id="js-max-price-input" value="">
2420                            </div>
2421                            <!-- //Price filter section -->
2422
2423                            <!--Country filter section -->
2424                            <div class="filter-section">
2425                                <div class="filter-header">
2426                                    <h4>Country</h4>
2427                                </div>
2428                                <div class="filter-list">
2429                                    <div class="filter-list-inner">
2430                                                                                                                                                                <div class="form-check">
2431                                            <input name="countries[]" class="form-check-input" type="checkbox"
2432                                                value="1" id="country_1"
2433                                                                                                @change="submitForm">
2434                                            <label class="form-check-label" for="country_1">
2435                                                Afghanistan
2436                                            </label>
2437                                        </div>
2438                                                                                                                        <div class="form-check">
2439                                            <input name="countries[]" class="form-check-input" type="checkbox"
2440                                                value="2" id="country_2"
2441                                                                                                @change="submitForm">
2442                                            <label class="form-check-label" for="country_2">
2443                                                Albania
2444                                            </label>
2445                                        </div>
2446                                                                                                                        <div class="form-check">
2447                                            <input name="countries[]" class="form-check-input" type="checkbox"
2448                                                value="3" id="country_3"
2449                                                                                                @change="submitForm">
2450                                            <label class="form-check-label" for="country_3">
2451                                                Algeria
2452                                            </label>
2453                                        </div>
2454                                                                                                                        <div class="form-check">
2455                                            <input name="countries[]" class="form-check-input" type="checkbox"
2456                                                value="4" id="country_4"
2457                                                                                                @change="submitForm">
2458                                            <label class="form-check-label" for="country_4">
2459                                                American Samoa
2460                                            </label>
2461                                        </div>
2462                                                                                                                        <div class="form-check">
2463                                            <input name="countries[]" class="form-check-input" type="checkbox"
2464                                                value="5" id="country_5"
2465                                                                                                @change="submitForm">
2466                                            <label class="form-check-label" for="country_5">
2467                                                Andorra
2468                                            </label>
2469                                        </div>
2470                                                                                                                        <div class="form-check">
2471                                            <input name="countries[]" class="form-check-input" type="checkbox"
2472                                                value="6" id="country_6"
2473                                                                                                @change="submitForm">
2474                                            <label class="form-check-label" for="country_6">
2475                                                Angola
2476                                            </label>
2477                                        </div>
2478                                                                                                                        <div class="form-check">
2479                                            <input name="countries[]" class="form-check-input" type="checkbox"
2480                                                value="7" id="country_7"
2481                                                                                                @change="submitForm">
2482                                            <label class="form-check-label" for="country_7">
2483                                                Anguilla
2484                                            </label>
2485                                        </div>
2486                                                                                                                        <div class="form-check">
2487                                            <input name="countries[]" class="form-check-input" type="checkbox"
2488                                                value="8" id="country_8"
2489                                                                                                @change="submitForm">
2490                                            <label class="form-check-label" for="country_8">
2491                                                Antarctica
2492                                            </label>
2493                                        </div>
2494                                                                                                                        <div class="form-check">
2495                                            <input name="countries[]" class="form-check-input" type="checkbox"
2496                                                value="9" id="country_9"
2497                                                                                                @change="submitForm">
2498                                            <label class="form-check-label" for="country_9">
2499                                                Antigua and Barbuda
2500                                            </label>
2501                                        </div>
2502                                                                                                                        <div class="form-check">
2503                                            <input name="countries[]" class="form-check-input" type="checkbox"
2504                                                value="10" id="country_10"
2505                                                                                                @change="submitForm">
2506                                            <label class="form-check-label" for="country_10">
2507                                                Argentina
2508         
2508                                   </label>
2509                                        </div>
2510                                                                                <div class="view-more-l">                                        <div class="form-check">
2511                                            <input name="countries[]" class="form-check-input" type="checkbox"
2512                                                value="11" id="country_11"
2513                                                                                                @change="submitForm">
2514                                            <label class="form-check-label" for="country_11">
2515                                                Armenia
2516                                            </label>
2517                                        </div>
2518                                                                                                                        <div class="form-check">
2519                                            <input name="countries[]" class="form-check-input" type="checkbox"
2520                                                value="12" id="country_12"
2521                                                                                                @change="submitForm">
2522                                            <label class="form-check-label" for="country_12">
2523                                                Aruba
2524                                            </label>
2525                                        </div>
2526                                                                                                                        <div class="form-check">
2527                                            <input name="countries[]" class="form-check-input" type="checkbox"
2528                                                value="13" id="country_13"
2529                                                                                                @change="submitForm">
2530                                            <label class="form-check-label" for="country_13">
2531                                                Australia
2532                                            </label>
2533                                        </div>
2534                                                                                                                        <div class="form-check">
2535                                            <input name="countries[]" class="form-check-input" type="checkbox"
2536                                                value="14" id="country_14"
2537                                                                                                @change="submitForm">
2538                                            <label class="form-check-label" for="country_14">
2539                                                Austria
2540                                            </label>
2541                                        </div>
2542                                                                                                                        <div class="form-check">
2543                                            <input name="countries[]" class="form-check-input" type="checkbox"
2544                                                value="15" id="country_15"
2545                                                                                                @change="submitForm">
2546                                            <label class="form-check-label" for="country_15">
2547                                                Azerbaijan
2548                                            </label>
2549                                        </div>
2550                                                                                                                        <div class="form-check">
2551                                            <input name="countries[]" class="form-check-input" type="checkbox"
2552                                                value="16" id="country_16"
2553                                                                                                @change="submitForm">
2554                                            <label class="form-check-label" for="country_16">
2555                                                Bahamas
2556                                            </label>
2557                                        </div>
2558                                                                                                                        <div class="form-check">
2559                                            <input name="countries[]" class="form-check-input" type="checkbox"
2560                                                value="17" id="country_17"
2561                                                                                                @change="submitForm">
2562                                            <label class="form-check-label" for="country_17">
2563                                                Bahrain
2564                                            </label>
2565                                        </div>
2566                                                                                                                        <div class="form-check">
2567                                            <input name="countries[]" class="form-check-input" type="checkbox"
2568                                                value="18" id="country_18"
2569                                                                                                @change="submitForm">
2570                                            <label class="form-check-label" for="country_18">
2571                                                Bangladesh
2572                                            </label>
2573                                        </div>
2574                                                                                                                        <div class="form-check">
2575                                            <input name="countries[]" class="form-check-input" type="checkbox"
2576                                                value="19" id="country_19"
2577                                                                                                @change="submitForm">
2578                                            <label class="form-check-label" for="country_19">
2579                                                Barbados
2580                                            </label>
2581                                        </div>
2582                                                                                                                        <div class="form-check">
2583                                            <input name="countries[]" class="form-check-input" type="checkbox"
2584                                                value="20" id="country_20"
2585                                                                                                @change="submitForm">
2586                                            <label class="form-check-label" for="country_20">
2587                                                Belarus
2588                                            </label>
2589                                        </div>
2590                                                                                                                        <div class="form-check">
2591                                            <input name="countries[]" class="form-check-input" type="checkbox"
2592                                                value="21" id="country_21"
2593                                                                                                @change="submitForm">
2594                                            <label class="form-check-label" for="country_21">
2595                                                Belgium
2596                                            </label>
2597                                        </div>
2598                                                                                                                        <div class="form-check">
2599                                            <input name="countries[]" class="form-check-input" type="checkbox"
2600                                                value="22" id="country_22"
2601                                                                                                @change="submitForm">
2602                                            <label class="form-check-label" for="country_22">
2603                                                Belize
2604                                            </label>
2605                                        </div>
2606                                                                                                                        <div class="form-check">
2607                                            <input name="countries[]" class="form-check-input" type="checkbox"
2608                                                value="23" id="country_23"
2609                                                                                                @change="submitForm">
2610                                            <label class="form-check-label" for="country_23">
2611                                                Benin
2612                                            </label>
2613                                        </div>
2614                                                                                                                        <div class="form-check">
2615                                            <input name="countries[]" class="form-check-input" type="checkbox"
2616                                                value="24" id="country_24"
2617                                                                                                @change="submitForm">
2618                                            <label class="form-check-label" for="country_24">
2619                                                Bermuda
2620                                            </label>
2621                                        </div>
2622                                                                                                                        <div class="form-check">
2623                                            <input name="countries[]" class="form-check-input" type="checkbox"
2624                                                value="25" id="country_25"
2625                                                                                                @change="submitForm">
2626                                            <label class="form-check-label" for="country_25">
2627                                                Bhutan
2628                                            </label>
2629                                        </div>
2630                                                                                                                        <div class="form-check">
2631                                            <input name="countries[]" class="form-check-input" type="checkbox"
2632                                                value="26" id="country_26"
2633                                                                                                @change="submitForm">
2634                                            <label class="form-check-label" for="country_26">
2635                                                Bolivia
2636                                            </label>
2637                                        </div>
2638                                                                                                                        <div class="form-check">
2639                                            <input name="countries[]" class="form-check-input" type="checkbox"
2640                                                value="27" id="country_27"
2641                                                                                                @change="submitForm">
2642                                            <label class="form-check-label" for="country_27">
2643                                                Bosnia and Herzegovina
2644                                            </label>
2645                                        </div>
2646                                                                                                                        <div class="form-check">
2647                                            <input name="countries[]" class="form-check-input" type="checkbox"
2648                                                value="28" id="country_28"
2649                                                                                                @change="submitForm">
2650                                            <label class="form-check-label" for="country_28">
2651                                                Botswana
2652                                            </label>
2653                                        </div>
2654                                                                                                                        <div class="form-check">
2655                                            <input name="countries[]" class="form-check-input" type="checkbox"
2656                                                value="29" id="country_29"
2657                                                                                                @change="submitForm">
2658                                            <label class="form-check-label" for="country_29">
2659                                                Bouvet Island
2660                                            </label>
2661                                        </div>
2662                                                                                                                        <div class="form-check">
2663                                            <input name="countries[]" class="form-check-input" type="checkbox"
2664                                                value="30" id="country_30"
2665                                                                                                @change="submitForm">
2666                                            <label class="form-check-label" for="country_30">
2667                                                Brazil
2668                                            </label>
2669                                        </div>
2670                                                                                                                        <div class="form-check">
2671                                            <input name="countries[]" class="form-check-input" type="checkbox"
2672                                                value="31" id="country_31"
2673                                                                                                @change="submitForm">
2674                                            <label class="form-check-label" for="country_31">
2675                                                British Antarctic Territory
2676                                            </label>
2677                                        </div>
2678                                                                                                                        <div class="form-check">
2679                                            <input name="countries[]" class="form-check-input" type="checkbox"
2680                                                value="32" id="country_32"
2681                                                                                                @change="submitForm">
2682                                            <label class="form-check-label" for="country_32">
2683                                                British Indian Ocean Territory
2684                                            </label>
2685                                        </div>
2686                                                                                                                        <div class="form-check">
2687                                            <input name="countries[]" class="form-check-input" type="checkbox"
2688                                                value="33" id="country_33"
2689                                                                                                @change="submitForm">
2690                                            <label class="form-check-label" for="country_33">
2691                                                British Virgin Islands
2692                                            </label>
2693                                        </div>
2694                                                                                                             
2694           <div class="form-check">
2695                                            <input name="countries[]" class="form-check-input" type="checkbox"
2696                                                value="34" id="country_34"
2697                                                                                                @change="submitForm">
2698                                            <label class="form-check-label" for="country_34">
2699                                                Brunei
2700                                            </label>
2701                                        </div>
2702                                                                                                                        <div class="form-check">
2703                                            <input name="countries[]" class="form-check-input" type="checkbox"
2704                                                value="35" id="country_35"
2705                                                                                                @change="submitForm">
2706                                            <label class="form-check-label" for="country_35">
2707                                                Bulgaria
2708                                            </label>
2709                                        </div>
2710                                                                                                                        <div class="form-check">
2711                                            <input name="countries[]" class="form-check-input" type="checkbox"
2712                                                value="36" id="country_36"
2713                                                                                                @change="submitForm">
2714                                            <label class="form-check-label" for="country_36">
2715                                                Burkina Faso
2716                                            </label>
2717                                        </div>
2718                                                                                                                        <div class="form-check">
2719                                            <input name="countries[]" class="form-check-input" type="checkbox"
2720                                                value="37" id="country_37"
2721                                                                                                @change="submitForm">
2722                                            <label class="form-check-label" for="country_37">
2723                                                Burundi
2724                                            </label>
2725                                        </div>
2726                                                                                                                        <div class="form-check">
2727                                            <input name="countries[]" class="form-check-input" type="checkbox"
2728                                                value="38" id="country_38"
2729                                                                                                @change="submitForm">
2730                                            <label class="form-check-label" for="country_38">
2731                                                Cambodia
2732                                            </label>
2733                                        </div>
2734                                                                                                                        <div class="form-check">
2735                                            <input name="countries[]" class="form-check-input" type="checkbox"
2736                                                value="39" id="country_39"
2737                                                                                                @change="submitForm">
2738                                            <label class="form-check-label" for="country_39">
2739                                                Cameroon
2740                                            </label>
2741                                        </div>
2742                                                                                                                        <div class="form-check">
2743                                            <input name="countries[]" class="form-check-input" type="checkbox"
2744                                                value="40" id="country_40"
2745                                                                                                @change="submitForm">
2746                                            <label class="form-check-label" for="country_40">
2747                                                Canada
2748                                            </label>
2749                                        </div>
2750                                                                                                                        <div class="form-check">
2751                                            <input name="countries[]" class="form-check-input" type="checkbox"
2752                                                value="41" id="country_41"
2753                                                                                                @change="submitForm">
2754                                            <label class="form-check-label" for="country_41">
2755                                                Canton and Enderbury Islands
2756                                            </label>
2757                                        </div>
2758                                                                                                                        <div class="form-check">
2759                                            <input name="countries[]" class="form-check-input" type="checkbox"
2760                                                value="42" id="country_42"
2761                                                                                                @change="submitForm">
2762                                            <label class="form-check-label" for="country_42">
2763                                                Cape Verde
2764                                            </label>
2765                                        </div>
2766                                                                                                                        <div class="form-check">
2767                                            <input name="countries[]" class="form-check-input" type="checkbox"
2768                                                value="43" id="country_43"
2769                                                                                                @change="submitForm">
2770                                            <label class="form-check-label" for="country_43">
2771                                                Cayman Islands
2772                                            </label>
2773                                        </div>
2774                                                                                                                        <div class="form-check">
2775                                            <input name="countries[]" class="form-check-input" type="checkbox"
2776                                                value="44" id="country_44"
2777                                                                                                @change="submitForm">
2778                                            <label class="form-check-label" for="country_44">
2779                                                Central African Republic
2780                                            </label>
2781                                        </div>
2782                                                                                                                        <div class="form-check">
2783                                            <input name="countries[]" class="form-check-input" type="checkbox"
2784                                                value="45" id="country_45"
2785                                                                                                @change="submitForm">
2786                                            <label class="form-check-label" for="country_45">
2787                                                Chad
2788                                            </label>
2789                                        </div>
2790                                                                                                                        <div class="form-check">
2791                                            <input name="countries[]" class="form-check-input" type="checkbox"
2792                                                value="46" id="country_46"
2793                                                                                                @change="submitForm">
2794                                            <label class="form-check-label" for="country_46">
2795                                                Chile
2796                                            </label>
2797                                        </div>
2798                                                                                                                        <div class="form-check">
2799                                            <input name="countries[]" class="form-check-input" type="checkbox"
2800                                                value="47" id="country_47"
2801                                                                                                @change="submitForm">
2802                                            <label class="form-check-label" for="country_47">
2803                                                China
2804                                            </label>
2805                                        </div>
2806                                                                                                                        <div class="form-check">
2807                                            <input name="countries[]" class="form-check-input" type="checkbox"
2808                                                value="48" id="country_48"
2809                                                                                                @change="submitForm">
2810                                            <label class="form-check-label" for="country_48">
2811                                                Christmas Island
2812                                            </label>
2813                                        </div>
2814                                                                                                                        <div class="form-check">
2815                                            <input name="countries[]" class="form-check-input" type="checkbox"
2816                                                value="49" id="country_49"
2817                                                                                                @change="submitForm">
2818                                            <label class="form-check-label" for="country_49">
2819                                                Cocos [Keeling] Islands
2820                                            </label>
2821                                        </div>
2822                                                                                                                        <div class="form-check">
2823                                            <input name="countries[]" class="form-check-input" type="checkbox"
2824                                                value="50" id="country_50"
2825                                                                                                @change="submitForm">
2826                                            <label class="form-check-label" for="country_50">
2827                                                Colombia
2828                                            </label>
2829                                        </div>
2830                                                                                                                        <div class="form-check">
2831                                            <input name="countries[]" class="form-check-input" type="checkbox"
2832                                                value="51" id="country_51"
2833                                                                                                @change="submitForm">
2834                                            <label class="form-check-label" for="country_51">
2835                                                Comoros
2836                                            </label>
2837                                        </div>
2838                                                                                                                        <div class="form-check">
2839                                            <input name="countries[]" class="form-check-input" type="checkbox"
2840                                                value="52" id="country_52"
2841                                                                                                @change="submitForm">
2842                                            <label class="form-check-label" for="country_52">
2843                                                Congo - Brazzaville
2844                                            </label>
2845                                        </div>
2846                                                                                                                        <div class="form-check">
2847                                            <input name="countries[]" class="form-check-input" type="checkbox"
2848                                                value="53" id="country_53"
2849                                                                                                @change="submitForm">
2850                                            <label class="form-check-label" for="country_53">
2851                                                Congo - Kinshasa
2852                                            </label>
2853                                        </div>
2854                                                                                                                        <div class="form-check">
2855                                            <input name="countries[]" class="form-check-input" type="checkbox"
2856                                                value="54" id="country_54"
2857                                                                                                @change="submitForm">
2858                                            <label class="form-check-label" for="country_54">
2859                                                Cook Islands
2860                                            </label>
2861                                        </div>
2862                                                                                                                        <div class="form-check">
2863                                            <input name="countries[]" class="form-check-input" type="checkbox"
2864                                                value="55" id="country_55"
2865                                                                                                @change="submitForm">
2866                                            <label class="form-check-label" for="country_55">
2867                                                Costa Rica
2868                                            </label>
2869                                        </div>
2870                                                                                                                        <div class="form-check">
2871                                            <input name="countries[]" class="form-check-input" type="checkbox"
2872                                                value="56" id="country_56"
2873                                                                                                @change="submitForm">
2874                                            <label class="form-check-label" for="country_56">
2875                                                Croatia
2876                                            </label>
2877                                        </div>
2878                                                                                                                        <div class="form-check">
2879                                            <input name="countries[]" class="form-check-input" type="checkbox"
2880                                                value="57" id="country_57"
2881                                                                                                @change="submitForm">
2882                                            <label class="form-check-label" for="country_57">
2883                                                Cuba
2884                                            </label>
2885                                        </div>
2886                                                                                                                        <div class="form-check">
2887                                            <input name="countries[]" class="form-check-input" type="checkbox"
2888                                                value="58" id="country_58"
2889                                                                                                @change="submitForm">
2890                                            <label class="form-check-label" for="country_58">
2891                                                Cyprus
2892                                            </label>
2893                                        </div>
2894                                                                                                                        <div class="form-check">
2895                                            <input name="countries[]" class="form-check-input" type="checkbox"
2896                                                value="59" id="country_59"
2897                                                                                                @change="submitForm">
2898                                            <label class="form-check-label" for="country_59">
2899                                                Czech Republic
2900                                            </label>
2901                                        </div>
2902                                                                                                                        <div class="form-check">
2903                                            <input name="countries[]" class="form-check-input" type="checkbox"
2904                                                value="60" id="country_60"
2905                                                                                                @change="submitForm">
2906                                            <label class="form-check-label" for="country_60">
2907                                                Côte d’Ivoire
2908                                            </label>
2909                                        </div>
2910                                                                                                                        <div class="form-check">
2911                                            <input name="countries[]" class="form-check-input" type="checkbox"
2912                                                value="61" id="country_61"
2913                                                                                                @change="submitForm">
2914                                            <label class="form-check-label" for="country_61">
2915                                                Denmark
2916                                            </label>
2917                                        </div>
2918                                                                                                                        <div class="form-check">
2919                                            <input name="countries[]" class="form-check-input" type="checkbox"
2920                                                value="62" id="country_62"
2921                                                                                                @change="submitForm">
2922                                            <label class="form-check-label" for="country_62">
2923                                                Djibouti
2924                                            </label>
2925                                        </div>
2926                                                                                                                        <div class="form-check">
2927                                            <input name="countries[]" class="form-check-input" type="checkbox"
2928                                                value="63" id="country_63"
2929                                                                                                @change="submitForm">
2930                                            <label class="form-check-label" for="country_63">
2931                                                Dominica
2932                                            </label>
2933                                        </div>
2934                                                                                                                        <div class="form-check">
2935                                            <input name="countries[]" class="form-check-input" type="checkbox"
2936                                                value="64" id="country_64"
2937                                                                                                @change="submitForm">
2938                                            <label class="form-check-label" for="country_64">
2939                                                Dominican Republic
2940                                            </label>
2941                                        </div>
2942                                                                                                                        <div class="form-check">
2943                                            <input name="countries[]" class="form-check-input" type="checkbox"
2944                                                value="65" id="country_65"
2945                                                                                                @change="submitForm">
2946                                            <label class="form-check-label" for="country_65">
2947                                                Dronning Maud Land
2948                                            </label>
2949                                        </div>
2950                                                                                                                        <div class="form-check">
2951                                            <input name="countries[]" class="form-check-input" type="checkbox"
2952                                                value="66" id="country_66"
2953                                                                                                @change="submitForm">
2954                                            <label class="form-check-label" for="country_66">
2955                                                East Germany
2956                                            </label>
2957                                        </div>
2958                                                                                                                        <div class="form-check">
2959                                            <input name="countries[]" class="form-check-input" type="checkbox"
2960                                                value="67" id="country_67"
2961                                                                                                @change="submitForm">
2962                                            <label class="form-check-label" for="country_67">
2963                                                Ecuador
2964                                            </label>
2965                                        </div>
2966                                                                                                                        <div class="form-check">
2967                                            <input name="countries[]" class="form-check-input" type="checkbox"
2968                                                value="68" id="country_68"
2969                                                                                                @change="submitForm">
2970                                            <label class="form-check-label" for="country_68">
2971                                                Egypt
2972                                            </label>
2973                                        </div>
2974                                                                                                                        <div class="form-check">
2975                                            <input name="countries[]" class="form-check-input" type="checkbox"
2976                                                value="69" id="country_69"
2977                                                                                                @change="submitForm">
2978                                            <label class="form-check-label" for="country_69">
2979                                                El Salvador
2980                                            </label>
2981                                        </div>
2982                                                                                                                        <div class="form-check">
2983                                            <input name="countries[]" class="form-check-input" type="checkbox"
2984                                                value="70" id="country_70"
2985                                                                                                @change="submitForm">
2986                                            <label class="form-check-label" for="country_70">
2987                                                Equatorial Guinea
2988                                            </label>
2989                                        </div>
2990                                                                                                                        <div class="form-check">
2991                                            <input name="countries[]" class="form-check-input" type="checkbox"
2992                                                value="71" id="country_71"
2993                                                                                                @change="submitForm">
2994                                            <label class="form-check-label" for="country_71">
2995                                                Eritrea
2996                                            </label>
2997                                        </div>
2998                                                                                                                        <div class="form-check">
2999                                            <input name="countries[]" class="form-check-input" type="checkbox"
3000                                                value="72" id="country_72"
3001                                                                                                @change="submitForm">
3002                                            <label class="form-check-label" for="country_72">
3003                                                Estonia
3004                                            </label>
3005                                        </div>
3006                                                                                                                        <div class="form-check">
3007                                            <input name="countries[]" class="form-check-input" type="checkbox"
3008                                                value="73" id="country_73"
3009                                                                                                @change="submitForm">
3010                                            <label class="form-check-label" for="country_73">
3011                                                Ethiopia
3012                                            </label>
3013                                        </div>
3014                                                                                                                        <div class="form-check">
3015                                            <input name="countries[]" class="form-check-input" type="checkbox"
3016                                                value="74" id="country_74"
3017                                                                                                @change="submitForm">
3018                                            <label class="form-check-label" for="country_74">
3019                                                Falkland Islands
3020                                            </label>
3021                                        </div>
3022                                                                                                                        <div class="form-check">
3023                                            <input name="countries[]" class="form-check-input" type="checkbox"
3024                                                value="75" id="country_75"
3025                                                                                                @change="submitForm">
3026                                            <label class="form-check-label" for="country_75">
3027                                                Faroe Islands
3028                                            </label>
3029                                        </div>
3030                                                                                                                        <div class="form-check">
3031                                            <input name="countries[]" class="form-check-input" type="checkbox"
3032                                                value="76" id="country_76"
3033                                                                                                @change="submitForm">
3034                                            <label class="form-check-label" for="country_76">
3035                                                Fiji
3036                                            </label>
3037                                        </div>
3038                                                                                                                        <div class="form-check">
3039                                            <input name="countries[]" class="form-check-input" type="checkbox"
3040                                                value="77" id="country_77"
3041                                                                                                @change="submitForm">
3042                                            <label class="form-check-label" for="country_77">
3043                                                Finland
3044                                            </label>
3045                                        </div>
3046                                                                                                                        <div class="form-check">
3047                                            <input name="countries[]" class="form-check-input" type="checkbox"
3048                                                value="78" id="country_78"
3049                                                                                                @change="submitForm">
3050                                            <label class="form-check-label" for="country_78">
3051                                                France
3052                                            </label>
3053                                        </div>
3054                                                                                                                        <div class="form-check">
3055                                            <input name="countries[]" class="form-check-input" type="checkbox"
3056                                                value="79" id="country_79"
3057                                                                                                @change="submitForm">
3058                                            <label class="form-check-label" for="country_79">
3059                                                French Guiana
3060                                            </label>
3061                                        </div>
3062                                                                                                                        <div class="form-check">
3063                                            <input name="countries[]" class="form-check-input" type="checkbox"
3064                                                value="80" id="country_80"
3065                                                                                                @change="submitForm">
3066                                            <label class="form-check-label" for="country_80">
3067                                                French Polynesia
3068                                            </label>
3069                                        </div>
3070                                                                                                                        <div class="form-check">
3071                                            <input name="countries[]" class="form-check-input" type="checkbox"
3072                                                value="81" id="country_81"
3073                                                                                                @change="submitForm">
3074                                            <label class="form-check-label" for="country_81">
3075                                                French Southern Territories
3076                                            </label>
3077                                        </div>
3078                                                                                                                        <div class="form-check">
3079                                            <input name="countries[]" class="form-check-input" type="checkbox"
3080                                                value="82" id="country_82"
3081                                                                                                @change="submitForm">
3082                                            <label class="form-check-label" for="country_82">
3083                                                French Southern and Antarctic Territories
3084                                            </label>
3085                                        </div>
3086                                                                                                                        <div class="form-check">
3087                                            <input name="countries[]" class="form-check-input" type="checkbox"
3088                                                value="83" id="country_83"
3089                                                                                                @change="submitForm">
3090                                            <label class="form-check-label" for="country_83">
3091                                                Gabon
3092                                            </label>
3093                                        </div>
3094                                                                                                                        <div class="form-check">
3095                                            <input name="countries[]" class="form-check-input" type="checkbox"
3096                                                value="84" id="country_84"
3097                                                                                                @change="submitForm">
3098                                            <label class="form-check-label" for="country_84">
3099                                                Gambia
3100                                            </label>
3101                                        </div>
3102                                                                                                                        <div class="form-check">
3103                                            <input name="countries[]" class="form-check-input" type="checkbox"
3104                                                value="85" id="country_85"
3105                                                                                                @change="submitForm">
3106                                            <label class="form-check-label" for="country_85">
3107                                                Georgia
3108                                            </label>
3109                                        </div>
3110                                                                                                                        <div class="form-check">
3111                                            <input name="countries[]" class="form-check-input" type="checkbox"
3112                                                value="86" id="country_86"
3113                                                                                                @change="submitForm">
3114                                            <label class="form-check-label" for="country_86">
3115                                                Germany
3116                                            </label>
3117                                        </div>
3118                                                                                                                        <div class="form-check">
3119                                            <input name="countries[]" class="form-check-input" type="checkbox"
3120                                                value="87" id="country_87"
3121                                                                                                @change="submitForm">
3122                                            <label class="form-check-label" for="country_87">
3123                                                Ghana
3124                                            </label>
3125                                        </div>
3126                                                                                                                        <div class="form-check">
3127                                            <input name="countries[]" class="form-check-input" type="checkbox"
3128                                                value="88" id="country_88"
3129                                                                                                @change="submitForm">
3130                                            <label class="form-check-label" for="coun
3130try_88">
3131                                                Gibraltar
3132                                            </label>
3133                                        </div>
3134                                                                                                                        <div class="form-check">
3135                                            <input name="countries[]" class="form-check-input" type="checkbox"
3136                                                value="89" id="country_89"
3137                                                                                                @change="submitForm">
3138                                            <label class="form-check-label" for="country_89">
3139                                                Greece
3140                                            </label>
3141                                        </div>
3142                                                                                                                        <div class="form-check">
3143                                            <input name="countries[]" class="form-check-input" type="checkbox"
3144                                                value="90" id="country_90"
3145                                                                                                @change="submitForm">
3146                                            <label class="form-check-label" for="country_90">
3147                                                Greenland
3148                                            </label>
3149                                        </div>
3150                                                                                                                        <div class="form-check">
3151                                            <input name="countries[]" class="form-check-input" type="checkbox"
3152                                                value="91" id="country_91"
3153                                                                                                @change="submitForm">
3154                                            <label class="form-check-label" for="country_91">
3155                                                Grenada
3156                                            </label>
3157                                        </div>
3158                                                                                                                        <div class="form-check">
3159                                            <input name="countries[]" class="form-check-input" type="checkbox"
3160                                                value="92" id="country_92"
3161                                                                                                @change="submitForm">
3162                                            <label class="form-check-label" for="country_92">
3163                                                Guadeloupe
3164                                            </label>
3165                                        </div>
3166                                                                                                                        <div class="form-check">
3167                                            <input name="countries[]" class="form-check-input" type="checkbox"
3168                                                value="93" id="country_93"
3169                                                                                                @change="submitForm">
3170                                            <label class="form-check-label" for="country_93">
3171                                                Guam
3172                                            </label>
3173                                        </div>
3174                                                                                                                        <div class="form-check">
3175                                            <input name="countries[]" class="form-check-input" type="checkbox"
3176                                                value="94" id="country_94"
3177                                                                                                @change="submitForm">
3178                                            <label class="form-check-label" for="country_94">
3179                                                Guatemala
3180                                            </label>
3181                                        </div>
3182                                                                                                                        <div class="form-check">
3183                                            <input name="countries[]" class="form-check-input" type="checkbox"
3184                                                value="95" id="country_95"
3185                                                                                                @change="submitForm">
3186                                            <label class="form-check-label" for="country_95">
3187                                                Guernsey
3188                                            </label>
3189                                        </div>
3190                                                                                                                        <div class="form-check">
3191                                            <input name="countries[]" class="form-check-input" type="checkbox"
3192                                                value="96" id="country_96"
3193                                                                                                @change="submitForm">
3194                                            <label class="form-check-label" for="country_96">
3195                                                Guinea
3196                                            </label>
3197                                        </div>
3198                                                                                                                        <div class="form-check">
3199                                            <input name="countries[]" class="form-check-input" type="checkbox"
3200                                                value="97" id="country_97"
3201                                                                                                @change="submitForm">
3202                                            <label class="form-check-label" for="country_97">
3203                                                Guinea-Bissau
3204                                            </label>
3205                                        </div>
3206                                                                                                                        <div class="form-check">
3207                                            <input name="countries[]" class="form-check-input" type="checkbox"
3208                                                value="98" id="country_98"
3209                                                                                                @change="submitForm">
3210                                            <label class="form-check-label" for="country_98">
3211                                                Guyana
3212                                            </label>
3213                                        </div>
3214                                                                                                                        <div class="form-check">
3215                                            <input name="countries[]" class="form-check-input" type="checkbox"
3216                                                value="99" id="country_99"
3217                                                                                                @change="submitForm">
3218                                            <label class="form-check-label" for="country_99">
3219                                                Haiti
3220                                            </label>
3221                                        </div>
3222                                                                                                                        <div class="form-check">
3223                                            <input name="countries[]" class="form-check-input" type="checkbox"
3224                                                value="100" id="country_100"
3225                                                                                                @change="submitForm">
3226                                            <label class="form-check-label" for="country_100">
3227                                                Heard Island and McDonald Islands
3228                                            </label>
3229                                        </div>
3230                                                                                                                        <div class="form-check">
3231                                            <input name="countries[]" class="form-check-input" type="checkbox"
3232                                                value="101" id="country_101"
3233                                                                                                @change="submitForm">
3234                                            <label class="form-check-label" for="country_101">
3235                                                Honduras
3236                                            </label>
3237                                        </div>
3238                                                                                                                        <div class="form-check">
3239                                            <input name="countries[]" class="form-check-input" type="checkbox"
3240                                                value="102" id="country_102"
3241                                                                                                @change="submitForm">
3242                                            <label class="form-check-label" for="country_102">
3243                                                Hong Kong SAR China
3244                                            </label>
3245                                        </div>
3246                                                                                                                        <div class="form-check">
3247                                            <input name="countries[]" class="form-check-input" type="checkbox"
3248                                                value="103" id="country_103"
3249                                                                                                @change="submitForm">
3250                                            <label class="form-check-label" for="country_103">
3251                                                Hungary
3252                                            </label>
3253                                        </div>
3254                                                                                                                        <div class="form-check">
3255                                            <input name="countries[]" class="form-check-input" type="checkbox"
3256                                                value="104" id="country_104"
3257                                                                                                @change="submitForm">
3258                                            <label class="form-check-label" for="country_104">
3259                                                Iceland
3260                                            </label>
3261                                        </div>
3262                                                                                                                        <div class="form-check">
3263                                            <input name="countries[]" class="form-check-input" type="checkbox"
3264                                                value="105" id="country_105"
3265                                                                                                @change="submitForm">
3266                                            <label class="form-check-label" for="country_105">
3267                                                India
3268                                            </label>
3269                                        </div>
3270                                                                                                                        <div class="form-check">
3271                                            <input name="countries[]" class="form-check-input" type="checkbox"
3272                                                value="106" id="country_106"
3273                                                                                                @change="submitForm">
3274                                            <label class="form-check-label" for="country_106">
3275                                                Indonesia
3276                                            </label>
3277                                        </div>
3278                                                                                                                        <div class="form-check">
3279                                            <input name="countries[]" class="form-check-input" type="checkbox"
3280                                                value="107" id="country_107"
3281                                                                                                @change="submitForm">
3282                                            <label class="form-check-label" for="country_107">
3283                                                Iran
3284                                            </label>
3285                                        </div>
3286                                                                                                                        <div class="form-check">
3287                                            <input name="countries[]" class="form-check-input" type="checkbox"
3288                                                value="108" id="country_108"
3289                                                                                                @change="submitForm">
3290                                            <label class="form-check-label" for="country_108">
3291                                                Iraq
3292                                            </label>
3293                                        </div>
3294                                                                                                                        <div class="form-check">
3295                                            <input name="countries[]" class="form-check-input" type="checkbox"
3296                                                value="109" id="country_109"
3297                                                                                                @change="submitForm">
3298                                            <label class="form-check-label" for="country_109">
3299                                                Ireland
3300                                            </label>
3301                                        </div>
3302                                                                                                                        <div class="form-check">
3303                                            <input name="countries[]" class="form-check-input" type="checkbox"
3304                                                value="110" id="country_110"
3305                                                                                                @change="submitForm">
3306                                            <label class="form-check-label" for="country_110">
3307                                                Isle of Man
3308                                            </label>
3309                                        </div>
3310                                                                                                                        <div class="form-check">
3311                                            <input name="countries[]" class="form-check-input" type="checkbox"
3312                                                value="111" id="country_111"
3313                                                                                                @change="submitForm">
3314                                            <label class="form-check-label" for="country_111">
3315                                                Israel
3316                                            </label>
3317                                        </div>
3318                                                              
3318                                                          <div class="form-check">
3319                                            <input name="countries[]" class="form-check-input" type="checkbox"
3320                                                value="112" id="country_112"
3321                                                                                                @change="submitForm">
3322                                            <label class="form-check-label" for="country_112">
3323                                                Italy
3324                                            </label>
3325                                        </div>
3326                                                                                                                        <div class="form-check">
3327                                            <input name="countries[]" class="form-check-input" type="checkbox"
3328                                                value="113" id="country_113"
3329                                                                                                @change="submitForm">
3330                                            <label class="form-check-label" for="country_113">
3331                                                Jamaica
3332                                            </label>
3333                                        </div>
3334                                                                                                                        <div class="form-check">
3335                                            <input name="countries[]" class="form-check-input" type="checkbox"
3336                                                value="114" id="country_114"
3337                                                                                                @change="submitForm">
3338                                            <label class="form-check-label" for="country_114">
3339                                                Japan
3340                                            </label>
3341                                        </div>
3342                                                                                                                        <div class="form-check">
3343                                            <input name="countries[]" class="form-check-input" type="checkbox"
3344                                                value="115" id="country_115"
3345                                                                                                @change="submitForm">
3346                                            <label class="form-check-label" for="country_115">
3347                                                Jersey
3348                                            </label>
3349                                        </div>
3350                                                                                                                        <div class="form-check">
3351                                            <input name="countries[]" class="form-check-input" type="checkbox"
3352                                                value="116" id="country_116"
3353                                                                                                @change="submitForm">
3354                                            <label class="form-check-label" for="country_116">
3355                                                Johnston Island
3356                                            </label>
3357                                        </div>
3358                                                                                                                        <div class="form-check">
3359                                            <input name="countries[]" class="form-check-input" type="checkbox"
3360                                                value="117" id="country_117"
3361                                                                                                @change="submitForm">
3362                                            <label class="form-check-label" for="country_117">
3363                                                Jordan
3364                                            </label>
3365                                        </div>
3366                                                                                                                        <div class="form-check">
3367                                            <input name="countries[]" class="form-check-input" type="checkbox"
3368                                                value="118" id="country_118"
3369                                                                                                @change="submitForm">
3370                                            <label class="form-check-label" for="country_118">
3371                                                Kazakhstan
3372                                            </label>
3373                                        </div>
3374                                                                                                                        <div class="form-check">
3375                                            <input name="countries[]" class="form-check-input" type="checkbox"
3376                                                value="119" id="country_119"
3377                                                                                                @change="submitForm">
3378                                            <label class="form-check-label" for="country_119">
3379                                                Kenya
3380                                            </label>
3381                                        </div>
3382                                                                                                                        <div class="form-check">
3383                                            <input name="countries[]" class="form-check-input" type="checkbox"
3384                                                value="120" id="country_120"
3385                                                                                                @change="submitForm">
3386                                            <label class="form-check-label" for="country_120">
3387                                                Kiribati
3388                                            </label>
3389                                        </div>
3390                                                                                                                        <div class="form-check">
3391                                            <input name="countries[]" class="form-check-input" type="checkbox"
3392                                                value="121" id="country_121"
3393                                                                                                @change="submitForm">
3394                                            <label class="form-check-label" for="country_121">
3395                                                Kuwait
3396                                            </label>
3397                                        </div>
3398                                                                                                                        <div class="form-check">
3399                                            <input name="countries[]" class="form-check-input" type="checkbox"
3400                                                value="122" id="country_122"
3401                                                                                                @change="submitForm">
3402                                            <label class="form-check-label" for="country_122">
3403                                                Kyrgyzstan
3404                                            </label>
3405                                        </div>
3406                                                                                                                        <div class="form-check">
3407                                            <input name="countries[]" class="form-check-input" type="checkbox"
3408                                                value="123" id="country_123"
3409                                                                                                @change="submitForm">
3410                                            <label class="form-check-label" for="country_123">
3411                                                Laos
3412                                            </label>
3413                                        </div>
3414                                                                                                                        <div class="form-check">
3415                                            <input name="countries[]" class="form-check-input" type="checkbox"
3416                                                value="124" id="country_124"
3417                                                                                                @change="submitForm">
3418                                            <label class="form-check-label" for="country_124">
3419                                                Latvia
3420                                            </label>
3421                                        </div>
3422                                                                                                                        <div class="form-check">
3423                                            <input name="countries[]" class="form-check-input" type="checkbox"
3424                                                value="125" id="country_125"
3425                                                                                                @change="submitForm">
3426                                            <label class="form-check-label" for="country_125">
3427                                                Lebanon
3428                                            </label>
3429                                        </div>
3430                                                                                                                        <div class="form-check">
3431                                            <input name="countries[]" class="form-check-input" type="checkbox"
3432                                                value="126" id="country_126"
3433                                                                                                @change="submitForm">
3434                                            <label class="form-check-label" for="country_126">
3435                                                Lesotho
3436                                            </label>
3437                                        </div>
3438                                                                                                                        <div class="form-check">
3439                                            <input name="countries[]" class="form-check-input" type="checkbox"
3440                                                value="127" id="country_127"
3441                                                                                                @change="submitForm">
3442                                            <label class="form-check-label" for="country_127">
3443                                                Liberia
3444                                            </label>
3445                                        </div>
3446                                                                                                                        <div class="form-check">
3447                                            <input name="countries[]" class="form-check-input" type="checkbox"
3448                                                value="128" id="country_128"
3449                                                                                                @change="submitForm">
3450                                            <label class="form-check-label" for="country_128">
3451                                                Libya
3452                                            </label>
3453                                        </div>
3454                                                                                                                        <div class="form-check">
3455                                            <input name="countries[]" class="form-check-input" type="checkbox"
3456                                                value="129" id="country_129"
3457                                                                                                @change="submitForm">
3458                                            <label class="form-check-label" for="country_129">
3459                                                Liechtenstein
3460                                            </label>
3461                                        </div>
3462                                                                                                                        <div class="form-check">
3463                                            <input name="countries[]" class="form-check-input" type="checkbox"
3464                                                value="130" id="country_130"
3465                                                                                                @change="submitForm">
3466                                            <label class="form-check-label" for="country_130">
3467                                                Lithuania
3468                                            </label>
3469                                        </div>
3470                                                                                                                        <div class="form-check">
3471                                            <input name="countries[]" class="form-check-input" type="checkbox"
3472                                                value="131" id="country_131"
3473                                                                                                @change="submitForm">
3474                                            <label class="form-check-label" for="country_131">
3475                                                Luxembourg
3476                                            </label>
3477                                        </div>
3478                                                                                                                        <div class="form-check">
3479                                            <input name="countries[]" class="form-check-input" type="checkbox"
3480                                                value="132" id="country_132"
3481                                                                                                @change="submitForm">
3482                                            <label class="form-check-label" for="country_132">
3483                                                Macau SAR China
3484                                            </label>
3485                                        </div>
3486                                                                                                                        <div class="form-check">
3487                                            <input name="countries[]" class="form-check-input" type="checkbox"
3488                                                value="133" id="country_133"
3489                                                                                                @change="submitForm">
3490                                            <label class="form-check-label" for="country_133">
3491                                                Macedonia
3492                                            </label>
3493                                        </div>
3494                                                                                                                        <div class="form-check">
3495                                            <input name="countries[]" class="form-check-input" type="checkbox"
3496                                                value="134" id="country_134"
3497                                                                                                @change="submitForm">
3498                                            <label class="form-check-label" for="country_134">
3499                                                Madagascar
3500                                            </label>
3501                                        </div>
3502                                                                                                                        <div class="form-check">
3503                                            <input name="countries[]" class="form-check-input" type="checkbox"
3504                    
3504                            value="135" id="country_135"
3505                                                                                                @change="submitForm">
3506                                            <label class="form-check-label" for="country_135">
3507                                                Malawi
3508                                            </label>
3509                                        </div>
3510                                                                                                                        <div class="form-check">
3511                                            <input name="countries[]" class="form-check-input" type="checkbox"
3512                                                value="136" id="country_136"
3513                                                                                                @change="submitForm">
3514                                            <label class="form-check-label" for="country_136">
3515                                                Malaysia
3516                                            </label>
3517                                        </div>
3518                                                                                                                        <div class="form-check">
3519                                            <input name="countries[]" class="form-check-input" type="checkbox"
3520                                                value="137" id="country_137"
3521                                                                                                @change="submitForm">
3522                                            <label class="form-check-label" for="country_137">
3523                                                Maldives
3524                                            </label>
3525                                        </div>
3526                                                                                                                        <div class="form-check">
3527                                            <input name="countries[]" class="form-check-input" type="checkbox"
3528                                                value="138" id="country_138"
3529                                                                                                @change="submitForm">
3530                                            <label class="form-check-label" for="country_138">
3531                                                Mali
3532                                            </label>
3533                                        </div>
3534                                                                                                                        <div class="form-check">
3535                                            <input name="countries[]" class="form-check-input" type="checkbox"
3536                                                value="139" id="country_139"
3537                                                                                                @change="submitForm">
3538                                            <label class="form-check-label" for="country_139">
3539                                                Malta
3540                                            </label>
3541                                        </div>
3542                                                                                                                        <div class="form-check">
3543                                            <input name="countries[]" class="form-check-input" type="checkbox"
3544                                                value="140" id="country_140"
3545                                                                                                @change="submitForm">
3546                                            <label class="form-check-label" for="country_140">
3547                                                Marshall Islands
3548                                            </label>
3549                                        </div>
3550                                                                                                                        <div class="form-check">
3551                                            <input name="countries[]" class="form-check-input" type="checkbox"
3552                                                value="141" id="country_141"
3553                                                                                                @change="submitForm">
3554                                            <label class="form-check-label" for="country_141">
3555                                                Martinique
3556                                            </label>
3557                                        </div>
3558                                                                                                                        <div class="form-check">
3559                                            <input name="countries[]" class="form-check-input" type="checkbox"
3560                                                value="142" id="country_142"
3561                                                                                                @change="submitForm">
3562                                            <label class="form-check-label" for="country_142">
3563                                                Mauritania
3564                                            </label>
3565                                        </div>
3566                                                                                                                        <div class="form-check">
3567                                            <input name="countries[]" class="form-check-input" type="checkbox"
3568                                                value="143" id="country_143"
3569                                                                                                @change="submitForm">
3570                                            <label class="form-check-label" for="country_143">
3571                                                Mauritius
3572                                            </label>
3573                                        </div>
3574                                                                                                                        <div class="form-check">
3575                                            <input name="countries[]" class="form-check-input" type="checkbox"
3576                                                value="144" id="country_144"
3577                                                                                                @change="submitForm">
3578                                            <label class="form-check-label" for="country_144">
3579                                                Mayotte
3580                                            </label>
3581                                        </div>
3582                                                                                                                        <div class="form-check">
3583                                            <input name="countries[]" class="form-check-input" type="checkbox"
3584                                                value="145" id="country_145"
3585                                                                                                @change="submitForm">
3586                                            <label class="form-check-label" for="country_145">
3587                                                Metropolitan France
3588                                            </label>
3589                                        </div>
3590                                                                                                                        <div class="form-check">
3591                                            <input name="countries[]" class="form-check-input" type="checkbox"
3592                                                value="146" id="country_146"
3593                                                                                                @change="submitForm">
3594                                            <label class="form-check-label" for="country_146">
3595                                                Mexico
3596                                            </label>
3597                                        </div>
3598                                                                                                                        <div class="form-check">
3599                                            <input name="countries[]" class="form-check-input" type="checkbox"
3600                                                value="147" id="country_147"
3601                                                                                                @change="submitForm">
3602                                            <label class="form-check-label" for="country_147">
3603                                                Micronesia
3604                                            </label>
3605                                        </div>
3606                                                                                                                        <div class="form-check">
3607                                            <input name="countries[]" class="form-check-input" type="checkbox"
3608                                                value="148" id="country_148"
3609                                                                                                @change="submitForm">
3610                                            <label class="form-check-label" for="country_148">
3611                                                Midway Islands
3612                                            </label>
3613                                        </div>
3614                                                                                                                        <div class="form-check">
3615                                            <input name="countries[]" class="form-check-input" type="checkbox"
3616                                                value="149" id="country_149"
3617                                                                                                @change="submitForm">
3618                                            <label class="form-check-label" for="country_149">
3619                                                Moldova
3620                                            </label>
3621                                        </div>
3622                                                                                                                        <div class="form-check">
3623                                            <input name="countries[]" class="form-check-input" type="checkbox"
3624                                                value="150" id="country_150"
3625                                                                                                @change="submitForm">
3626                                            <label class="form-check-label" for="country_150">
3627                                                Monaco
3628                                            </label>
3629                                        </div>
3630                                                                                                                        <div class="form-check">
3631                                            <input name="countries[]" class="form-check-input" type="checkbox"
3632                                                value="151" id="country_151"
3633                                                                                                @change="submitForm">
3634                                            <label class="form-check-label" for="country_151">
3635                                                Mongolia
3636                                            </label>
3637                                        </div>
3638                                                                                                                        <div class="form-check">
3639                                            <input name="countries[]" class="form-check-input" type="checkbox"
3640                                                value="152" id="country_152"
3641                                                                                                @change="submitForm">
3642                                            <label class="form-check-label" for="country_152">
3643                                                Montenegro
3644                                            </label>
3645                                        </div>
3646                                                                                                                        <div class="form-check">
3647                                            <input name="countries[]" class="form-check-input" type="checkbox"
3648                                                value="153" id="country_153"
3649                                                                                                @change="submitForm">
3650                                            <label class="form-check-label" for="country_153">
3651                                                Montserrat
3652                                            </label>
3653                                        </div>
3654                                                                                                                        <div class="form-check">
3655                                            <input name="countries[]" class="form-check-input" type="checkbox"
3656                                                value="154" id="country_154"
3657                                                                                                @change="submitForm">
3658                                            <label class="form-check-label" for="country_154">
3659                                                Morocco
3660                                            </label>
3661                                        </div>
3662                                                                                                                        <div class="form-check">
3663                                            <input name="countries[]" class="form-check-input" type="checkbox"
3664                                                value="155" id="country_155"
3665                                                                                                @change="submitForm">
3666                                            <label class="form-check-label" for="country_155">
3667                                                Mozambique
3668                                            </label>
3669                                        </div>
3670                                                                                                                        <div class="form-check">
3671                                            <input name="countries[]" class="form-check-input" type="checkbox"
3672                                                value="156" id="country_156"
3673                                                                                                @change="submitForm">
3674                                            <label class="form-check-label" for="country_156">
3675                                                Myanmar [Burma]
3676                                            </label>
3677                                        </div>
3678                                                                                                                        <div class="form-check">
3679                                            <input name="countries[]" class="form-check-input" type="checkbox"
3680                                                value="157" id="country_157"
3681                                                                                                @change="submitForm">
3682                                            <label class="form-check-label" for="country_157">
3683                                                Namibia
3684                                            </label>
3685                                        </div>
3686                                                                                                                        <div class="form-check">
3687                                            <input name="countries[]" class="form-check-input" type="checkbox"
3688                                                value="158" id="country_158"
3689                                                                                                @change="submitForm">
3690            
3690                                <label class="form-check-label" for="country_158">
3691                                                Nauru
3692                                            </label>
3693                                        </div>
3694                                                                                                                        <div class="form-check">
3695                                            <input name="countries[]" class="form-check-input" type="checkbox"
3696                                                value="159" id="country_159"
3697                                                                                                @change="submitForm">
3698                                            <label class="form-check-label" for="country_159">
3699                                                Nepal
3700                                            </label>
3701                                        </div>
3702                                                                                                                        <div class="form-check">
3703                                            <input name="countries[]" class="form-check-input" type="checkbox"
3704                                                value="160" id="country_160"
3705                                                                                                @change="submitForm">
3706                                            <label class="form-check-label" for="country_160">
3707                                                Netherlands
3708                                            </label>
3709                                        </div>
3710                                                                                                                        <div class="form-check">
3711                                            <input name="countries[]" class="form-check-input" type="checkbox"
3712                                                value="161" id="country_161"
3713                                                                                                @change="submitForm">
3714                                            <label class="form-check-label" for="country_161">
3715                                                Netherlands Antilles
3716                                            </label>
3717                                        </div>
3718                                                                                                                        <div class="form-check">
3719                                            <input name="countries[]" class="form-check-input" type="checkbox"
3720                                                value="162" id="country_162"
3721                                                                                                @change="submitForm">
3722                                            <label class="form-check-label" for="country_162">
3723                                                Neutral Zone
3724                                            </label>
3725                                        </div>
3726                                                                                                                        <div class="form-check">
3727                                            <input name="countries[]" class="form-check-input" type="checkbox"
3728                                                value="163" id="country_163"
3729                                                                                                @change="submitForm">
3730                                            <label class="form-check-label" for="country_163">
3731                                                New Caledonia
3732                                            </label>
3733                                        </div>
3734                                                                                                                        <div class="form-check">
3735                                            <input name="countries[]" class="form-check-input" type="checkbox"
3736                                                value="164" id="country_164"
3737                                                                                                @change="submitForm">
3738                                            <label class="form-check-label" for="country_164">
3739                                                New Zealand
3740                                            </label>
3741                                        </div>
3742                                                                                                                        <div class="form-check">
3743                                            <input name="countries[]" class="form-check-input" type="checkbox"
3744                                                value="165" id="country_165"
3745                                                                                                @change="submitForm">
3746                                            <label class="form-check-label" for="country_165">
3747                                                Nicaragua
3748                                            </label>
3749                                        </div>
3750                                                                                                                        <div class="form-check">
3751                                            <input name="countries[]" class="form-check-input" type="checkbox"
3752                                                value="166" id="country_166"
3753                                                                                                @change="submitForm">
3754                                            <label class="form-check-label" for="country_166">
3755                                                Niger
3756                                            </label>
3757                                        </div>
3758                                                                                                                        <div class="form-check">
3759                                            <input name="countries[]" class="form-check-input" type="checkbox"
3760                                                value="167" id="country_167"
3761                                                                                                @change="submitForm">
3762                                            <label class="form-check-label" for="country_167">
3763                                                Nigeria
3764                                            </label>
3765                                        </div>
3766                                                                                                                        <div class="form-check">
3767                                            <input name="countries[]" class="form-check-input" type="checkbox"
3768                                                value="168" id="country_168"
3769                                                                                                @change="submitForm">
3770                                            <label class="form-check-label" for="country_168">
3771                                                Niue
3772                                            </label>
3773                                        </div>
3774                                                                                                                        <div class="form-check">
3775                                            <input name="countries[]" class="form-check-input" type="checkbox"
3776                                                value="169" id="country_169"
3777                                                                                                @change="submitForm">
3778                                            <label class="form-check-label" for="country_169">
3779                                                Norfolk Island
3780                                            </label>
3781                                        </div>
3782                                                                                                                        <div class="form-check">
3783                                            <input name="countries[]" class="form-check-input" type="checkbox"
3784                                                value="170" id="country_170"
3785                                                                                                @change="submitForm">
3786                                            <label class="form-check-label" for="country_170">
3787                                                North Korea
3788                                            </label>
3789                                        </div>
3790                                                                                                                        <div class="form-check">
3791                                            <input name="countries[]" class="form-check-input" type="checkbox"
3792                                                value="171" id="country_171"
3793                                                                                                @change="submitForm">
3794                                            <label class="form-check-label" for="country_171">
3795                                                North Vietnam
3796                                            </label>
3797                                        </div>
3798                                                                                                                        <div class="form-check">
3799                                            <input name="countries[]" class="form-check-input" type="checkbox"
3800                                                value="172" id="country_172"
3801                                                                                                @change="submitForm">
3802                                            <label class="form-check-label" for="country_172">
3803                                                Northern Mariana Islands
3804                                            </label>
3805                                        </div>
3806                                                                                                                        <div class="form-check">
3807                                            <input name="countries[]" class="form-check-input" type="checkbox"
3808                                                value="173" id="country_173"
3809                                                                                                @change="submitForm">
3810                                            <label class="form-check-label" for="country_173">
3811                                                Norway
3812                                            </label>
3813                                        </div>
3814                                                                                                                        <div class="form-check">
3815                                            <input name="countries[]" class="form-check-input" type="checkbox"
3816                                                value="174" id="country_174"
3817                                                                                                @change="submitForm">
3818                                            <label class="form-check-label" for="country_174">
3819                                                Oman
3820                                            </label>
3821                                        </div>
3822                                                                                                                        <div class="form-check">
3823                                            <input name="countries[]" class="form-check-input" type="checkbox"
3824                                                value="175" id="country_175"
3825                                                                                                @change="submitForm">
3826                                            <label class="form-check-label" for="country_175">
3827                                                Pacific Islands Trust Territory
3828                                            </label>
3829                                        </div>
3830                                                                                                                        <div class="form-check">
3831                                            <input name="countries[]" class="form-check-input" type="checkbox"
3832                                                value="176" id="country_176"
3833                                                                                                @change="submitForm">
3834                                            <label class="form-check-label" for="country_176">
3835                                                Pakistan
3836                                            </label>
3837                                        </div>
3838                                                                                                                        <div class="form-check">
3839                                            <input name="countries[]" class="form-check-input" type="checkbox"
3840                                                value="177" id="country_177"
3841                                                                                                @change="submitForm">
3842                                            <label class="form-check-label" for="country_177">
3843                                                Palau
3844                                            </label>
3845                                        </div>
3846                                                                                                                        <div class="form-check">
3847                                            <input name="countries[]" class="form-check-input" type="checkbox"
3848                                                value="178" id="country_178"
3849                                                                                                @change="submitForm">
3850                                            <label class="form-check-label" for="country_178">
3851                                                Palestinian Territories
3852                                            </label>
3853                                        </div>
3854                                                                                                                        <div class="form-check">
3855                                            <input name="countries[]" class="form-check-input" type="checkbox"
3856                                                value="179" id="country_179"
3857                                                                                                @change="submitForm">
3858                                            <label class="form-check-label" for="country_179">
3859                                                Panama
3860                                            </label>
3861                                        </div>
3862                                                                                                                        <div class="form-check">
3863                                            <input name="countries[]" class="form-check-input" type="checkbox"
3864                                                value="180" id="country_180"
3865                                                                                                @change="submitForm">
3866                                            <label class="form-check-label" for="country_180">
3867                                                Panama Canal Zone
3868                                            </label>
3869                                        </div>
3870                                                                                                                        <div class="form-check">
3871                                            <input name="countries[]" class="form-check-input" type="checkbox"
3872                                                value="181" id="country_181"
3873                                                                                                @change="submitForm">
3874                                            <label class="form-check-label" for="country_181">
3875                                                Papua New Guinea
3876                                            </label>
3877                                        </div>
3878                                                                                                                        <div class="form-check">
3879                                            <input name="countries[]" class="form-check-input" type="checkbox"
3880                                                value="182" id="country_182"
3881                                                                                                @change="submitForm">
3882                                            <label class="form-check-label" for="country_182">
3883                                                Paraguay
3884                                            </label>
3885                                        </div>
3886                                                                                                                        <div class="form-check">
3887                                            <input name="countries[]" class="form-check-input" type="checkbox"
3888                                                value="183" id="country_183"
3889                                                                                                @change="submitForm">
3890                                            <label class="form-check-label" for="country_183">
3891                                                People&#039;s Democratic Republic of Yemen
3892                                            </label>
3893                                        </div>
3894                                                                                                                        <div class="form-check">
3895                                            <input name="countries[]" class="form-check-input" type="checkbox"
3896                                                value="184" id="country_184"
3897                                                                                                @change="submitForm">
3898                                            <label class="form-check-label" for="country_184">
3899                                                Peru
3900                                            </label>
3901                                        </div>
3902                                                                                                                        <div class="form-check">
3903                                            <input name="countries[]" class="form-check-input" type="checkbox"
3904                                                value="185" id="country_185"
3905                                                                                                @change="submitForm">
3906                                            <label class="form-check-label" for="country_185">
3907                                                Philippines
3908                                            </label>
3909                                        </div>
3910                                                                                                                        <div class="form-check">
3911                                            <input name="countries[]" class="form-check-input" type="checkbox"
3912                                                value="186" id="country_186"
3913                                                                                                @change="submitForm">
3914                                            <label class="form-check-label" for="country_186">
3915                                                Pitcairn Islands
3916                                            </label>
3917                                        </div>
3918                                                                                                                        <div class="form-check">
3919                                            <input name="countries[]" class="form-check-input" type="checkbox"
3920                                                value="187" id="country_187"
3921                                                                                                @change="submitForm">
3922                                            <label class="form-check-label" for="country_187">
3923                                                Poland
3924                                            </label>
3925                                        </div>
3926                                                                                                                        <div class="form-check">
3927                                            <input name="countries[]" class="form-check-input" type="checkbox"
3928                                                value="188" id="country_188"
3929                                                                                                @change="submitForm">
3930                                            <label class="form-check-label" for="country_188">
3931                                                Portugal
3932                                            </label>
3933                                        </div>
3934                                                                                                                        <div class="form-check">
3935                                            <input name="countries[]" class="form-check-input" type="checkbox"
3936                                                value="189" id="country_189"
3937                                                                                                @change="submitForm">
3938                                            <label class="form-check-label" for="country_189">
3939                                                Puerto Rico
3940                                            </label>
3941                                        </div>
3942                                                                                                                        <div class="form-check">
3943                                            <input name="countries[]" class="form-check-input" type="checkbox"
3944                                                value="190" id="country_190"
3945                                                                                                @change="submitForm">
3946                                            <label class="form-check-label" for="country_190">
3947                                                Qatar
3948                                            </label>
3949                                        </div>
3950                                                                                                                        <div class="form-check">
3951                                            <input name="countries[]" class="form-check-input" type="checkbox"
3952                                                value="191" id="country_191"
3953                                                                                                @change="submitForm">
3954                                            <label class="form-check-label" for="country_191">
3955                                                Romania
3956                                            </label>
3957                                        </div>
3958                                                                                                                        <div class="form-check">
3959                                            <input name="countries[]" class="form-check-input" type="checkbox"
3960                                                value="192" id="country_192"
3961                                                                                                @change="submitForm">
3962                                            <label class="form-check-label" for="country_192">
3963                                                Russia
3964                                            </label>
3965                                        </div>
3966                                                                                                                        <div class="form-check">
3967                                            <input name="countries[]" class="form-check-input" type="checkbox"
3968                                                value="193" id="country_193"
3969                                                                                                @change="submitForm">
3970                                            <label class="form-check-label" for="country_193">
3971                                                Rwanda
3972                                            </label>
3973                                        </div>
3974                                                                                                                        <div class="form-check">
3975                                            <input name="countries[]" class="form-check-input" type="checkbox"
3976                                                value="194" id="country_194"
3977                                                                                                @change="submitForm">
3978                                            <label class="form-check-label" for="country_194">
3979                                                Réunion
3980                                            </label>
3981                                        </div>
3982                                                                                                                        <div class="form-check">
3983                                            <input name="countries[]" class="form-check-input" type="checkbox"
3984                                                value="195" id="country_195"
3985                                                                                                @change="submitForm">
3986                                            <label class="form-check-label" for="country_195">
3987                                                Saint Barthélemy
3988                                            </label>
3989                                        </div>
3990                                                                                                                        <div class="form-check">
3991                                            <input name="countries[]" class="form-check-input" type="checkbox"
3992                                                value="196" id="country_196"
3993                                                                                                @change="submitForm">
3994                                            <label class="form-check-label" for="country_196">
3995                                                Saint Helena
3996                                            </label>
3997                                        </div>
3998                                                                                                                        <div class="form-check">
3999                                            <input name="countries[]" class="form-check-input" type="checkbox"
4000                                                value="197" id="country_197"
4001                                                                                                @change="submitForm">
4002                                            <label class="form-check-label" for="country_197">
4003                                                Saint Kitts and Nevis
4004                                            </label>
4005                                        </div>
4006                                                                                                                        <div class="form-check">
4007                                            <input name="countries[]" class="form-check-input" type="checkbox"
4008                                                value="198" id="country_198"
4009                                                                                                @change="submitForm">
4010                                            <label class="form-check-label" for="country_198">
4011                                                Saint Lucia
4012                                            </label>
4013                                        </div>
4014                                                                                                                        <div class="form-check">
4015                                            <input name="countries[]" class="form-check-input" type="checkbox"
4016                                                value="199" id="country_199"
4017                                                                                                @change="submitForm">
4018                                            <label class="form-check-label" for="country_199">
4019                                                Saint Martin
4020                                            </label>
4021                                        </div>
4022                                                                                                                        <div class="form-check">
4023                                            <input name="countries[]" class="form-check-input" type="checkbox"
4024                                                value="200" id="country_200"
4025                                                                                                @change="submitForm">
4026                                            <label class="form-check-label" for="country_200">
4027                                                Saint Pierre and Miquelon
4028                                            </label>
4029                                        </div>
4030                                                                                                                        <div class="form-check">
4031                                            <input name="countries[]" class="form-check-input" type="checkbox"
4032                                                value="201" id="country_201"
4033                                                                                                @change="submitForm">
4034                                            <label class="form-check-label" for="country_201">
4035                                                Saint Vincent and the Grenadines
4036                                            </label>
4037                                        </div>
4038                                                                                                                        <div class="form-check">
4039                                            <input name="countries[]" class="form-check-input" type="checkbox"
4040                                                value="202" id="country_202"
4041                                                                                                @change="submitForm">
4042                                            <label class="form-check-label" for="country_202">
4043                                                Samoa
4044                                            </label>
4045                                        </div>
4046                                                                                                                        <div class="form-check">
4047                                            <input name="countries[]" class="form-check-input" type="checkbox"
4048                                                value="203" id="country_203"
4049                                                                                             
4049   @change="submitForm">
4050                                            <label class="form-check-label" for="country_203">
4051                                                San Marino
4052                                            </label>
4053                                        </div>
4054                                                                                                                        <div class="form-check">
4055                                            <input name="countries[]" class="form-check-input" type="checkbox"
4056                                                value="204" id="country_204"
4057                                                                                                @change="submitForm">
4058                                            <label class="form-check-label" for="country_204">
4059                                                Saudi Arabia
4060                                            </label>
4061                                        </div>
4062                                                                                                                        <div class="form-check">
4063                                            <input name="countries[]" class="form-check-input" type="checkbox"
4064                                                value="205" id="country_205"
4065                                                                                                @change="submitForm">
4066                                            <label class="form-check-label" for="country_205">
4067                                                Senegal
4068                                            </label>
4069                                        </div>
4070                                                                                                                        <div class="form-check">
4071                                            <input name="countries[]" class="form-check-input" type="checkbox"
4072                                                value="206" id="country_206"
4073                                                                                                @change="submitForm">
4074                                            <label class="form-check-label" for="country_206">
4075                                                Serbia
4076                                            </label>
4077                                        </div>
4078                                                                                                                        <div class="form-check">
4079                                            <input name="countries[]" class="form-check-input" type="checkbox"
4080                                                value="207" id="country_207"
4081                                                                                                @change="submitForm">
4082                                            <label class="form-check-label" for="country_207">
4083                                                Serbia and Montenegro
4084                                            </label>
4085                                        </div>
4086                                                                                                                        <div class="form-check">
4087                                            <input name="countries[]" class="form-check-input" type="checkbox"
4088                                                value="208" id="country_208"
4089                                                                                                @change="submitForm">
4090                                            <label class="form-check-label" for="country_208">
4091                                                Seychelles
4092                                            </label>
4093                                        </div>
4094                                                                                                                        <div class="form-check">
4095                                            <input name="countries[]" class="form-check-input" type="checkbox"
4096                                                value="209" id="country_209"
4097                                                                                                @change="submitForm">
4098                                            <label class="form-check-label" for="country_209">
4099                                                Sierra Leone
4100                                            </label>
4101                                        </div>
4102                                                                                                                        <div class="form-check">
4103                                            <input name="countries[]" class="form-check-input" type="checkbox"
4104                                                value="210" id="country_210"
4105                                                                                                @change="submitForm">
4106                                            <label class="form-check-label" for="country_210">
4107                                                Singapore
4108                                            </label>
4109                                        </div>
4110                                                                                                                        <div class="form-check">
4111                                            <input name="countries[]" class="form-check-input" type="checkbox"
4112                                                value="211" id="country_211"
4113                                                                                                @change="submitForm">
4114                                            <label class="form-check-label" for="country_211">
4115                                                Slovakia
4116                                            </label>
4117                                        </div>
4118                                                                                                                        <div class="form-check">
4119                                            <input name="countries[]" class="form-check-input" type="checkbox"
4120                                                value="212" id="country_212"
4121                                                                                                @change="submitForm">
4122                                            <label class="form-check-label" for="country_212">
4123                                                Slovenia
4124                                            </label>
4125                                        </div>
4126                                                                                                                        <div class="form-check">
4127                                            <input name="countries[]" class="form-check-input" type="checkbox"
4128                                                value="213" id="country_213"
4129                                                                                                @change="submitForm">
4130                                            <label class="form-check-label" for="country_213">
4131                                                Solomon Islands
4132                                            </label>
4133                                        </div>
4134                                                                                                                        <div class="form-check">
4135                                            <input name="countries[]" class="form-check-input" type="checkbox"
4136                                                value="214" id="country_214"
4137                                                                                                @change="submitForm">
4138                                            <label class="form-check-label" for="country_214">
4139                                                Somalia
4140                                            </label>
4141                                        </div>
4142                                                                                                                        <div class="form-check">
4143                                            <input name="countries[]" class="form-check-input" type="checkbox"
4144                                                value="215" id="country_215"
4145                                                                                                @change="submitForm">
4146                                            <label class="form-check-label" for="country_215">
4147                                                South Africa
4148                                            </label>
4149                                        </div>
4150                                                                                                                        <div class="form-check">
4151                                            <input name="countries[]" class="form-check-input" type="checkbox"
4152                                                value="216" id="country_216"
4153                                                                                                @change="submitForm">
4154                                            <label class="form-check-label" for="country_216">
4155                                                South Georgia and the South Sandwich Islands
4156                                            </label>
4157                                        </div>
4158                                                                                                                        <div class="form-check">
4159                                            <input name="countries[]" class="form-check-input" type="checkbox"
4160                                                value="217" id="country_217"
4161                                                                                                @change="submitForm">
4162                                            <label class="form-check-label" for="country_217">
4163                                                South Korea
4164                                            </label>
4165                                        </div>
4166                                                                                                                        <div class="form-check">
4167                                            <input name="countries[]" class="form-check-input" type="checkbox"
4168                                                value="218" id="country_218"
4169                                                                                                @change="submitForm">
4170                                            <label class="form-check-label" for="country_218">
4171                                                Spain
4172                                            </label>
4173                                        </div>
4174                                                                                                                        <div class="form-check">
4175                                            <input name="countries[]" class="form-check-input" type="checkbox"
4176                                                value="219" id="country_219"
4177                                                                                                @change="submitForm">
4178                                            <label class="form-check-label" for="country_219">
4179                                                Sri Lanka
4180                                            </label>
4181                                        </div>
4182                                                                                                                        <div class="form-check">
4183                                            <input name="countries[]" class="form-check-input" type="checkbox"
4184                                                value="220" id="country_220"
4185                                                                                                @change="submitForm">
4186                                            <label class="form-check-label" for="country_220">
4187                                                Sudan
4188                                            </label>
4189                                        </div>
4190                                                                                                                        <div class="form-check">
4191                                            <input name="countries[]" class="form-check-input" type="checkbox"
4192                                                value="221" id="country_221"
4193                                                                                                @change="submitForm">
4194                                            <label class="form-check-label" for="country_221">
4195                                                Suriname
4196                                            </label>
4197                                        </div>
4198                                                                                                                        <div class="form-check">
4199                                            <input name="countries[]" class="form-check-input" type="checkbox"
4200                                                value="222" id="country_222"
4201                                                                                                @change="submitForm">
4202                                            <label class="form-check-label" for="country_222">
4203                                                Svalbard and Jan Mayen
4204                                            </label>
4205                                        </div>
4206                                                                                                                        <div class="form-check">
4207                                            <input name="countries[]" class="form-check-input" type="checkbox"
4208                                                value="223" id="country_223"
4209                                                                                                @change="submitForm">
4210                                            <label class="form-check-label" for="country_223">
4211                                                Swaziland
4212                                            </label>
4213                                        </div>
4214                                                                                                                        <div class="form-check">
4215                                            <input name="countries[]" class="form-check-input" type="checkbox"
4216                                                value="224" id="country_224"
4217                                                                                                @change="submitForm">
4218                                            <label class="form-check-label" for="country_224">
4219                                                Sweden
4220                                            </label>
4221                                        </div>
4222                                                                                                                        <div class="form-check">
4223                                            <input name="countries[]" class="form-check-input" type="checkbox"
4224                                                value="225" id="country_225"
4225                                                                                                @change="submitForm">
4226                                            <label class="form-check-label" for="country_225">
4227                                                Switzerland
4228                                            </label>
4229                                        </div>
4230                                                                                                                        <div class="form-check">
4231                                            <input name="countries[]" class="form-check-input" type="checkbox"
4232                                                value="226" id="country_226"
4233                                                                                                @change="submitForm">
4234                                            <label class="form-check-label" for="country_226">
4235            
4235                                    Syria
4236                                            </label>
4237                                        </div>
4238                                                                                                                        <div class="form-check">
4239                                            <input name="countries[]" class="form-check-input" type="checkbox"
4240                                                value="227" id="country_227"
4241                                                                                                @change="submitForm">
4242                                            <label class="form-check-label" for="country_227">
4243                                                São Tomé and Príncipe
4244                                            </label>
4245                                        </div>
4246                                                                                                                        <div class="form-check">
4247                                            <input name="countries[]" class="form-check-input" type="checkbox"
4248                                                value="228" id="country_228"
4249                                                                                                @change="submitForm">
4250                                            <label class="form-check-label" for="country_228">
4251                                                Taiwan
4252                                            </label>
4253                                        </div>
4254                                                                                                                        <div class="form-check">
4255                                            <input name="countries[]" class="form-check-input" type="checkbox"
4256                                                value="229" id="country_229"
4257                                                                                                @change="submitForm">
4258                                            <label class="form-check-label" for="country_229">
4259                                                Tajikistan
4260                                            </label>
4261                                        </div>
4262                                                                                                                        <div class="form-check">
4263                                            <input name="countries[]" class="form-check-input" type="checkbox"
4264                                                value="230" id="country_230"
4265                                                                                                @change="submitForm">
4266                                            <label class="form-check-label" for="country_230">
4267                                                Tanzania
4268                                            </label>
4269                                        </div>
4270                                                                                                                        <div class="form-check">
4271                                            <input name="countries[]" class="form-check-input" type="checkbox"
4272                                                value="231" id="country_231"
4273                                                                                                @change="submitForm">
4274                                            <label class="form-check-label" for="country_231">
4275                                                Thailand
4276                                            </label>
4277                                        </div>
4278                                                                                                                        <div class="form-check">
4279                                            <input name="countries[]" class="form-check-input" type="checkbox"
4280                                                value="232" id="country_232"
4281                                                                                                @change="submitForm">
4282                                            <label class="form-check-label" for="country_232">
4283                                                Timor-Leste
4284                                            </label>
4285                                        </div>
4286                                                                                                                        <div class="form-check">
4287                                            <input name="countries[]" class="form-check-input" type="checkbox"
4288                                                value="233" id="country_233"
4289                                                                                                @change="submitForm">
4290                                            <label class="form-check-label" for="country_233">
4291                                                Togo
4292                                            </label>
4293                                        </div>
4294                                                                                                                        <div class="form-check">
4295                                            <input name="countries[]" class="form-check-input" type="checkbox"
4296                                                value="234" id="country_234"
4297                                                                                                @change="submitForm">
4298                                            <label class="form-check-label" for="country_234">
4299                                                Tokelau
4300                                            </label>
4301                                        </div>
4302                                                                                                                        <div class="form-check">
4303                                            <input name="countries[]" class="form-check-input" type="checkbox"
4304                                                value="235" id="country_235"
4305                                                                                                @change="submitForm">
4306                                            <label class="form-check-label" for="country_235">
4307                                                Tonga
4308                                            </label>
4309                                        </div>
4310                                                                                                                        <div class="form-check">
4311                                            <input name="countries[]" class="form-check-input" type="checkbox"
4312                                                value="236" id="country_236"
4313                                                                                                @change="submitForm">
4314                                            <label class="form-check-label" for="country_236">
4315                                                Trinidad and Tobago
4316                                            </label>
4317                                        </div>
4318                                                                                                                        <div class="form-check">
4319                                            <input name="countries[]" class="form-check-input" type="checkbox"
4320                                                value="237" id="country_237"
4321                                                                                                @change="submitForm">
4322                                            <label class="form-check-label" for="country_237">
4323                                                Tunisia
4324                                            </label>
4325                                        </div>
4326                                                                                                                        <div class="form-check">
4327                                            <input name="countries[]" class="form-check-input" type="checkbox"
4328                                                value="238" id="country_238"
4329                                                                                                @change="submitForm">
4330                                            <label class="form-check-label" for="country_238">
4331                                                Turkey
4332                                            </label>
4333                                        </div>
4334                                                                                                                        <div class="form-check">
4335                                            <input name="countries[]" class="form-check-input" type="checkbox"
4336                                                value="239" id="country_239"
4337                                                                                                @change="submitForm">
4338                                            <label class="form-check-label" for="country_239">
4339                                                Turkmenistan
4340                                            </label>
4341                                        </div>
4342                                                                                                                        <div class="form-check">
4343                                            <input name="countries[]" class="form-check-input" type="checkbox"
4344                                                value="240" id="country_240"
4345                                                                                                @change="submitForm">
4346                                            <label class="form-check-label" for="country_240">
4347                                                Turks and Caicos Islands
4348                                            </label>
4349                                        </div>
4350                                                                                                                        <div class="form-check">
4351                                            <input name="countries[]" class="form-check-input" type="checkbox"
4352                                                value="241" id="country_241"
4353                                                                                                @change="submitForm">
4354                                            <label class="form-check-label" for="country_241">
4355                                                Tuvalu
4356                                            </label>
4357                                        </div>
4358                                                                                                                        <div class="form-check">
4359                                            <input name="countries[]" class="form-check-input" type="checkbox"
4360                                                value="242" id="country_242"
4361                                                                                                @change="submitForm">
4362                                            <label class="form-check-label" for="country_242">
4363                                                U.S. Minor Outlying Islands
4364                                            </label>
4365                                        </div>
4366                                                                                                                        <div class="form-check">
4367                                            <input name="countries[]" class="form-check-input" type="checkbox"
4368                                                value="243" id="country_243"
4369                                                                                                @change="submitForm">
4370                                            <label class="form-check-label" for="country_243">
4371                                                U.S. Miscellaneous Pacific Islands
4372                                            </label>
4373                                        </div>
4374                                                                                                                        <div class="form-check">
4375                                            <input name="countries[]" class="form-check-input" type="checkbox"
4376                                                value="244" id="country_244"
4377                                                                                                @change="submitForm">
4378                                            <label class="form-check-label" for="country_244">
4379                                                U.S. Virgin Islands
4380                                            </label>
4381                                        </div>
4382                                                                                                                        <div class="form-check">
4383                                            <input name="countries[]" class="form-check-input" type="checkbox"
4384                                                value="245" id="country_245"
4385                                                                                                @change="submitForm">
4386                                            <label class="form-check-label" for="country_245">
4387                                                Uganda
4388                                            </label>
4389                                        </div>
4390                                                                                                                        <div class="form-check">
4391                                            <input name="countries[]" class="form-check-input" type="checkbox"
4392                                                value="246" id="country_246"
4393                                                                                                @change="submitForm">
4394                                            <label class="form-check-label" for="country_246">
4395                                                Ukraine
4396                                            </label>
4397                                        </div>
4398                                                                                                                        <div class="form-check">
4399                                            <input name="countries[]" class="form-check-input" type="checkbox"
4400                                                value="247" id="country_247"
4401                                                                                                @change="submitForm">
4402                                            <label class="form-check-label" for="country_247">
4403                                                Union of Soviet Socialist Republics
4404                                            </label>
4405                                        </div>
4406                                                                                                                        <div class="form-check">
4407                                            <input name="countries[]" class="form-check-input" type="checkbox"
4408                                                value="248" id="country_248"
4409                                                                                                @change="submitForm">
4410                                            <label class="form-check-label" for="country_248">
4411                                                United Arab Emirates
4412                                            </label>
4413                                        </div>
4414                                                                                                                        <div class="form-check">
4415                                            <input name="countries[]" class="form-check-input" type="checkbox"
4416                                                value="249" id="country_249"
4417                                                                                                @change="submitForm">
4418                                            <label class="form-check-label" for="country_249">
4419                                                United Kingdom
4420                                      
4420      </label>
4421                                        </div>
4422                                                                                                                        <div class="form-check">
4423                                            <input name="countries[]" class="form-check-input" type="checkbox"
4424                                                value="250" id="country_250"
4425                                                                                                @change="submitForm">
4426                                            <label class="form-check-label" for="country_250">
4427                                                United States
4428                                            </label>
4429                                        </div>
4430                                                                                                                        <div class="form-check">
4431                                            <input name="countries[]" class="form-check-input" type="checkbox"
4432                                                value="251" id="country_251"
4433                                                                                                @change="submitForm">
4434                                            <label class="form-check-label" for="country_251">
4435                                                Unknown or Invalid Region
4436                                            </label>
4437                                        </div>
4438                                                                                                                        <div class="form-check">
4439                                            <input name="countries[]" class="form-check-input" type="checkbox"
4440                                                value="252" id="country_252"
4441                                                                                                @change="submitForm">
4442                                            <label class="form-check-label" for="country_252">
4443                                                Uruguay
4444                                            </label>
4445                                        </div>
4446                                                                                                                        <div class="form-check">
4447                                            <input name="countries[]" class="form-check-input" type="checkbox"
4448                                                value="253" id="country_253"
4449                                                                                                @change="submitForm">
4450                                            <label class="form-check-label" for="country_253">
4451                                                Uzbekistan
4452                                            </label>
4453                                        </div>
4454                                                                                                                        <div class="form-check">
4455                                            <input name="countries[]" class="form-check-input" type="checkbox"
4456                                                value="254" id="country_254"
4457                                                                                                @change="submitForm">
4458                                            <label class="form-check-label" for="country_254">
4459                                                Vanuatu
4460                                            </label>
4461                                        </div>
4462                                                                                                                        <div class="form-check">
4463                                            <input name="countries[]" class="form-check-input" type="checkbox"
4464                                                value="255" id="country_255"
4465                                                                                                @change="submitForm">
4466                                            <label class="form-check-label" for="country_255">
4467                                                Vatican City
4468                                            </label>
4469                                        </div>
4470                                                                                                                        <div class="form-check">
4471                                            <input name="countries[]" class="form-check-input" type="checkbox"
4472                                                value="256" id="country_256"
4473                                                                                                @change="submitForm">
4474                                            <label class="form-check-label" for="country_256">
4475                                                Venezuela
4476                                            </label>
4477                                        </div>
4478                                                                                                                        <div class="form-check">
4479                                            <input name="countries[]" class="form-check-input" type="checkbox"
4480                                                value="257" id="country_257"
4481                                                                                                @change="submitForm">
4482                                            <label class="form-check-label" for="country_257">
4483                                                Vietnam
4484                                            </label>
4485                                        </div>
4486                                                                                                                        <div class="form-check">
4487                                            <input name="countries[]" class="form-check-input" type="checkbox"
4488                                                value="258" id="country_258"
4489                                                                                                @change="submitForm">
4490                                            <label class="form-check-label" for="country_258">
4491                                                Wake Island
4492                                            </label>
4493                                        </div>
4494                                                                                                                        <div class="form-check">
4495                                            <input name="countries[]" class="form-check-input" type="checkbox"
4496                                                value="259" id="country_259"
4497                                                                                                @change="submitForm">
4498                                            <label class="form-check-label" for="country_259">
4499                                                Wallis and Futuna
4500                                            </label>
4501                                        </div>
4502                                                                                                                        <div class="form-check">
4503                                            <input name="countries[]" class="form-check-input" type="checkbox"
4504                                                value="260" id="country_260"
4505                                                                                                @change="submitForm">
4506                                            <label class="form-check-label" for="country_260">
4507                                                Western Sahara
4508                                            </label>
4509                                        </div>
4510                                                                                                                        <div class="form-check">
4511                                            <input name="countries[]" class="form-check-input" type="checkbox"
4512                                                value="261" id="country_261"
4513                                                                                                @change="submitForm">
4514                                            <label class="form-check-label" for="country_261">
4515                                                Yemen
4516                                            </label>
4517                                        </div>
4518                                                                                                                        <div class="form-check">
4519                                            <input name="countries[]" class="form-check-input" type="checkbox"
4520                                                value="262" id="country_262"
4521                                                                                                @change="submitForm">
4522                                            <label class="form-check-label" for="country_262">
4523                                                Zambia
4524                                            </label>
4525                                        </div>
4526                                                                                                                        <div class="form-check">
4527                                            <input name="countries[]" class="form-check-input" type="checkbox"
4528                                                value="263" id="country_263"
4529                                                                                                @change="submitForm">
4530                                            <label class="form-check-label" for="country_263">
4531                                                Zimbabwe
4532                                            </label>
4533                                        </div>
4534                                                                                                                        <div class="form-check">
4535                                            <input name="countries[]" class="form-check-input" type="checkbox"
4536                                                value="264" id="country_264"
4537                                                                                                @change="submitForm">
4538                                            <label class="form-check-label" for="country_264">
4539                                                Åland Islands
4540                                            </label>
4541                                        </div>
4542                                                                                </div>                                    </div>
4543                                                                        <button type="button" class="view-all-btn">View All</button>
4544                                    <button type="button" class="view-less-btn">View Less</button>
4545                                                                    </div>
4546                            </div>
4547                            <!-- //Country filter section -->
4548                                                        <div class="filter-section">
4549                                <div class="filter-header">
4550                                    <h4>Brands</h4>
4551                                </div>
4552                                <div class="filter-list">
4553                                    <div class="filter-list-inner">
4554
4555                                                                                                                        
4556                                        <div class="form-check ">
4557                                            <input name="brands[]" class="form-check-input" type="checkbox"
4558                                                value="1" id="brand_1"
4559                                                
4560                                                @change="submitForm">
4561                                            <label class="form-check-label" for="brand_1">
4562                                                Mangal
4563                                            </label>
4564                                        </div>
4565                                                                                
4566                                        <div class="form-check ">
4567                                            <input name="brands[]" class="form-check-input" type="checkbox"
4568                                                value="2" id="brand_2"
4569                                                
4570                                                @change="submitForm">
4571                                            <label class="form-check-label" for="brand_2">
4572                                                India Gate
4573                                            </label>
4574                                        </div>
4575                                                                                
4576                                        <div class="form-check ">
4577                                            <input name="brands[]" class="form-check-input" type="checkbox"
4578                                                value="3" id="brand_3"
4579                                                
4580                                                @change="submitForm">
4581                                            <label class="form-check-label" for="brand_3">
4582                                                Shan
4583                                            </label>
4584                                        </div>
4585                                                                                
4586                                        <div class="form-check ">
4587                                            <input name="brands[]" class="form-check-input" type="checkbox"
4588                                                value="4" id="brand_4"
4589                                                
4590                                                @change="submitForm">
4591                                            <label class="form-check-label" for="brand_4">
4592                                                Century
4593                                            </label>
4594                                        </div>
4595                                                                                
4596                                        <div class="form-check ">
4597                                            <input name="brands[]" class="form-check-input" type="checkbox"
4598                                                value="5" id="brand_5"
4599                                                
4600                                                @change="submitForm">
4601                                            <label class="form-check-label" for="brand_5">
4602                                                Ashoka
4603                                            </label>
4604                                        </div>
4605                                                                                
4606                                        <div class="form-check ">
4607                                            <input name="brands[]" class="form-check-input" type="checkbox"
4608                                                value="6" id="brand_6"
4609                                                
4610                                                @change="submitForm">
4611                                            <label class="form-check-label" for="brand_6">
4612                                                Britannia
4613                                            </label>
4614                                        </div>
4615                                                                                
4616                                        <div class="form-check ">
4617                                            <input name="brands[]" class="form-check-input" type="checkbox"
4618                                                value="7" id="brand_7"
4619                                                
4620                                                @change="submitForm">
4621                                            <label class="form-check-label" for="brand_7">
4622                                                Curry Master
4623                                            </l
4623abel>
4624                                        </div>
4625                                                                                
4626                                        <div class="form-check ">
4627                                            <input name="brands[]" class="form-check-input" type="checkbox"
4628                                                value="8" id="brand_8"
4629                                                
4630                                                @change="submitForm">
4631                                            <label class="form-check-label" for="brand_8">
4632                                                Himalaya
4633                                            </label>
4634                                        </div>
4635                                                                                
4636                                        <div class="form-check ">
4637                                            <input name="brands[]" class="form-check-input" type="checkbox"
4638                                                value="9" id="brand_9"
4639                                                
4640                                                @change="submitForm">
4641                                            <label class="form-check-label" for="brand_9">
4642                                                Haldiram
4643                                            </label>
4644                                        </div>
4645                                                                                
4646                                        <div class="form-check ">
4647                                            <input name="brands[]" class="form-check-input" type="checkbox"
4648                                                value="10" id="brand_10"
4649                                                
4650                                                @change="submitForm">
4651                                            <label class="form-check-label" for="brand_10">
4652                                                Britania
4653                                            </label>
4654                                        </div>
4655                                                                                <div class="view-more-l">
4656                                        <div class="form-check ">
4657                                            <input name="brands[]" class="form-check-input" type="checkbox"
4658                                                value="11" id="brand_11"
4659                                                
4660                                                @change="submitForm">
4661                                            <label class="form-check-label" for="brand_11">
4662                                                India Gate
4663                                            </label>
4664                                        </div>
4665                                                                                
4666                                        <div class="form-check ">
4667                                            <input name="brands[]" class="form-check-input" type="checkbox"
4668                                                value="12" id="brand_12"
4669                                                
4670                                                @change="submitForm">
4671                                            <label class="form-check-label" for="brand_12">
4672                                                Amul
4673                                            </label>
4674                                        </div>
4675                                                                                
4676                                        <div class="form-check ">
4677                                            <input name="brands[]" class="form-check-input" type="checkbox"
4678                                                value="13" id="brand_13"
4679                                                
4680                                                @change="submitForm">
4681                                            <label class="form-check-label" for="brand_13">
4682                                                Freshlife
4683                                            </label>
4684                                        </div>
4685                                                                                
4686                                        <div class="form-check ">
4687                                            <input name="brands[]" class="form-check-input" type="checkbox"
4688                                                value="14" id="brand_14"
4689                                                
4690                                                @change="submitForm">
4691                                            <label class="form-check-label" for="brand_14">
4692                                                Not Specify
4693                                            </label>
4694                                        </div>
4695                                                                                
4696                                        <div class="form-check ">
4697                                            <input name="brands[]" class="form-check-input" type="checkbox"
4698                                                value="15" id="brand_15"
4699                                                
4700                                                @change="submitForm">
4701                                            <label class="form-check-label" for="brand_15">
4702                                                Dabur
4703                                            </label>
4704                                        </div>
4705                                                                                
4706                                        <div class="form-check ">
4707                                            <input name="brands[]" class="form-check-input" type="checkbox"
4708                                                value="16" id="brand_16"
4709                                                
4710                                                @change="submitForm">
4711                                            <label class="form-check-label" for="brand_16">
4712                                                Gits
4713                                            </label>
4714                                        </div>
4715                                                                                
4716                                        <div class="form-check ">
4717                                            <input name="brands[]" class="form-check-input" type="checkbox"
4718                                                value="17" id="brand_17"
4719                                                
4720                                                @change="submitForm">
4721                                            <label class="form-check-label" for="brand_17">
4722                                                Wagh Bakri
4723                                            </label>
4724                                        </div>
4725                                                                                
4726                                        <div class="form-check ">
4727                                            <input name="brands[]" class="form-check-input" type="checkbox"
4728                                                value="18" id="brand_18"
4729                                                
4730                                                @change="submitForm">
4731                                            <label class="form-check-label" for="brand_18">
4732                                                Kemchho
4733                                            </label>
4734                                        </div>
4735                                                                                
4736                                        <div class="form-check ">
4737                                            <input name="brands[]" class="form-check-input" type="checkbox"
4738                                                value="19" id="brand_19"
4739                                                
4740                                                @change="submitForm">
4741                                            <label class="form-check-label" for="brand_19">
4742                                                Parachute
4743                                            </label>
4744                                        </div>
4745                                                                                
4746                                        <div class="form-check ">
4747                                            <input name="brands[]" class="form-check-input" type="checkbox"
4748                                                value="20" id="brand_20"
4749                                                
4750                                                @change="submitForm">
4751                                            <label class="form-check-label" for="brand_20">
4752                                                Freelan
4753                                            </label>
4754                                        </div>
4755                                                                                
4756                                        <div class="form-check ">
4757                                            <input name="brands[]" class="form-check-input" type="checkbox"
4758                                                value="21" id="brand_21"
4759                                                
4760                                                @change="submitForm">
4761                                            <label class="form-check-label" for="brand_21">
4762                                                MD
4763                                            </label>
4764                                        </div>
4765                                                                                
4766                                        <div class="form-check ">
4767                                            <input name="brands[]" class="form-check-input" type="checkbox"
4768                                                value="22" id="brand_22"
4769                                                
4770                                                @change="submitForm">
4771                                            <label class="form-check-label" for="brand_22">
4772                                                Mathota
4773                                            </label>
4774                                        </div>
4775                                                                                
4776                                        <div class="form-check ">
4777                                            <input name="brands[]" class="form-check-input" type="checkbox"
4778                                                value="23" id="brand_23"
4779                                                
4780                                                @change="submitForm">
4781                                            <label class="form-check-label" for="brand_23">
4782                                                Aamako Achar
4783                                            </label>
4784                                        </div>
4785                                                                                
4786                                        <div class="form-check ">
4787                                            <input name="brands[]" class="form-check-input" type="checkbox"
4788                                                value="24" id="brand_24"
4789                                                
4790                                                @change="submitForm">
4791                                            <label class="form-check-label" for="brand_24">
4792                                                Kanchiko Achar
4793                                            </label>
4794                                        </div>
4795                                                                                
4796                                        <div class="form-check ">
4797                                            <input name="brands[]" class="form-check-input" type="checkbox"
4798                                                value="25" id="brand_25"
4799                                                
4800                                                @change="submitForm">
4801                                            <label class="form-check-label" for="brand_25">
4802                                                Pond&#039;s
4803                                            </label>
4804                                        </div>
4805                                                                                
4806                                        <div class="form-check ">
4807                                            <input name="brands[]" class="form-check-input" type="checkbox"
4808                                                value="26" id="brand_26"
4809                                                
4810                                                @change="submitForm">
4811                                            <label class="form-check-label" for="brand_26">
4812                                                Aama Ko Masala
4813                                            </label>
4814                                        </div>
4815                                                                                
4816                                        <div class="form-check ">
4817                                            <input name="brands[]" class="form-check-input" type="checkbox"
4818                                                value="27" id="brand_27"
4819                                                
4820                                                @change="submitForm">
4821                                            <label class="form-check-label" for="brand_27">
4822                                                Daawat
4823                                            </label>
4824                                        </div>
4825                                                                                
4826                                        <div class="form-check ">
4827                                            <input name="brands[]" class="form-check-input" type="checkbox"
4828                                                value="28" id="brand_28"
4829                                                
4830                                                @change="submitForm">
4831                                            <label class="form-check-label" for="brand_28">
4832                                                Katoomba
4833                                            </label>
4834                                        </div>
4835                                                                                
4836                                        <div class="form-check ">
4837                                            <input name="brands[]" class="form-check-input" type="checkbox"
4838                                                value="29" id="brand_29"
4839                                                
4840                                                @change="submitForm">
4841                                            <label class="form-check-label" for="brand_29">
4842                                                Crown
4843                                            </label>
4844                                        </div>
4845                                                                                
4846                                        <div class="form-check ">
4847                                            <input name="brands[]" class="form-check-input" type="checkbox"
4848                                                value="30" id="brand_30"
4849                                                
4850                                                @change="submitForm">
4851                                            <label class="form-check-label" for="brand_30">
4852                                                Haldiram&#039;s
4853                                            </label>
4854                                        </div>
4855                                                                                
4856                                        <div class="form-check ">
4857                                            <input name="brands[]" class="form-check-input" type="checkbox"
4858                                       
4858         value="31" id="brand_31"
4859                                                
4860                                                @change="submitForm">
4861                                            <label class="form-check-label" for="brand_31">
4862                                                B2
4863                                            </label>
4864                                        </div>
4865                                                                                
4866                                        <div class="form-check ">
4867                                            <input name="brands[]" class="form-check-input" type="checkbox"
4868                                                value="32" id="brand_32"
4869                                                
4870                                                @change="submitForm">
4871                                            <label class="form-check-label" for="brand_32">
4872                                                Belo
4873                                            </label>
4874                                        </div>
4875                                                                                
4876                                        <div class="form-check ">
4877                                            <input name="brands[]" class="form-check-input" type="checkbox"
4878                                                value="33" id="brand_33"
4879                                                
4880                                                @change="submitForm">
4881                                            <label class="form-check-label" for="brand_33">
4882                                                Chosen Field
4883                                            </label>
4884                                        </div>
4885                                                                                
4886                                        <div class="form-check ">
4887                                            <input name="brands[]" class="form-check-input" type="checkbox"
4888                                                value="34" id="brand_34"
4889                                                
4890                                                @change="submitForm">
4891                                            <label class="form-check-label" for="brand_34">
4892                                                Creamsilk
4893                                            </label>
4894                                        </div>
4895                                                                                
4896                                        <div class="form-check ">
4897                                            <input name="brands[]" class="form-check-input" type="checkbox"
4898                                                value="35" id="brand_35"
4899                                                
4900                                                @change="submitForm">
4901                                            <label class="form-check-label" for="brand_35">
4902                                                Pag Asa
4903                                            </label>
4904                                        </div>
4905                                                                                
4906                                        <div class="form-check ">
4907                                            <input name="brands[]" class="form-check-input" type="checkbox"
4908                                                value="36" id="brand_36"
4909                                                
4910                                                @change="submitForm">
4911                                            <label class="form-check-label" for="brand_36">
4912                                                Eskinol
4913                                            </label>
4914                                        </div>
4915                                                                                
4916                                        <div class="form-check ">
4917                                            <input name="brands[]" class="form-check-input" type="checkbox"
4918                                                value="37" id="brand_37"
4919                                                
4920                                                @change="submitForm">
4921                                            <label class="form-check-label" for="brand_37">
4922                                                PampChoice
4923                                            </label>
4924                                        </div>
4925                                                                                
4926                                        <div class="form-check ">
4927                                            <input name="brands[]" class="form-check-input" type="checkbox"
4928                                                value="38" id="brand_38"
4929                                                
4930                                                @change="submitForm">
4931                                            <label class="form-check-label" for="brand_38">
4932                                                Purefoods
4933                                            </label>
4934                                        </div>
4935                                                                                
4936                                        <div class="form-check ">
4937                                            <input name="brands[]" class="form-check-input" type="checkbox"
4938                                                value="39" id="brand_39"
4939                                                
4940                                                @change="submitForm">
4941                                            <label class="form-check-label" for="brand_39">
4942                                                SuperMighty
4943                                            </label>
4944                                        </div>
4945                                                                                
4946                                        <div class="form-check ">
4947                                            <input name="brands[]" class="form-check-input" type="checkbox"
4948                                                value="40" id="brand_40"
4949                                                
4950                                                @change="submitForm">
4951                                            <label class="form-check-label" for="brand_40">
4952                                                Goldilocks
4953                                            </label>
4954                                        </div>
4955                                                                                
4956                                        <div class="form-check ">
4957                                            <input name="brands[]" class="form-check-input" type="checkbox"
4958                                                value="41" id="brand_41"
4959                                                
4960                                                @change="submitForm">
4961                                            <label class="form-check-label" for="brand_41">
4962                                                Great Taste
4963                                            </label>
4964                                        </div>
4965                                                                                
4966                                        <div class="form-check ">
4967                                            <input name="brands[]" class="form-check-input" type="checkbox"
4968                                                value="42" id="brand_42"
4969                                                
4970                                                @change="submitForm">
4971                                            <label class="form-check-label" for="brand_42">
4972                                                Hunts
4973                                            </label>
4974                                        </div>
4975                                                                                
4976                                        <div class="form-check ">
4977                                            <input name="brands[]" class="form-check-input" type="checkbox"
4978                                                value="43" id="brand_43"
4979                                                
4980                                                @change="submitForm">
4981                                            <label class="form-check-label" for="brand_43">
4982                                                J&amp;J
4983                                            </label>
4984                                        </div>
4985                                                                                
4986                                        <div class="form-check ">
4987                                            <input name="brands[]" class="form-check-input" type="checkbox"
4988                                                value="44" id="brand_44"
4989                                                
4990                                                @change="submitForm">
4991                                            <label class="form-check-label" for="brand_44">
4992                                                Knorr
4993                                            </label>
4994                                        </div>
4995                                                                                
4996                                        <div class="form-check ">
4997                                            <input name="brands[]" class="form-check-input" type="checkbox"
4998                                                value="45" id="brand_45"
4999                                                
5000                                                @change="submitForm">
5001                                            <label class="form-check-label" for="brand_45">
5002                                                Kopiko
5003                                            </label>
5004                                        </div>
5005                                                                                
5006                                        <div class="form-check ">
5007                                            <input name="brands[]" class="form-check-input" type="checkbox"
5008                                                value="46" id="brand_46"
5009                                                
5010                                                @change="submitForm">
5011                                            <label class="form-check-label" for="brand_46">
5012                                                Lucky Me
5013                                            </label>
5014                                        </div>
5015                                                                                
5016                                        <div class="form-check ">
5017                                            <input name="brands[]" class="form-check-input" type="checkbox"
5018                                                value="47" id="brand_47"
5019                                                
5020                                                @change="submitForm">
5021                                            <label class="form-check-label" for="brand_47">
5022                                                Maggi
5023                                            </label>
5024                                        </div>
5025                                                                                
5026                                        <div class="form-check ">
5027                                            <input name="brands[]" class="form-check-input" type="checkbox"
5028                                                value="48" id="brand_48"
5029                                                
5030                                                @change="submitForm">
5031                                            <label class="form-check-label" for="brand_48">
5032                                                Milcu
5033                                            </label>
5034                                        </div>
5035                                                                                
5036                                        <div class="form-check ">
5037                                            <input name="brands[]" class="form-check-input" type="checkbox"
5038                                                value="49" id="brand_49"
5039                                                
5040                                                @change="submitForm">
5041                                            <label class="form-check-label" for="brand_49">
5042                                                UFC
5043                                            </label>
5044                                        </div>
5045                                                                                
5046                                        <div class="form-check ">
5047                                            <input name="brands[]" class="form-check-input" type="checkbox"
5048                                                value="50" id="brand_50"
5049                                                
5050                                                @change="submitForm">
5051                                            <label class="form-check-label" for="brand_50">
5052                                                MY San
5053                                            </label>
5054                                        </div>
5055                                                                                
5056                                        <div class="form-check ">
5057                                            <input name="brands[]" class="form-check-input" type="checkbox"
5058                                                value="51" id="brand_51"
5059                                                
5060                                                @change="submitForm">
5061                                            <label class="form-check-label" for="brand_51">
5062                                                My Shaldan
5063                                            </label>
5064                                        </div>
5065                                                                                
5066                                        <div class="form-check ">
5067                                            <input name="brands[]" class="form-check-input" type="checkbox"
5068                                                value="52" id="brand_52"
5069                                                
5070                                                @change="submitForm">
5071                                            <label class="form-check-label" for="brand_52">
5072                                                Old Town
5073                                            </label>
5074                                        </div>
5075                                                                                
5076                                        <div class="form-check ">
5077                                            <input name="brands[]" class="form-check-input" type="checkbox"
5078                                                value="53" id="brand_53"
5079                                                
5080                                                @change="submitForm">
5081                                            <label class="form-check-label" for="brand_53">
5082                                                San Mig
5083                                            </label>
5084                                        </div>
5085                                                                                
5086                                        <div class="form-check ">
5087                                            <input name="brands[]" class="form-check-input" type="checkbox"
5088                                                value="54" id="brand_54"
5089                                                
5090                                                @change="submitForm">
5091                                            <label class="form-check-label" for="brand_54">
5092                                                Silka
5093                                            </label>
5094                                        </div>
5095                                                                                
5096                                        <div class="form-check ">
5097                                            <input name="brands[]" class="form-check-input" type="checkbox"
5098                                                value="55" id="brand_55"
5099                                                
5100                                                @change="submitForm">
5101                                            <label class="form-check-label" for="brand_55">
5102                                                Super Q
5103                                            </label>
5104                                        </div>
5105                                                                                
5106                                        <div class="form-check ">
5107                                            <input name="brands[]" class="form-check-input" type="checkbox"
5108                                                value="56" id="brand_56"
5109                                                
5110                                                @change="submitForm">
5111                                            <label class="form-check-label" for="brand_56">
5112                                                Ashwini
5113                                            </label>
5114                                        </div>
5115                                                                                
5116                                        <div class="form-check ">
5117                                            <input name="brands[]" class="form-check-input" type="checkbox"
5118                                                value="57" id="brand_57"
5119                                                
5120                                                @change="submitForm">
5121                                            <label class="form-check-label" for="brand_57">
5122                                                Miswak
5123                                            </label>
5124                                        </div>
5125                                                                                
5126                                        <div class="form-check ">
5127                                            <input name="brands[]" class="form-check-input" type="checkbox"
5128                                                value="58" id="brand_58"
5129                                                
5130                                                @change="submitForm">
5131                                            <label class="form-check-label" for="brand_58">
5132                                                NC
5133                                            </label>
5134                                        </div>
5135                                                                                
5136                                        <div class="form-check ">
5137                                            <input name="brands[]" class="form-check-input" type="checkbox"
5138                                                value="59" id="brand_59"
5139                                                
5140                                                @change="submitForm">
5141                                            <label class="form-check-label" for="brand_59">
5142                                                Indya
5143                                            </label>
5144                                        </div>
5145                                                                                
5146                                        <div class="form-check ">
5147                                            <input name="brands[]" class="form-check-input" type="checkbox"
5148                                                value="60" id="brand_60"
5149                                                
5150                                                @change="submitForm">
5151                                            <label class="form-check-label" for="brand_60">
5152                                                Everest
5153                                            </label>
5154                                        </div>
5155                                                                                
5156                                        <div class="form-check ">
5157                                            <input name="brands[]" class="form-check-input" type="checkbox"
5158                                                value="61" id="brand_61"
5159                                                
5160                                                @change="submitForm">
5161                                            <label class="form-check-label" for="brand_61">
5162                                                Lijjat
5163                                            </label>
5164                                        </div>
5165                                                                                
5166                                        <div class="form-check ">
5167                                            <input name="brands[]" class="form-check-input" type="checkbox"
5168                                                value="62" id="brand_62"
5169                                                
5170                                                @change="submitForm">
5171                                            <label class="form-check-label" for="brand_62">
5172                                                Pillsbury
5173                                            </label>
5174                                        </div>
5175                                                                                
5176                                        <div class="form-check ">
5177                                            <input name="brands[]" class="form-check-input" type="checkbox"
5178                                                value="63" id="brand_63"
5179                                                
5180                                                @change="submitForm">
5181                                            <label class="form-check-label" for="brand_63">
5182                                                Parliament
5183                                            </label>
5184                                        </div>
5185                                                                                
5186                                        <div class="form-check ">
5187                                            <input name="brands[]" class="form-check-input" type="checkbox"
5188                                                value="64" id="brand_64"
5189                                                
5190                                                @change="submitForm">
5191                                            <label class="form-check-label" for="brand_64">
5192                                                Din Daroo
5193                                            </label>
5194                                        </div>
5195                                                                                
5196                                        <div class="form-check ">
5197                                            <input name="brands[]" class="form-check-input" type="checkbox"
5198                                                value="65" id="brand_65"
5199                                                
5200                                                @change="submitForm">
5201                                            <label class="form-check-label" for="brand_65">
5202                                                Mogu
5203                                            </label>
5204                                        </div>
5205                                                                                
5206                                        <div class="form-check ">
5207                                            <input name="brands[]" class="form-check-input" type="checkbox"
5208                                                value="66" id="brand_66"
5209                                                
5210                                                @change="submitForm">
5211                                            <label class="form-check-label" for="brand_66">
5212                                                Kara
5213                                            </label>
5214                                        </div>
5215                                                                                
5216                                        <div class="form-check ">
5217                                            <input name="brands[]" class="form-check-input" type="checkbox"
5218                                                value="67" id="brand_67"
5219                                                
5220                                                @change="submitForm">
5221                                            <label class="form-check-label" for="brand_67">
5222                                                Chef Choice
5223                                            </label>
5224                                        </div>
5225                                                                                
5226                                        <div class="form-check ">
5227                                            <input name="brands[]" class="form-check-input" type="checkbox"
5228                                                value="68" id="brand_68"
5229                                                
5230                                                @change="submitForm">
5231                                            <label class="form-check-label" for="brand_68">
5232                                                Pandaroo
5233                                            </label>
5234                                        </div>
5235                                                                                
5236                                        <div class="form-check ">
5237                                            <input name="brands[]" class="form-check-input" type="checkbox"
5238                                                value="69" id="brand_69"
5239                                                
5240                                                @change="submitForm">
5241                                            <label class="form-check-label" for="brand_69">
5242                                                Ajinomoto
5243                                            </label>
5244                                        </div>
5245                                                                                
5246                                        <div class="form-check ">
5247                                            <input name="brands[]" class="form-check-input" type="checkbox"
5248                                                value="70" id="brand_70"
5249                                                
5250                                                @change="submitForm">
5251                                            <label class="form-check-label" for="brand_70">
5252                                                Erawan
5253                                            </label>
5254                                        </div>
5255                                                                                
5256                                        <div class="form-check ">
5257                                            <input name="brands[]" class="form-check-input" type="checkbox"
5258                                                value="71" id="brand_71"
5259                                                
5260                                                @change="submitForm">
5261                                            <label class="form-check-label" for="brand_71">
5262                                                TYJ
5263                                            </label>
5264                                        </div>
5265                                                                                
5266                                        <div class="form-check ">
5267                                            <input name="brands[]" class="form-check-input" type="checkbox"
5268                                                value="72" id="brand_72"
5269                                                
5270                                                @change="submitForm">
5271                                            <label class="form-check-label" for="brand_72">
5272                                                JK
5273                                            </label>
5274                                        </div>
5275                                                                                
5276                                        <div class="form-check ">
5277                                            <input name="brands[]" class="form-check-input" type="checkbox"
5278                                                value="73" id="brand_73"
5279                                                
5280                                                @change="submitForm">
5281                                            <label class="form-check-label" for="brand_73">
5282                                                JG
5283                                            </label>
5284                                        </div>
5285                                                                                
5286                                        <div class="form-check ">
5287                                            <input name="brands[]" class="form-check-input" type="checkbox"
5288                                                value="74" id="brand_74"
5289                                                
5290                                                @change="submitForm">
5291                                            <label class="form-check-label" for="brand_74">
5292                                                Savan
5293                                            </label>
5294                                        </div>
5295                                                                                
5296                                        <div class="form-check ">
5297                                            <input name="brands[]" class="form-check-input" type="checkbox"
5298                                                value="75" id="brand_7
52985"
5299                                                
5300                                                @change="submitForm">
5301                                            <label class="form-check-label" for="brand_75">
5302                                                Krezva
5303                                            </label>
5304                                        </div>
5305                                                                                
5306                                        <div class="form-check ">
5307                                            <input name="brands[]" class="form-check-input" type="checkbox"
5308                                                value="76" id="brand_76"
5309                                                
5310                                                @change="submitForm">
5311                                            <label class="form-check-label" for="brand_76">
5312                                                Chings
5313                                            </label>
5314                                        </div>
5315                                                                                
5316                                        <div class="form-check ">
5317                                            <input name="brands[]" class="form-check-input" type="checkbox"
5318                                                value="77" id="brand_77"
5319                                                
5320                                                @change="submitForm">
5321                                            <label class="form-check-label" for="brand_77">
5322                                                Gala
5323                                            </label>
5324                                        </div>
5325                                                                                
5326                                        <div class="form-check ">
5327                                            <input name="brands[]" class="form-check-input" type="checkbox"
5328                                                value="78" id="brand_78"
5329                                                
5330                                                @change="submitForm">
5331                                            <label class="form-check-label" for="brand_78">
5332                                                Kurkure
5333                                            </label>
5334                                        </div>
5335                                                                                
5336                                        <div class="form-check ">
5337                                            <input name="brands[]" class="form-check-input" type="checkbox"
5338                                                value="79" id="brand_79"
5339                                                
5340                                                @change="submitForm">
5341                                            <label class="form-check-label" for="brand_79">
5342                                                Ashwin
5343                                            </label>
5344                                        </div>
5345                                                                                
5346                                        <div class="form-check ">
5347                                            <input name="brands[]" class="form-check-input" type="checkbox"
5348                                                value="80" id="brand_80"
5349                                                
5350                                                @change="submitForm">
5351                                            <label class="form-check-label" for="brand_80">
5352                                                Hamdard
5353                                            </label>
5354                                        </div>
5355                                                                                
5356                                        <div class="form-check ">
5357                                            <input name="brands[]" class="form-check-input" type="checkbox"
5358                                                value="81" id="brand_81"
5359                                                
5360                                                @change="submitForm">
5361                                            <label class="form-check-label" for="brand_81">
5362                                                Tiger Balm
5363                                            </label>
5364                                        </div>
5365                                                                                
5366                                        <div class="form-check ">
5367                                            <input name="brands[]" class="form-check-input" type="checkbox"
5368                                                value="82" id="brand_82"
5369                                                
5370                                                @change="submitForm">
5371                                            <label class="form-check-label" for="brand_82">
5372                                                Zandu
5373                                            </label>
5374                                        </div>
5375                                                                                
5376                                        <div class="form-check ">
5377                                            <input name="brands[]" class="form-check-input" type="checkbox"
5378                                                value="83" id="brand_83"
5379                                                
5380                                                @change="submitForm">
5381                                            <label class="form-check-label" for="brand_83">
5382                                                Jyoti
5383                                            </label>
5384                                        </div>
5385                                                                                
5386                                        <div class="form-check ">
5387                                            <input name="brands[]" class="form-check-input" type="checkbox"
5388                                                value="84" id="brand_84"
5389                                                
5390                                                @change="submitForm">
5391                                            <label class="form-check-label" for="brand_84">
5392                                                Yandevi
5393                                            </label>
5394                                        </div>
5395                                                                                
5396                                        <div class="form-check ">
5397                                            <input name="brands[]" class="form-check-input" type="checkbox"
5398                                                value="85" id="brand_85"
5399                                                
5400                                                @change="submitForm">
5401                                            <label class="form-check-label" for="brand_85">
5402                                                Mangals
5403                                            </label>
5404                                        </div>
5405                                                                                
5406                                        <div class="form-check ">
5407                                            <input name="brands[]" class="form-check-input" type="checkbox"
5408                                                value="86" id="brand_86"
5409                                                
5410                                                @change="submitForm">
5411                                            <label class="form-check-label" for="brand_86">
5412                                                Godrej
5413                                            </label>
5414                                        </div>
5415                                                                                
5416                                        <div class="form-check ">
5417                                            <input name="brands[]" class="form-check-input" type="checkbox"
5418                                                value="87" id="brand_87"
5419                                                
5420                                                @change="submitForm">
5421                                            <label class="form-check-label" for="brand_87">
5422                                                Vicco
5423                                            </label>
5424                                        </div>
5425                                                                                
5426                                        <div class="form-check ">
5427                                            <input name="brands[]" class="form-check-input" type="checkbox"
5428                                                value="88" id="brand_88"
5429                                                
5430                                                @change="submitForm">
5431                                            <label class="form-check-label" for="brand_88">
5432                                                Patanjali
5433                                            </label>
5434                                        </div>
5435                                                                                </div>
5436                                    </div>
5437                                                                        <button type="button" class="view-all-btn">View All</button>
5438                                    <button type="button" class="view-less-btn">View Less</button>
5439                                                                    </div>
5440
5441                            </div>
5442                            <!-- //brand filter section -->
5443                            
5444                            <!-- Recently Viewed -->
5445                            <section id="recently-viewed-section"
5446    class="recently-viewed-section recently-viewed-section--sidebar"
5447    style="">
5448    <div class="recently-viewed-section__inner ">
5449        <div class="recently-viewed-section__header">
5450            <svg style="width:18px;height:18px;flex-shrink:0;" viewBox="0 0 24 24" fill="none" stroke="#28AF50" stroke-width="2">
5451                <circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/>
5452            </svg>
5453            <h5>Recently Viewed</h5>
5454        </div>
5455        <div id="recently-viewed-track" class="recently-viewed-section__track">
5456                            <div class="recently-viewed-section__empty">
5457                    View a few products and they will appear here.
5458                </div>
5459                    </div>
5460    </div>
5461</section>
5462
5463<style>
5464    .recently-viewed-section--default {
5465        margin: 40px 0 10px;
5466    }
5467    .recently-viewed-section--sidebar {
5468        margin: 0 0 22px;
5469    }
5470    .recently-viewed-section__header {
5471        display: flex;
5472        align-items: center;
5473        gap: 10px;
5474        margin-bottom: 16px;
5475        padding-bottom: 10px;
5476        border-bottom: 2px solid #28AF50;
5477    }
5478    .recently-viewed-section__header h5 {
5479        margin: 0;
5480        font-weight: 700;
5481        font-size: 16px;
5482        color: #1a1a1a;
5483        text-transform: uppercase;
5484    }
5485    .recently-viewed-section__track {
5486        display: flex;
5487        gap: 14px;
5488        overflow-x: auto;
5489        overflow-y: hidden;
5490        padding-bottom: 10px;
5491        scroll-snap-type: x mandatory;
5492        -webkit-overflow-scrolling: touch;
5493    }
5494    .recently-viewed-section--sidebar .recently-viewed-section__track {
5495        flex-direction: column;
5496        gap: 8px;
5497        max-height: 360px;
5498        overflow-x: hidden;
5499        overflow-y: auto;
5500        padding-right: 4px;
5501        padding-bottom: 0;
5502        scroll-snap-type: y proximity;
5503    }
5504    #recently-viewed-track::-webkit-scrollbar { height: 4px; }
5505    .recently-viewed-section--sidebar #recently-viewed-track::-webkit-scrollbar { width: 4px; height: 4px; }
5506    #recently-viewed-track::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 4px; }
5507    #recently-viewed-track::-webkit-scrollbar-thumb { background: #28AF50; border-radius: 4px; }
5508    .recently-viewed-section__empty {
5509        padding: 12px;
5510        background: #f8faf9;
5511        border: 1px dashed #cfe8d7;
5512        border-radius: 10px;
5513        color: #6b7280;
5514        font-size: 12px;
5515        line-height: 1.4;
5516    }
5517    .rv-slot {
5518        flex: 0 0 auto;
5519        max-width: none;
5520        width: 100%;
5521        scroll-snap-align: start;
5522    }
5523    /* Defensive fallback: if full product-card HTML is ever injected here,
5524       compact it so the sidebar does not become a giant card column. */
5525    .recently-viewed-section--sidebar .rv-slot .grid-2 {
5526        width: 100%;
5527        max-width: none;
5528        flex: none;
5529        padding: 0;
5530        margin: 0;
5531    }
5532    .recently-viewed-section--sidebar .rv-slot .product {
5533        width: 100%;
5534        padding: 0;
5535    }
5536    .recently-viewed-section--sidebar .rv-slot .product-inner,
5537    .recently-viewed-section--sidebar .rv-slot .product-card-v2 {
5538        display: grid;
5539        grid-template-columns: 56px minmax(0, 1fr);
5540        gap: 10px;
5541        width: 100%;
5542        max-width: none;
5543        min-height: 0 !important;
5544        padding: 8px;
5545        overflow: visible;
5546        border-radius: 10px;
5547    }
5548    .recently-viewed-section--sidebar .rv-slot .product-header {
5549        min-width: 0;
5550    }
5551    .recently-viewed-section--sidebar .rv-slot .product-header figure {
5552        width: 56px;
5553        height: 56px;
5554        padding: 0;
5555        border-radius: 8px;
5556        background: #f8faf9;
5557        overflow: hidden;
5558    }
5559    .recently-viewed-section--sidebar .rv-slot .product-header figure img {
5560        width: 100%;
5561        height: 100%;
5562        max-height: none;
5563        object-fit: contain;
5564    }
5565    .recently-viewed-section--sidebar .rv-slot .product-card__actions,
5566    .recently-viewed-section--sidebar .rv-slot .offer-badge,
5567    .recently-viewed-section--sidebar .rv-slot .product-card-v2__meta,
5568    .recently-viewed-section--sidebar .rv-slot .product-card__rating {
5569        display: none !important;
5570    }
5571    .recently-viewed-section--sidebar .rv-slot .product-body {
5572        min-width: 0;
5573        padding: 0;
5574    }
5575    .recently-viewed-section--sidebar .rv-slot .product-card-v2__form {
5576        min-height: 0;
5577        gap: 5px;
5578    }
5579    .recently-viewed-section--sidebar .rv-slot .product-card-v2__name,
5580    .recently-viewed-section--sidebar .rv-slot .product-card-v2__name h3 {
5581        min-height: 0;
5582        margin: 0;
5583        font-size: 12px;
5584        line-height: 1.3;
5585    }
5586    .recently-viewed-section--sidebar .rv-slot .product-card-v2__bottom {
5587        display: flex;
5588        align-items: center;
5589        justify-content: space-between;
5590        gap: 8px;
5591        margin: 0;
5592    }
5593    .recently-viewed-section--sidebar .rv-slot .product-card-v2__price {
5594        min-height: 0;
5595        margin: 0;
5596        width: auto;
5597    }
5598    .recently-viewed-section--sidebar .rv-slot .product-card-v2__price h4 {
5599        font-size: 13px;
5600    }
5601    .recently-viewed-section--sidebar .rv-slot .product-card-v2__actions-row {
5602        margin: 0;
5603    }
5604    .recently-viewed-section--sidebar .rv-slot .product-card-v2__add button {
5605        width: auto;
5606        height: 28px;
5607        min-width: 52px;
5608        padding: 0 9px;
5609        border-radius: 7px;
5610        font-size: 11px;
5611    }
5612    .recently-viewed-section--sidebar .rv-slot .product-card-v2__add button svg {
5613        display: none;
5614    }
5615    .rv-sidebar-item {
5616        display: grid;
5617        grid-template-columns: 56px minmax(0, 1fr);
5618        gap: 10px;
5619        padding: 8px;
5620        width: 100%;
5621        background: #fff;
5622        border: 1px solid #e8e8e8;
5623        border-radius: 10px;
5624        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
5625    }
5626    .rv-sidebar-item__thumb {
5627        display: flex;
5628        align-items: center;
5629        justify-content: center;
5630        width: 56px;
5631        height: 56px;
5632        border-radius: 8px;
5633        background: #f8faf9;
5634        overflow: hidden;
5635    }
5636    .rv-sidebar-item__thumb img {
5637        width: 100%;
5638        height: 100%;
5639        object-fit: contain;
5640    }
5641    .rv-sidebar-item__body {
5642        min-width: 0;
5643        display: flex;
5644        flex-direction: column;
5645        gap: 5px;
5646    }
5647    .rv-sidebar-item__name {
5648        margin: 0;
5649        color: #111;
5650        font-size: 12px;
5651        font-weight: 700;
5652        line-height: 1.3;
5653        text-decoration: none;
5654        display: -webkit-box;
5655        -webkit-line-clamp: 2;
5656        -webkit-box-orient: vertical;
5657        overflow: hidden;
5658    }
5659    .rv-sidebar-item__name:hover {
5660        color: #28AF50;
5661        text-decoration: none;
5662    }
5663    .rv-sidebar-item__name h3 {
5664        margin: 0;
5665        padding: 0;
5666        border: 0;
5667        color: inherit;
5668        font: inherit;
5669        line-height: inherit;
5670    }
5671    .rv-sidebar-item__rating {
5672        display: flex;
5673        align-items: center;
5674        gap: 4px;
5675        min-width: 0;
5676        font-size: 10px;
5677        line-height: 1;
5678        color: #8a8a8a;
5679    }
5680    .rv-sidebar-item__stars {
5681        display: inline-flex;
5682        gap: 1px;
5683        color: #f5a623;
5684        flex-shrink: 0;
5685    }
5686    .rv-sidebar-item__stars i {
5687        font-size: 9px;
5688    }
5689    .rv-sidebar-item__rating-text {
5690        white-space: nowrap;
5691    }
5692    .rv-sidebar-item__meta {
5693        display: flex;
5694        align-items: center;
5695        justify-content: space-between;
5696        gap: 8px;
5697    }
5698    .rv-sidebar-item__prices {
5699        min-width: 0;
5700        display: flex;
5701        flex-direction: column;
5702        line-height: 1.15;
5703    }
5704    .rv-sidebar-item__price {
5705        color: #111;
5706        font-size: 13px;
5707        font-weight: 800;
5708    }
5709    .rv-sidebar-item__old-price {
5710        color: #aaa;
5711        font-size: 10px;
5712        text-decoration: line-through;
5713    }
5714    .rv-sidebar-item__action {
5715        flex-shrink: 0;
5716        min-width: 52px;
5717        height: 28px;
5718        padding: 0 9px;
5719        border: 0;
5720        border-radius: 7px;
5721        background: #28AF50;
5722        color: #fff;
5723        font-size: 11px;
5724        font-weight: 700;
5725        display: inline-flex;
5726        align-items: center;
5727        justify-content: center;
5728        cursor: pointer;
5729    }
5730    .rv-sidebar-item__action:hover {
5731        background: #1e8a3d;
5732        color: #fff;
5733    }
5734    .rv-sidebar-item__form {
5735        margin: 0;
5736    }
5737</style>
5738
5739                        </div>
5740
5741                        <div class="filter-footer-btn d-lg-none">
5742                            <button type="button" class="btn btn-outline-secondary js-mobile-filter-clear">Clear</button>
5743                            <button type="button" class="btn om-btn js-mobile-filter-appl
5743y">Apply</button>
5744                        </div>
5745                    </form>
5746
5747                </div>
5748                <div class="col-lg-9 products-list">
5749                                        <div class="product-header d-flex mb-3">
5750                        <div class="sho-title mr-auto">
5751                            <h3>
5752                                                                    All Products
5753                                                                                                    <span class="text-muted item-count" id="js-search-total-count">(997 items)</span>
5754                                                            </h3>
5755                        </div>
5756                        <div class="product-header-right search-toolbar-mobile">
5757                            <div class="filter-button-mobile">
5758                                <button class="mobile-filter-btn" id="show_sidebar" type="button">
5759                                    <span><i class="fas fa-filter"></i></span>
5760                                    Filters
5761                                </button>
5762                            </div>
5763                            <div class="grid-density-toggle" role="group" aria-label="Products per row">
5764                                <button type="button" class="grid-density-btn" id="js-grid-cols-6" data-cols="6" title="6 per row">
5765                                    <i class="fas fa-th"></i>
5766                                </button>
5767                                <button type="button" class="grid-density-btn" id="js-grid-cols-5" data-cols="5" title="5 per row">
5768                                    <i class="fas fa-th-large"></i>
5769                                </button>
5770                            </div>
5771                            <div class="sort-product">
5772                                <div class="form-group mb-0">
5773                                    <label for="soryBy" class="sr-only">Sort by</label>
5774                                    <select name="sortBy" class="form-control" id="soryBy">
5775                                        <option value="1" selected>Recommended</option>
5776                                        <option value="5" >Newest Arrivals</option>
5777                                        <option value="2" >Price: Low to High</option>
5778                                        <option value="3" >Price: High to Low</option>
5779                                        <option value="4" >Review: Top Rated</option>
5780                                    </select>
5781                                </div>
5782                            </div>
5783                        </div>
5784                    </div>
5785
5786                    <div id="showfirstloading" class="cards card--shadow padblock-2x loading-block text-center"
5787                        style="height:300px !important; display: flex;flex-direction: column; align-items: center; justify-content: center;">
5788                        
5789                        
5790                        <h3>Searching...</h3>
5791                        <div>Please wait while we look for the best product available.</div>
5792                    </div>
5793
5794                    <div id="js-content-wrapper" class="d-none" style="position:relative; min-height:300px;">
5795                        <div id="showloading" class="loader loader--absolute"></div>
5796                        <div id="js-no-record-found" v-if="products.length === 0">
5797                            <section class="cards card--shadow">
5798                                <div class="no-result no-result--redesigned">
5799                                    <div class="no-result__icon">
5800                                        <svg viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
5801                                            <circle cx="28" cy="28" r="18" stroke="currentColor" stroke-width="3"/>
5802                                            <line x1="41" y1="41" x2="54" y2="54" stroke="currentColor" stroke-width="3" stroke-linecap="round"/>
5803                                            <line x1="21" y1="28" x2="35" y2="28" stroke="currentColor" stroke-width="3" stroke-linecap="round"/>
5804                                        </svg>
5805                                    </div>
5806                                    <h3>No products found</h3>
5807                                    <p>We couldn't find anything matching your current filters.<br>Try adjusting or clearing them to see more results.</p>
5808                                    <div class="no-result__actions">
5809                                        <button type="button" class="no-result__btn no-result__btn--primary js-mobile-filter-clear">
5810                                            Clear all filters
5811                                        </button>
5812                                        <a href="https://omspice.com.au/shop" class="no-result__btn no-result__btn--secondary">
5813                                            Browse all products
5814                                        </a>
5815                                    </div>
5816                                </div>
5817                            </section>
5818                        </div>
5819                        <div class="row" id="js-search-result">
5820                            <!-- produt -->
5821                            
5822                                                                                                                                    <div class="js-server-rendered-product">
5823                                        <div class="grid-2 " >
5824    <div class="product js-product-block">
5825        <div class="product-inner product-card-v2">
5826            <div class="product-header">
5827                <div class="product-card__actions">
5828                    <button type="button"
5829    class="js-wishlist-toggle product-wishlist-overlay"
5830    data-product-id="1176"
5831    title="Add to Wishlist">
5832    <i class="far fa-bookmark"></i>
5833</button>
5834                                            <button type="button" class="product-card__quickview js-open-choices-modal" data-product='{"id":1176,"name":"Tiger Balm White 18g","slug":"tiger-balm-white-18g","description":"Tiger Balm White 18gTiger Balm White 18g is a trusted pain relief balm, renowned for its effectiveness in soothing headaches and alleviating...","thumbnail_full_url":"https:\/\/omspice.com.au\/front\/images\/default-image.png","avg_rating":null,"review_count":0,"url":"https:\/\/omspice.com.au\/product\/tiger-balm-white-18g","variants":[{"id":1504,"label":"18gm","price":"4.99","price_after_offer":"4.99","offer_title":"","unit_name":"gm","stock_quantity":12,"image":"https:\/\/omspice.com.au\/front\/images\/default-image.png"}]}' aria-label="Quick view">
5835                            <i class="far fa-eye"></i>
5836                        </button>
5837                                    </div>
5838                <a  href="https://omspice.com.au/product/tiger-balm-white-18g"                      aria-label="Tiger Balm White 18g"                     class="product-link">
5839                    <figure class="product-thumb js-product-thumb is-loading">
5840                        <span class="product-thumb__spinner" aria-hidden="true"></span>
5841                                                    <img class="js-product-thumb-img"
5842                                src="https://omspice.com.au/front/images/default-image.png"
5843                                alt="Tiger Balm White 18g placeholder image"
5844                                loading="lazy">
5845                                            </figure>
5846                </a>
5847                                                                                    </div>
5848
5849            <div class="product-body">
5850                <form method="post" action="https://omspice.com.au/cart/store/product" class="product-form product-card-v2__form">
5851                                            <input type="hidden" name="product_id" value="1176">
5852                        <input type="hidden" name="product_unit" class="js-unit-name" value="gm">
5853                                        <input type="hidden" name="product_quantity" value="1">
5854
5855                    <div class="product-card-v2__meta">
5856                                            </div>
5857
5858                    <div class="product-name product-card-v2__name">
5859                                                    <a href="https://omspice.com.au/product/tiger-balm-white-18g"><h3>Tiger Balm White 18g</h3></a>
5860                                            </div>
5861
5862                                                                
5863                    <div class="product-card-v2__bottom">
5864                        <div class="product-price product-card-v2__price">
5865                            <h4 class="js-price_after_offer">
5866                                                                    $4.99
5867                                                            </h4>
5868                                                                                                                </div>
5869
5870                        <div class="product-card-v2__actions-row">
5871                                                            <input type="hidden" name="product_property_id" value="1504" data-stock="12">
5872                            
5873                            <div class="add-cart product-card-v2__add">
5874                                                                    <button type="button" class="cart-btn js-add-to-cart" >
5875                                        <svg class="icon icon--red"><use xlink:href="#cart"></use></svg>
5876                                        Add
5877                                    </button>
5878                                                            </div>
5879                        </div>
5880                    </div>
5881                </form>
5882            </div>
5883        </div>
5884    </div>
5885</div>
5886                                    </div>
5887                                                                                                                                            <div class="js-server-rendered-product">
5888                                        <div class="grid-2 " >
5889    <div class="product js-product-block">
5890        <div class="product-inner product-card-v2">
5891            <div class="product-header">
5892                <div class="product-card__actions">
5893                    <button type="button"
5894    class="js-wishlist-toggle product-wishlist-overlay"
5895    data-product-id="158"
5896    title="Add to Wishlist">
5897    <i class="far fa-bookmark"></i>
5898</button>
5899                                            <button type="button" class="product-card__quickview js-open-choices-modal" data-product='{"id":158,"name":"MTR Palak Paneer","slug":"mtr-palak-paneer","description":"MTR Palak PaneerExperience the rich flavors of India with MTR Palak Paneer, a ready-to-eat curry featuring a delicious combination of spiced...","thumbnail_full_url":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/mtr-palak-paneer.jpg","avg_rating":null,"review_count":0,"url":"https:\/\/omspice.com.au\/product\/mtr-palak-paneer","variants":[{"id":186,"label":"1pcs","price":"3.99","price_after_offer":"3.99","offer_title":"","unit_name":"pcs","stock_quantity":10,"image":"https:\/\/omspice.com.au\/uploads\/products-thumbn
5899ails\/mtr-palak-paneer.jpg"},{"id":187,"label":"3pcs","price":"10.99","price_after_offer":"10.99","offer_title":"","unit_name":"pcs","stock_quantity":1,"image":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/mtr-palak-paneer.jpg"}]}' aria-label="Quick view">
5900                            <i class="far fa-eye"></i>
5901                        </button>
5902                                    </div>
5903                <a  href="https://omspice.com.au/product/mtr-palak-paneer"                      aria-label="MTR Palak Paneer"                     class="product-link">
5904                    <figure class="product-thumb js-product-thumb is-loading">
5905                        <span class="product-thumb__spinner" aria-hidden="true"></span>
5906                                                    <img class="js-product-thumb-img"
5907                                src="https://omspice.com.au/uploads/products-thumbnails/mtr-palak-paneer.jpg"
5908                                alt="MTR Palak Paneer - Buy Online Australia | Om Spice &amp; Grocery"
5909                                loading="lazy">
5910                                            </figure>
5911                </a>
5912                                                                                    </div>
5913
5914            <div class="product-body">
5915                <form method="post" action="https://omspice.com.au/cart/store/product" class="product-form product-card-v2__form">
5916                                            <input type="hidden" name="product_id" value="158">
5917                        <input type="hidden" name="product_unit" class="js-unit-name" value="pcs">
5918                                        <input type="hidden" name="product_quantity" value="1">
5919
5920                    <div class="product-card-v2__meta">
5921                                                    <div class="product-card-v2__choices-wrap">
5922                                <button type="button" class="product-card-v2__choices-pill js-open-choices-modal" data-product='{"id":158,"name":"MTR Palak Paneer","slug":"mtr-palak-paneer","description":"MTR Palak PaneerExperience the rich flavors of India with MTR Palak Paneer, a ready-to-eat curry featuring a delicious combination of spiced...","thumbnail_full_url":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/mtr-palak-paneer.jpg","avg_rating":null,"review_count":0,"url":"https:\/\/omspice.com.au\/product\/mtr-palak-paneer","variants":[{"id":186,"label":"1pcs","price":"3.99","price_after_offer":"3.99","offer_title":"","unit_name":"pcs","stock_quantity":10,"image":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/mtr-palak-paneer.jpg"},{"id":187,"label":"3pcs","price":"10.99","price_after_offer":"10.99","offer_title":"","unit_name":"pcs","stock_quantity":1,"image":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/mtr-palak-paneer.jpg"}]}'>
5923                                    2 Choices
5924                                </button>
5925                                <div class="product-card-v2__choices-tooltip">
5926                                    <strong>Available Options:</strong>
5927                                    <ul>
5928                                                                                    <li>1pcs</li>
5929                                                                                    <li>3pcs</li>
5930                                                                            </ul>
5931                                </div>
5932                            </div>
5933                                            </div>
5934
5935                    <div class="product-name product-card-v2__name">
5936                                                    <a href="https://omspice.com.au/product/mtr-palak-paneer"><h3>MTR Palak Paneer</h3></a>
5937                                            </div>
5938
5939                                                                
5940                    <div class="product-card-v2__bottom">
5941                        <div class="product-price product-card-v2__price">
5942                            <h4 class="js-price_after_offer">
5943                                                                    $3.99
5944                                                            </h4>
5945                                                                                                                </div>
5946
5947                        <div class="product-card-v2__actions-row">
5948                            
5949                            <div class="add-cart product-card-v2__add">
5950                                                                    <button type="button" class="cart-btn js-open-choices-modal" data-product='{"id":158,"name":"MTR Palak Paneer","slug":"mtr-palak-paneer","description":"MTR Palak PaneerExperience the rich flavors of India with MTR Palak Paneer, a ready-to-eat curry featuring a delicious combination of spiced...","thumbnail_full_url":"https:\/\/omspice.com.au\/uploads\/products-thumbn
5950ails\/mtr-palak-paneer.jpg","avg_rating":null,"review_count":0,"url":"https:\/\/omspice.com.au\/product\/mtr-palak-paneer","variants":[{"id":186,"label":"1pcs","price":"3.99","price_after_offer":"3.99","offer_title":"","unit_name":"pcs","stock_quantity":10,"image":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/mtr-palak-paneer.jpg"},{"id":187,"label":"3pcs","price":"10.99","price_after_offer":"10.99","offer_title":"","unit_name":"pcs","stock_quantity":1,"image":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/mtr-palak-paneer.jpg"}]}' >
5951                                        <svg class="icon icon--red"><use xlink:href="#cart"></use></svg>
5952                                        Add
5953                                    </button>
5954                                                            </div>
5955                        </div>
5956                    </div>
5957                </form>
5958            </div>
5959        </div>
5960    </div>
5961</div>
5962                                    </div>
5963                                                                                                                                            <div class="js-server-rendered-product">
5964                                        <div class="grid-2 " >
5965    <div class="product js-product-block">
5966        <div class="product-inner product-card-v2">
5967            <div class="product-header">
5968                <div class="product-card__actions">
5969                    <button type="button"
5970    class="js-wishlist-toggle product-wishlist-overlay"
5971    data-product-id="173"
5972    title="Add to Wishlist">
5973    <i class="far fa-bookmark"></i>
5974</button>
5975                                            <button type="button" class="product-card__quickview js-open-choices-modal" data-product='{"id":173,"name":"Parle Hide \u0026 Seek","slug":"parle-hide-seek","description":"Product OverviewParle Hide \u0026amp; Seek Biscuits are a delightful chocolate-flavoured snack, perfect for a quick treat or to enjoy with your f...","thumbnail_full_url":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/hide-seek.jpg","avg_rating":null,"review_count":0,"url":"https:\/\/omspice.com.au\/product\/parle-hide-seek","variants":[{"id":205,"label":"412gm","price":"7.25","price_after_offer":"7.25","offer_title":"","unit_name":"gm","stock_quantity":9,"image":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/hide-seek.jpg"}]}' aria-label="Quick view">
5976                            <i class="far fa-eye"></i>
5977                        </button>
5978                                    </div>
5979                <a  href="https://omspice.com.au/product/parle-hide-seek"                      aria-label="Parle Hide &amp; Seek"                     class="product-link">
5980                    <figure class="product-thumb js-product-thumb is-loading">
5981                        <span class="product-thumb__spinner" aria-hidden="true"></span>
5982                                                    <img class="js-product-thumb-img"
5983                                src="https://omspice.com.au/uploads/products-thumbnails/hide-seek.jpg"
5984                                alt="Parle Hide &amp; Seek - Buy Online Australia | Om Spice &amp; Grocery"
5985                                loading="lazy">
5986                                            </figure>
5987                </a>
5988                                                                                    </div>
5989
5990            <div class="product-body">
5991                <form method="post" action="https://omspice.com.au/cart/store/product" class="product-form product-card-v2__form">
5992                                            <input type="hidden" name="product_id" value="173">
5993                        <input type="hidden" name="product_unit" class="js-unit-name" value="gm">
5994                                        <input type="hidden" name="product_quantity" value="1">
5995
5996                    <div class="product-card-v2__meta">
5997                                            </div>
5998
5999                    <div class="product-name product-card-v2__name">
6000                                                    <a href="https://omspice.com.au/product/parle-hide-seek"><h3>Parle Hide &amp; Seek</h3></a>
6001                                            </div>
6002
6003                                                                
6004                    <div class="product-card-v2__bottom">
6005                        <div class="product-price product-card-v2__price">
6006                            <h4 class="js-price_after_offer">
6007                                                                    $7.25
6008                                                            </h4>
6009                                                                                                                </div>
6010
6011                        <div class="product-card-v2__actions-row">
6012                                                            <input type="hidden" name="product_property_id" value="205" data-stock="9">
6013                            
6014                            <div class="add-cart product-card-v2__add">
6015                                                                    <button type="button" class="cart-btn js-add-to-cart" >
6016                                        <svg class="icon icon--red"><use xlink:href="#cart"></use></svg>
6017                                        Add
6018                                    </button>
6019                                                            </div>
6020                        </div>
6021                    </div>
6022                </form>
6023            </div>
6024        </div>
6025    </div>
6026</div>
6027                                    </div>
6028                                                                                                                                            <div class="js-server-rendered-product">
6029                                        <div class="grid-2 " >
6030    <div class="product js-product-block">
6031        <div class="product-inner product-card-v2">
6032            <div class="product-header">
6033                <div class="product-card__actions">
6034                    <button type="button"
6035    class="js-wishlist-toggle product-wishlist-overlay"
6036    data-product-id="468"
6037    title="Add to Wishlist">
6038    <i class="far fa-bookmark"></i>
6039</button>
6040                                            <button type="button" class="product-card__quickview js-open-choices-modal" data-product='{"id":468,"name":"Himalaya Neem Face Wash","slug":"himalaya-neem-face-wash-1","description":"Product OverviewDiscover a refreshing cleanse with Himalaya Neem Face Wash, designed to purify your skin effectively. Its natural formulatio...","thumbnail_full_url":"https:\/\/omspice.com.au\/uploads\/products-thumbn
6040ails\/himalaya-neem-face-wash-1.png","avg_rating":null,"review_count":0,"url":"https:\/\/omspice.com.au\/product\/himalaya-neem-face-wash-1","variants":[{"id":729,"label":"300ml","price":"14.45","price_after_offer":"14.45","offer_title":"","unit_name":"ml","stock_quantity":10,"image":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/himalaya-neem-face-wash-1.png"},{"id":730,"label":"150ml","price":"7.99","price_after_offer":"7.99","offer_title":"","unit_name":"ml","stock_quantity":10,"image":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/himalaya-neem-face-wash-1.png"}]}' aria-label="Quick view">
6041                            <i class="far fa-eye"></i>
6042                        </button>
6043                                    </div>
6044                <a  href="https://omspice.com.au/product/himalaya-neem-face-wash-1"                      aria-label="Himalaya Neem Face Wash"                     class="product-link">
6045                    <figure class="product-thumb js-product-thumb is-loading">
6046                        <span class="product-thumb__spinner" aria-hidden="true"></span>
6047                                                    <img class="js-product-thumb-img"
6048                                src="https://omspice.com.au/uploads/products-thumbnails/himalaya-neem-face-wash-1.png"
6049                                alt="Himalaya Neem Face Wash - Buy Online Australia | Om Spice &amp; Grocery"
6050                                loading="lazy">
6051                                            </figure>
6052                </a>
6053                                                                                    </div>
6054
6055            <div class="product-body">
6056                <form method="post" action="https://omspice.com.au/cart/store/product" class="product-form product-card-v2__form">
6057                                            <input type="hidden" name="product_id" value="468">
6058                        <input type="hidden" name="product_unit" class="js-unit-name" value="ml">
6059                                        <input type="hidden" name="product_quantity" value="1">
6060
6061                    <div class="product-card-v2__meta">
6062                                                    <div class="product-card-v2__choices-wrap">
6063                                <button type="button" class="product-card-v2__choices-pill js-open-choices-modal" data-product='{"id":468,"name":"Himalaya Neem Face Wash","slug":"himalaya-neem-face-wash-1","description":"Product OverviewDiscover a refreshing cleanse with Himalaya Neem Face Wash, designed to purify your skin effectively. Its natural formulatio...","thumbnail_full_url":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/himalaya-neem-face-wash-1.png","avg_rating":null,"review_count":0,"url":"https:\/\/omspice.com.au\/product\/himalaya-neem-face-wash-1","variants":[{"id":729,"label":"300ml","price":"14.45","price_after_offer":"14.45","offer_title":"","unit_name":"ml","stock_quantity":10,"image":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/himalaya-neem-face-wash-1.png"},{"id":730,"label":"150ml","price":"7.99","price_after_offer":"7.99","offer_title":"","unit_name":"ml","stock_quantity":10,"image":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/himalaya-neem-face-wash-1.png"}]}'>
6064                                    2 Choices
6065                                </button>
6066                                <div class="product-card-v2__choices-tooltip">
6067                                    <strong>Available Options:</strong>
6068                                    <ul>
6069                                                                                    <li>300ml</li>
6070                                                                                    <li>150ml</li>
6071                                                                            </ul>
6072                                </div>
6073                            </div>
6074                                            </div>
6075
6076                    <div class="product-name product-card-v2__name">
6077                                                    <a href="https://omspice.com.au/product/himalaya-neem-face-wash-1"><h3>Himalaya Neem Face Wash</h3></a>
6078                                            </div>
6079
6080                                                                
6081                    <div class="product-card-v2__bottom">
6082                        <div class="product-price product-card-v2__price">
6083                            <h4 class="js-price_after_offer">
6084                                                                    $14.45
6085                                                            </h4>
6086                                                                                                                </div>
6087
6088                        <div class="product-card-v2__actions-row">
6089                            
6090                            <div class="add-cart product-card-v2__add">
6091                                                                    <button type="button" class="cart-btn js-open-choices-modal" data-product='{"id":468,"name":"Himalaya Neem Face Wash","slug":"himalaya-neem-face-wash-1","description":"Product OverviewDiscover a refreshing cleanse with Himalaya Neem Face Wash, designed to purify your skin effectively. Its natural formulatio...","thumbnail_full_url":"https:\/\/omspice.com.au\/uploads\/products-thumbn
6091ails\/himalaya-neem-face-wash-1.png","avg_rating":null,"review_count":0,"url":"https:\/\/omspice.com.au\/product\/himalaya-neem-face-wash-1","variants":[{"id":729,"label":"300ml","price":"14.45","price_after_offer":"14.45","offer_title":"","unit_name":"ml","stock_quantity":10,"image":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/himalaya-neem-face-wash-1.png"},{"id":730,"label":"150ml","price":"7.99","price_after_offer":"7.99","offer_title":"","unit_name":"ml","stock_quantity":10,"image":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/himalaya-neem-face-wash-1.png"}]}' >
6092                                        <svg class="icon icon--red"><use xlink:href="#cart"></use></svg>
6093                                        Add
6094                                    </button>
6095                                                            </div>
6096                        </div>
6097                    </div>
6098                </form>
6099            </div>
6100        </div>
6101    </div>
6102</div>
6103                                    </div>
6104                                                                                                                                            <div class="js-server-rendered-product">
6105                                        <div class="grid-2 " >
6106    <div class="product js-product-block">
6107        <div class="product-inner product-card-v2">
6108            <div class="product-header">
6109                <div class="product-card__actions">
6110                    <button type="button"
6111    class="js-wishlist-toggle product-wishlist-overlay"
6112    data-product-id="1103"
6113    title="Add to Wishlist">
6114    <i class="far fa-bookmark"></i>
6115</button>
6116                                            <button type="button" class="product-card__quickview js-open-choices-modal" data-product='{"id":1103,"name":"Britannia Nice Time Value Pack 80g","slug":"britannia-nice-time-value-pack-80g","description":"Product OverviewIndulge in the delightful Britannia Nice Time Value Pack 80g, a premium snack that is perfect for any occasion. These delici...","thumbnail_full_url":"https:\/\/omspice.com.au\/front\/images\/default-image.png","avg_rating":null,"review_count":0,"url":"https:\/\/omspice.com.au\/product\/britannia-nice-time-value-pack-80g","variants":[{"id":1419,"label":"80gm","price":"0.99","price_after_offer":"0.99","offer_title":"","unit_name":"gm","stock_quantity":60,"image":"https:\/\/omspice.com.au\/front\/images\/default-image.png"}]}' aria-label="Quick view">
6117                            <i class="far fa-eye"></i>
6118                        </button>
6119                                    </div>
6120                <a  href="https://omspice.com.au/product/britannia-nice-time-value-pack-80g"                      aria-label="Britannia Nice Time Value Pack 80g"                     class="product-link">
6121                    <figure class="product-thumb js-product-thumb is-loading">
6122                        <span class="product-thumb__spinner" aria-hidden="true"></span>
6123                                                    <img class="js-product-thumb-img"
6124                                src="https://omspice.com.au/front/images/default-image.png"
6125                                alt="Britannia Nice Time Value Pack 80g placeholder image"
6126                                loading="lazy">
6127                                            </figure>
6128                </a>
6129                                                                                    </div>
6130
6131            <div class="product-body">
6132                <form method="post" action="https://omspice.com.au/cart/store/product" class="product-form product-card-v2__form">
6133                                            <input type="hidden" name="product_id" value="1103">
6134                        <input type="hidden" name="product_unit" class="js-unit-name" value="gm">
6135                                        <input type="hidden" name="product_quantity" value="1">
6136
6137                    <div class="product-card-v2__meta">
6138                                            </div>
6139
6140                    <div class="product-name product-card-v2__name">
6141                                                    <a href="https://omspice.com.au/product/britannia-nice-time-value-pack-80g"><h3>Britannia Nice Time Value Pack 80g</h3></a>
6142                                            </div>
6143
6144                                                                
6145                    <div class="product-card-v2__bottom">
6146                        <div class="product-price product-card-v2__price">
6147                            <h4 class="js-price_after_offer">
6148                                                                    $0.99
6149                                                            </h4>
6150                                                                                                                </div>
6151
6152                        <div class="product-card-v2__actions-row">
6153                                                            <input type="hidden" name="product_property_id" value="1419" data-stock="60">
6154                            
6155                            <div class="add-cart product-card-v2__add">
6156                                                                    <button type="button" class="cart-btn js-add-to-cart" >
6157                                        <svg class="icon icon--red"><use xlink:href="#cart"></use></svg>
6158                                        Add
6159                                    </button>
6160                                                            </div>
6161                        </div>
6162                    </div>
6163                </form>
6164            </div>
6165        </div>
6166    </div>
6167</div>
6168                                    </div>
6169                                                                                                                                            <div class="js-server-rendered-product">
6170                                        <div class="grid-2 " >
6171    <div class="product js-product-block">
6172        <div class="product-inner product-card-v2">
6173            <div class="product-header">
6174                <div class="product-card__actions">
6175                    <button type="button"
6176    class="js-wishlist-toggle product-wishlist-overlay"
6177    data-product-id="247"
6178    title="Add to Wishlist">
6179    <i class="far fa-bookmark"></i>
6180</button>
6181                                            <button type="button" class="product-card__quickview js-open-choices-modal" data-product='{"id":247,"name":"Garam Masala Powder","slug":"garam-masala-powder","description":"Product OverviewExperience the rich, aromatic essence of Indian cuisine with our premium Garam Masala Powder. This authentic spice blend is...","thumbnail_full_url":"https:\/\/omspice.com.au\/uploads\/products-thumbn
6181ails\/masala-powder.png","avg_rating":null,"review_count":0,"url":"https:\/\/omspice.com.au\/product\/garam-masala-powder","variants":[{"id":291,"label":"200gm","price":"3.99","price_after_offer":"3.99","offer_title":"","unit_name":"gm","stock_quantity":9,"image":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/masala-powder.png"},{"id":577,"label":"454gm","price":"6.99","price_after_offer":"6.99","offer_title":"","unit_name":"gm","stock_quantity":10,"image":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/masala-powder.png"},{"id":1430,"label":"500gm","price":"8.13","price_after_offer":"8.13","offer_title":"","unit_name":"gm","stock_quantity":10,"image":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/masala-powder.png"}]}' aria-label="Quick view">
6182                            <i class="far fa-eye"></i>
6183                        </button>
6184                                    </div>
6185                <a  href="https://omspice.com.au/product/garam-masala-powder"                      aria-label="Garam Masala Powder"                     class="product-link">
6186                    <figure class="product-thumb js-product-thumb is-loading">
6187                        <span class="product-thumb__spinner" aria-hidden="true"></span>
6188                                                    <img class="js-product-thumb-img"
6189                                src="https://omspice.com.au/uploads/products-thumbnails/masala-powder.png"
6190                                alt="Garam Masala Powder - Buy Online Australia | Om Spice &amp; Grocery"
6191                                loading="lazy">
6192                                            </figure>
6193                </a>
6194                                                                                    </div>
6195
6196            <div class="product-body">
6197                <form method="post" action="https://omspice.com.au/cart/store/product" class="product-form product-card-v2__form">
6198                                            <input type="hidden" name="product_id" value="247">
6199                        <input type="hidden" name="product_unit" class="js-unit-name" value="gm">
6200                                        <input type="hidden" name="product_quantity" value="1">
6201
6202                    <div class="product-card-v2__meta">
6203                                                    <div class="product-card-v2__choices-wrap">
6204                                <button type="button" class="product-card-v2__choices-pill js-open-choices-modal" data-product='{"id":247,"name":"Garam Masala Powder","slug":"garam-masala-powder","description":"Product OverviewExperience the rich, aromatic essence of Indian cuisine with our premium Garam Masala Powder. This authentic spice blend is...","thumbnail_full_url":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/masala-powder.png","avg_rating":null,"review_count":0,"url":"https:\/\/omspice.com.au\/product\/garam-masala-powder","variants":[{"id":291,"label":"200gm","price":"3.99","price_after_offer":"3.99","offer_title":"","unit_name":"gm","stock_quantity":9,"image":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/masala-powder.png"},{"id":577,"label":"454gm","price":"6.99","price_after_offer":"6.99","offer_title":"","unit_name":"gm","stock_quantity":10,"image":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/masala-powder.png"},{"id":1430,"label":"500gm","price":"8.13","price_after_offer":"8.13","offer_title":"","unit_name":"gm","stock_quantity":10,"image":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/masala-powder.png"}]}'>
6205                                    3 Choices
6206                                </button>
6207                                <div class="product-card-v2__choices-tooltip">
6208                                    <strong>Available Options:</strong>
6209                                    <ul>
6210                                                                                    <li>200gm</li>
6211                                                                                    <li>454gm</li>
6212                                                                                    <li>500gm</li>
6213                                                                            </ul>
6214                                </div>
6215                            </div>
6216                                            </div>
6217
6218                    <div class="product-name product-card-v2__name">
6219                                                    <a href="https://omspice.com.au/product/garam-masala-powder"><h3>Garam Masala Powder</h3></a>
6220                                            </div>
6221
6222                                                                
6223                    <div class="product-card-v2__bottom">
6224                        <div class="product-price product-card-v2__price">
6225                            <h4 class="js-price_after_offer">
6226                                                                    $3.99
6227                                                            </h4>
6228                                                                                                                </div>
6229
6230                        <div class="product-card-v2__actions-row">
6231                            
6232                            <div class="add-cart product-card-v2__add">
6233                                                                    <button type="button" class="cart-btn js-open-choices-modal" data-product='{"id":247,"name":"Garam Masala Powder","slug":"garam-masala-powder","description":"Product OverviewExperience the rich, aromatic essence of Indian cuisine with our premium Garam Masala Powder. This authentic spice blend is...","thumbnail_full_url":"https:\/\/omspice.com.au\/uploads\/products-thumbn
6233ails\/masala-powder.png","avg_rating":null,"review_count":0,"url":"https:\/\/omspice.com.au\/product\/garam-masala-powder","variants":[{"id":291,"label":"200gm","price":"3.99","price_after_offer":"3.99","offer_title":"","unit_name":"gm","stock_quantity":9,"image":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/masala-powder.png"},{"id":577,"label":"454gm","price":"6.99","price_after_offer":"6.99","offer_title":"","unit_name":"gm","stock_quantity":10,"image":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/masala-powder.png"},{"id":1430,"label":"500gm","price":"8.13","price_after_offer":"8.13","offer_title":"","unit_name":"gm","stock_quantity":10,"image":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/masala-powder.png"}]}' >
6234                                        <svg class="icon icon--red"><use xlink:href="#cart"></use></svg>
6235                                        Add
6236                                    </button>
6237                                                            </div>
6238                        </div>
6239                    </div>
6240                </form>
6241            </div>
6242        </div>
6243    </div>
6244</div>
6245                                    </div>
6246                                                                                                                                            <div class="js-server-rendered-product">
6247                                        <div class="grid-2 " >
6248    <div class="product js-product-block">
6249        <div class="product-inner product-card-v2">
6250            <div class="product-header">
6251                <div class="product-card__actions">
6252                    <button type="button"
6253    class="js-wishlist-toggle product-wishlist-overlay"
6254    data-product-id="433"
6255    title="Add to Wishlist">
6256    <i class="far fa-bookmark"></i>
6257</button>
6258                                            <button type="button" class="product-card__quickview js-open-choices-modal" data-product='{"id":433,"name":"Momo Steamer","slug":"momo-steamer","description":"Momo Steamer OverviewDiscover the convenience of steaming with our versatile Momo Steamer, perfect for preparing dumplings, momos, and dim s...","thumbnail_full_url":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/momo-steamer.jpg","avg_rating":null,"review_count":0,"url":"https:\/\/omspice.com.au\/product\/momo-steamer","variants":[{"id":580,"label":"9inch","price":"62.49","price_after_offer":"62.49","offer_title":"","unit_name":"inch","stock_quantity":10,"image":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/momo-steamer.jpg"},{"id":581,"label":"10inch","price":"68.74","price_after_offer":"68.74","offer_title":"","unit_name":"inch","stock_quantity":10,"image":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/momo-steamer.jpg"},{"id":582,"label":"11inch","price":"74.99","price_after_offer":"74.99","offer_title":"","unit_name":"inch","stock_quantity":10,"image":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/momo-steamer.jpg"},{"id":969,"label":"12inch","price":"99.99","price_after_offer":"99.99","offer_title":"","unit_name":"inch","stock_quantity":10,"image":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/momo-steamer.jpg"}]}' aria-label="Quick view">
6259                            <i class="far fa-eye"></i>
6260                        </button>
6261                                    </div>
6262                <a  href="https://omspice.com.au/product/momo-steamer"                      aria-label="Momo Steamer"                     class="product-link">
6263                    <figure class="product-thumb js-product-thumb is-loading">
6264                        <span class="product-thumb__spinner" aria-hidden="true"></span>
6265                                                    <img class="js-product-thumb-img"
6266                                src="https://omspice.com.au/uploads/products-thumbnails/momo-steamer.jpg"
6267                                alt="Momo Steamer - Buy Online Australia | Om Spice &amp; Grocery"
6268                                loading="lazy">
6269                                            </figure>
6270                </a>
6271                                                                                    </div>
6272
6273            <div class="product-body">
6274                <form method="post" action="https://omspice.com.au/cart/store/product" class="product-form product-card-v2__form">
6275                                            <input type="hidden" name="product_id" value="433">
6276                        <input type="hidden" name="product_unit" class="js-unit-name" value="inch">
6277                                        <input type="hidden" name="product_quantity" value="1">
6278
6279                    <div class="product-card-v2__meta">
6280                                                    <div class="product-card-v2__choices-wrap">
6281                                <button type="button" class="product-card-v2__choices-pill js-open-choices-modal" data-product='{"id":433,"name":"Momo Steamer","slug":"momo-steamer","description":"Momo Steamer OverviewDiscover the convenience of steaming with our versatile Momo Steamer, perfect for preparing dumplings, momos, and dim s...","thumbnail_full_url":"https:\/\/omspice.com.au\/uploads\/products-thumbn
6281ails\/momo-steamer.jpg","avg_rating":null,"review_count":0,"url":"https:\/\/omspice.com.au\/product\/momo-steamer","variants":[{"id":580,"label":"9inch","price":"62.49","price_after_offer":"62.49","offer_title":"","unit_name":"inch","stock_quantity":10,"image":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/momo-steamer.jpg"},{"id":581,"label":"10inch","price":"68.74","price_after_offer":"68.74","offer_title":"","unit_name":"inch","stock_quantity":10,"image":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/momo-steamer.jpg"},{"id":582,"label":"11inch","price":"74.99","price_after_offer":"74.99","offer_title":"","unit_name":"inch","stock_quantity":10,"image":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/momo-steamer.jpg"},{"id":969,"label":"12inch","price":"99.99","price_after_offer":"99.99","offer_title":"","unit_name":"inch","stock_quantity":10,"image":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/momo-steamer.jpg"}]}'>
6282                                    4 Choices
6283                                </button>
6284                                <div class="product-card-v2__choices-tooltip">
6285                                    <strong>Available Options:</strong>
6286                                    <ul>
6287                                                                                    <li>9inch</li>
6288                                                                                    <li>10inch</li>
6289                                                                                    <li>11inch</li>
6290                                                                                    <li>12inch</li>
6291                                                                            </ul>
6292                                </div>
6293                            </div>
6294                                            </div>
6295
6296                    <div class="product-name product-card-v2__name">
6297                                                    <a href="https://omspice.com.au/product/momo-steamer"><h3>Momo Steamer</h3></a>
6298                                            </div>
6299
6300                                                                
6301                    <div class="product-card-v2__bottom">
6302                        <div class="product-price product-card-v2__price">
6303                            <h4 class="js-price_after_offer">
6304                                                                    $62.49
6305                                                            </h4>
6306                                                                                                                </div>
6307
6308                        <div class="product-card-v2__actions-row">
6309                            
6310                            <div class="add-cart product-card-v2__add">
6311                                                                    <button type="button" class="cart-btn js-open-choices-modal" data-product='{"id":433,"name":"Momo Steamer","slug":"momo-steamer","description":"Momo Steamer OverviewDiscover the convenience of steaming with our versatile Momo Steamer, perfect for preparing dumplings, momos, and dim s...","thumbnail_full_url":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/momo-steamer.jpg","avg_rating":null,"review_count":0,"url":"https:\/\/omspice.com.au\/product\/momo-steamer","variants":[{"id":580,"label":"9inch","price":"62.49","price_after_offer":"62.49","offer_title":"","unit_name":"inch","stock_quantity":10,"image":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/momo-steamer.jpg"},{"id":581,"label":"10inch","price":"68.74","price_after_offer":"68.74","offer_title":"","unit_name":"inch","stock_quantity":10,"image":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/momo-steamer.jpg"},{"id":582,"label":"11inch","price":"74.99","price_after_offer":"74.99","offer_title":"","unit_name":"inch","stock_quantity":10,"image":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/momo-steamer.jpg"},{"id":969,"label":"12inch","price":"99.99","price_after_offer":"99.99","offer_title":"","unit_name":"inch","stock_quantity":10,"image":"https:\/\/omspice.com.au\/uploads\/products-thumbn
6311ails\/momo-steamer.jpg"}]}' >
6312                                        <svg class="icon icon--red"><use xlink:href="#cart"></use></svg>
6313                                        Add
6314                                    </button>
6315                                                            </div>
6316                        </div>
6317                    </div>
6318                </form>
6319            </div>
6320        </div>
6321    </div>
6322</div>
6323                                    </div>
6324                                                                                                                                            <div class="js-server-rendered-product">
6325                                        <div class="grid-2 " >
6326    <div class="product js-product-block">
6327        <div class="product-inner product-card-v2">
6328            <div class="product-header">
6329                <div class="product-card__actions">
6330                    <button type="button"
6331    class="js-wishlist-toggle product-wishlist-overlay"
6332    data-product-id="309"
6333    title="Add to Wishlist">
6334    <i class="far fa-bookmark"></i>
6335</button>
6336                                            <button type="button" class="product-card__quickview js-open-choices-modal" data-product='{"id":309,"name":"Shin Ramyun Noodles Soup","slug":"shin-ramyun-noodles-soup","description":"Product OverviewExperience the bold and spicy flavours of Shin Ramyun Noodles Soup, a favourite among noodle lovers. This delicious Korean i...","thumbnail_full_url":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/shin-ramyun-noodles-soup.jpg","avg_rating":null,"review_count":0,"url":"https:\/\/omspice.com.au\/product\/shin-ramyun-noodles-soup","variants":[{"id":392,"label":"5pcs","price":"6.5","price_after_offer":"6.5","offer_title":"","unit_name":"pcs","stock_quantity":10,"image":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/shin-ramyun-noodles-soup.jpg"}]}' aria-label="Quick view">
6337                            <i class="far fa-eye"></i>
6338                        </button>
6339                                    </div>
6340                <a  href="https://omspice.com.au/product/shin-ramyun-noodles-soup"                      aria-label="Shin Ramyun Noodles Soup"                     class="product-link">
6341                    <figure class="product-thumb js-product-thumb is-loading">
6342                        <span class="product-thumb__spinner" aria-hidden="true"></span>
6343                                                    <img class="js-product-thumb-img"
6344                                src="https://omspice.com.au/uploads/products-thumbnails/shin-ramyun-noodles-soup.jpg"
6345                                alt="Shin Ramyun Noodles Soup - Buy Online Australia | Om Spice &amp; Grocery"
6346                                loading="lazy">
6347                                            </figure>
6348                </a>
6349                                                                                    </div>
6350
6351            <div class="product-body">
6352                <form method="post" action="https://omspice.com.au/cart/store/product" class="product-form product-card-v2__form">
6353                                            <input type="hidden" name="product_id" value="309">
6354                        <input type="hidden" name="product_unit" class="js-unit-name" value="pcs">
6355                                        <input type="hidden" name="product_quantity" value="1">
6356
6357                    <div class="product-card-v2__meta">
6358                                            </div>
6359
6360                    <div class="product-name product-card-v2__name">
6361                                                    <a href="https://omspice.com.au/product/shin-ramyun-noodles-soup"><h3>Shin Ramyun Noodles Soup</h3></a>
6362                                            </div>
6363
6364                                                                
6365                    <div class="product-card-v2__bottom">
6366                        <div class="product-price product-card-v2__price">
6367                            <h4 class="js-price_after_offer">
6368                                                                    $6.5
6369                                                            </h4>
6370                                                                                                                </div>
6371
6372                        <div class="product-card-v2__actions-row">
6373                                                            <input type="hidden" name="product_property_id" value="392" data-stock="10">
6374                            
6375                            <div class="add-cart product-card-v2__add">
6376                                                                    <button type="button" class="cart-btn js-add-to-cart" >
6377                                        <svg class="icon icon--red"><use xlink:href="#cart"></use></svg>
6378                                        Add
6379                                    </button>
6380                                                            </div>
6381                        </div>
6382                    </div>
6383                </form>
6384            </div>
6385        </div>
6386    </div>
6387</div>
6388                                    </div>
6389                                                                                                                                            <div class="js-server-rendered-product">
6390                                        <div class="grid-2 " >
6391    <div class="product js-product-block">
6392        <div class="product-inner product-card-v2">
6393            <div class="product-header">
6394                <div class="product-card__actions">
6395                    <button type="button"
6396    class="js-wishlist-toggle product-wishlist-overlay"
6397    data-product-id="297"
6398    title="Add to Wishlist">
6399    <i class="far fa-bookmark"></i>
6400</button>
6401                                            <button type="button" class="product-card__quickview js-open-choices-modal" data-product='{"id":297,"name":"Pooja Samagri Set","slug":"pooja-samagri-set","description":"Pooja Samagri SetThe Pooja Samagri Set is an essential collection of worship materials designed for traditional rituals and ceremonies. This...","thumbnail_full_url":"https:\/\/omspice.com.au\/uploads\/products-thumbn
6401ails\/samagri-set.jpg","avg_rating":null,"review_count":0,"url":"https:\/\/omspice.com.au\/product\/pooja-samagri-set","variants":[{"id":376,"label":"1pcs","price":"13.5","price_after_offer":"13.5","offer_title":"","unit_name":"pcs","stock_quantity":10,"image":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/samagri-set.jpg"}]}' aria-label="Quick view">
6402                            <i class="far fa-eye"></i>
6403                        </button>
6404                                    </div>
6405                <a  href="https://omspice.com.au/product/pooja-samagri-set"                      aria-label="Pooja Samagri Set"                     class="product-link">
6406                    <figure class="product-thumb js-product-thumb is-loading">
6407                        <span class="product-thumb__spinner" aria-hidden="true"></span>
6408                                                    <img class="js-product-thumb-img"
6409                                src="https://omspice.com.au/uploads/products-thumbnails/samagri-set.jpg"
6410                                alt="Pooja Samagri Set - Buy Online Australia | Om Spice &amp; Grocery"
6411                                loading="lazy">
6412                                            </figure>
6413                </a>
6414                                                                                    </div>
6415
6416            <div class="product-body">
6417                <form method="post" action="https://omspice.com.au/cart/store/product" class="product-form product-card-v2__form">
6418                                            <input type="hidden" name="product_id" value="297">
6419                        <input type="hidden" name="product_unit" class="js-unit-name" value="pcs">
6420                                        <input type="hidden" name="product_quantity" value="1">
6421
6422                    <div class="product-card-v2__meta">
6423                                            </div>
6424
6425                    <div class="product-name product-card-v2__name">
6426                                                    <a href="https://omspice.com.au/product/pooja-samagri-set"><h3>Pooja Samagri Set</h3></a>
6427                                            </div>
6428
6429                                                                
6430                    <div class="product-card-v2__bottom">
6431                        <div class="product-price product-card-v2__price">
6432                            <h4 class="js-price_after_offer">
6433                                                                    $13.5
6434                                                            </h4>
6435                                                                                                                </div>
6436
6437                        <div class="product-card-v2__actions-row">
6438                                                            <input type="hidden" name="product_property_id" value="376" data-stock="10">
6439                            
6440                            <div class="add-cart product-card-v2__add">
6441                                                                    <button type="button" class="cart-btn js-add-to-cart" >
6442                                        <svg class="icon icon--red"><use xlink:href="#cart"></use></svg>
6443                                        Add
6444                                    </button>
6445                                                            </div>
6446                        </div>
6447                    </div>
6448                </form>
6449            </div>
6450        </div>
6451    </div>
6452</div>
6453                                    </div>
6454                                                                                                                                            <div class="js-server-rendered-product">
6455                                        <div class="grid-2 " >
6456    <div class="product js-product-block">
6457        <div class="product-inner product-card-v2">
6458            <div class="product-header">
6459                <div class="product-card__actions">
6460                    <button type="button"
6461    class="js-wishlist-toggle product-wishlist-overlay"
6462    data-product-id="717"
6463    title="Add to Wishlist">
6464    <i class="far fa-bookmark"></i>
6465</button>
6466                                            <button type="button" class="product-card__quickview js-open-choices-modal" data-product='{"id":717,"name":"Soya Chunk (Maseura) Indya","slug":"soya-chunk-maseura-indya","description":"Soya Chunk (Maseura) IndyaIntroduce a protein-packed alternative to your meals with Soya Chunk (Maseura). This textured soy protein is ideal...","thumbnail_full_url":"https:\/\/omspice.com.au\/uploads\/products-thumbn
6466ails\/6dtxm-soya-chunk-maseura-indya.png","avg_rating":null,"review_count":0,"url":"https:\/\/omspice.com.au\/product\/soya-chunk-maseura-indya","variants":[{"id":1005,"label":"200gm","price":"3.5","price_after_offer":"3.5","offer_title":"","unit_name":"gm","stock_quantity":9,"image":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/6dtxm-soya-chunk-maseura-indya.png"}]}' aria-label="Quick view">
6467                            <i class="far fa-eye"></i>
6468                        </button>
6469                                    </div>
6470                <a  href="https://omspice.com.au/product/soya-chunk-maseura-indya"                      aria-label="Soya Chunk (Maseura) Indya"                     class="product-link">
6471                    <figure class="product-thumb js-product-thumb is-loading">
6472                        <span class="product-thumb__spinner" aria-hidden="true"></span>
6473                                                    <img class="js-product-thumb-img"
6474                                src="https://omspice.com.au/uploads/products-thumbnails/6dtxm-soya-chunk-maseura-indya.png"
6475                                alt="Soya Chunk (Maseura) Indya - Buy Online Australia | Om Spice &amp; Grocery"
6476                                loading="lazy">
6477                                            </figure>
6478                </a>
6479                                                                                    </div>
6480
6481            <div class="product-body">
6482                <form method="post" action="https://omspice.com.au/cart/store/product" class="product-form product-card-v2__form">
6483                                            <input type="hidden" name="product_id" value="717">
6484                        <input type="hidden" name="product_unit" class="js-unit-name" value="gm">
6485                                        <input type="hidden" name="product_quantity" value="1">
6486
6487                    <div class="product-card-v2__meta">
6488                                            </div>
6489
6490                    <div class="product-name product-card-v2__name">
6491                                                    <a href="https://omspice.com.au/product/soya-chunk-maseura-indya"><h3>Soya Chunk (Maseura) Indya</h3></a>
6492                                            </div>
6493
6494                                                                
6495                    <div class="product-card-v2__bottom">
6496                        <div class="product-price product-card-v2__price">
6497                            <h4 class="js-price_after_offer">
6498                                                                    $3.5
6499                                                            </h4>
6500                                                                                                                </div>
6501
6502                        <div class="product-card-v2__actions-row">
6503                                                            <input type="hidden" name="product_property_id" value="1005" data-stock="9">
6504                            
6505                            <div class="add-cart product-card-v2__add">
6506                                                                    <button type="button" class="cart-btn js-add-to-cart" >
6507                                        <svg class="icon icon--red"><use xlink:href="#cart"></use></svg>
6508                                        Add
6509                                    </button>
6510                                                            </div>
6511                        </div>
6512                    </div>
6513                </form>
6514            </div>
6515        </div>
6516    </div>
6517</div>
6518                                    </div>
6519                                                                                                                                            <div class="js-server-rendered-product">
6520                                        <div class="grid-2 " >
6521    <div class="product js-product-block">
6522        <div class="product-inner product-card-v2">
6523            <div class="product-header">
6524                <div class="product-card__actions">
6525                    <button type="button"
6526    class="js-wishlist-toggle product-wishlist-overlay"
6527    data-product-id="148"
6528    title="Add to Wishlist">
6529    <i class="far fa-bookmark"></i>
6530</button>
6531                                            <button type="button" class="product-card__quickview js-open-choices-modal" data-product='{"id":148,"name":"Gits Medu vadai Mix","slug":"gits-medu-vadai-mix","description":"Product OverviewGits Medu Vadai Mix is a convenient dry mix that allows you to prepare crispy, golden South Indian medu vadai effortlessly a...","thumbnail_full_url":"https:\/\/omspice.com.au\/uploads\/products-thumbn
6531ails\/gits-medu-vadai-mix.jpg","avg_rating":null,"review_count":0,"url":"https:\/\/omspice.com.au\/product\/gits-medu-vadai-mix","variants":[{"id":170,"label":"500gm","price":"4.5","price_after_offer":"4.5","offer_title":"","unit_name":"gm","stock_quantity":9,"image":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/gits-medu-vadai-mix.jpg"}]}' aria-label="Quick view">
6532                            <i class="far fa-eye"></i>
6533                        </button>
6534                                    </div>
6535                <a  href="https://omspice.com.au/product/gits-medu-vadai-mix"                      aria-label="Gits Medu vadai Mix"                     class="product-link">
6536                    <figure class="product-thumb js-product-thumb is-loading">
6537                        <span class="product-thumb__spinner" aria-hidden="true"></span>
6538                                                    <img class="js-product-thumb-img"
6539                                src="https://omspice.com.au/uploads/products-thumbnails/gits-medu-vadai-mix.jpg"
6540                                alt="Gits Medu vadai Mix - Buy Online Australia | Om Spice &amp; Grocery"
6541                                loading="lazy">
6542                                            </figure>
6543                </a>
6544                                                                                    </div>
6545
6546            <div class="product-body">
6547                <form method="post" action="https://omspice.com.au/cart/store/product" class="product-form product-card-v2__form">
6548                                            <input type="hidden" name="product_id" value="148">
6549                        <input type="hidden" name="product_unit" class="js-unit-name" value="gm">
6550                                        <input type="hidden" name="product_quantity" value="1">
6551
6552                    <div class="product-card-v2__meta">
6553                                            </div>
6554
6555                    <div class="product-name product-card-v2__name">
6556                                                    <a href="https://omspice.com.au/product/gits-medu-vadai-mix"><h3>Gits Medu vadai Mix</h3></a>
6557                                            </div>
6558
6559                                                                
6560                    <div class="product-card-v2__bottom">
6561                        <div class="product-price product-card-v2__price">
6562                            <h4 class="js-price_after_offer">
6563                                                                    $4.5
6564                                                            </h4>
6565                                                                                                                </div>
6566
6567                        <div class="product-card-v2__actions-row">
6568                                                            <input type="hidden" name="product_property_id" value="170" data-stock="9">
6569                            
6570                            <div class="add-cart product-card-v2__add">
6571                                                                    <button type="button" class="cart-btn js-add-to-cart" >
6572                                        <svg class="icon icon--red"><use xlink:href="#cart"></use></svg>
6573                                        Add
6574                                    </button>
6575                                                            </div>
6576                        </div>
6577                    </div>
6578                </form>
6579            </div>
6580        </div>
6581    </div>
6582</div>
6583                                    </div>
6584                                                                                                                                            <div class="js-server-rendered-product">
6585                                        <div class="grid-2 " >
6586    <div class="product js-product-block">
6587        <div class="product-inner product-card-v2">
6588            <div class="product-header">
6589                <div class="product-card__actions">
6590                    <button type="button"
6591    class="js-wishlist-toggle product-wishlist-overlay"
6592    data-product-id="622"
6593    title="Add to Wishlist">
6594    <i class="far fa-bookmark"></i>
6595</button>
6596                                            <button type="button" class="product-card__quickview js-open-choices-modal" data-product='{"id":622,"name":"PH Care Daily Feminine Wash Floral Clean - Fragrant Care - Dual Hydrating Moisturizers","slug":"ph-care-daily-feminine-wash-floral-clean-fragrant-care-dual-hydrating-moisturizers","description":"Product OverviewExperience freshness and hydration with PH Care Daily Feminine Wash Floral Clean, available in a convenient 250ml bottle. Th...","thumbnail_full_url":"https:\/\/omspice.com.au\/uploads\/products-thumbn
6596ails\/ph-care-daily-feminine-wash-floral-clean-fragrant-care-dual-hydrating-moisturizers.png","avg_rating":null,"review_count":0,"url":"https:\/\/omspice.com.au\/product\/ph-care-daily-feminine-wash-floral-clean-fragrant-care-dual-hydrating-moisturizers","variants":[{"id":897,"label":"250ml","price":"14.99","price_after_offer":"14.99","offer_title":"","unit_name":"ml","stock_quantity":10,"image":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/ph-care-daily-feminine-wash-floral-clean-fragrant-care-dual-hydrating-moisturizers.png"}]}' aria-label="Quick view">
6597                            <i class="far fa-eye"></i>
6598                        </button>
6599                                    </div>
6600                <a  href="https://omspice.com.au/product/ph-care-daily-feminine-wash-floral-clean-fragrant-care-dual-hydrating-moisturizers"                      aria-label="PH Care Daily Feminine Wash Floral Clean - Fragrant Care - Dual Hydrating Moisturizers"                     class="product-link">
6601                    <figure class="product-thumb js-product-thumb is-loading">
6602                        <span class="product-thumb__spinner" aria-hidden="true"></span>
6603                                                    <img class="js-product-thumb-img"
6604                                src="https://omspice.com.au/uploads/products-thumbnails/ph-care-daily-feminine-wash-floral-clean-fragrant-care-dual-hydrating-moisturizers.png"
6605                                alt="PH Care Daily Feminine Wash Floral Clean - Fragrant Care - Dual Hydrating Moisturizers - Buy Online Australia | Om Spice &amp; Grocery"
6606                                loading="lazy">
6607                                            </figure>
6608                </a>
6609                                                                                    </div>
6610
6611            <div class="product-body">
6612                <form method="post" action="https://omspice.com.au/cart/store/product" class="product-form product-card-v2__form">
6613                                            <input type="hidden" name="product_id" value="622">
6614                        <input type="hidden" name="product_unit" class="js-unit-name" value="ml">
6615                                        <input type="hidden" name="product_quantity" value="1">
6616
6617                    <div class="product-card-v2__meta">
6618                                            </div>
6619
6620                    <div class="product-name product-card-v2__name">
6621                                                    <a href="https://omspice.com.au/product/ph-care-daily-feminine-wash-floral-clean-fragrant-care-dual-hydrating-moisturizers"><h3>PH Care Daily Feminine Wash Floral Clean - Fragrant Care - Dual Hydrating Moisturizers</h3></a>
6622                                            </div>
6623
6624                                                                
6625                    <div class="product-card-v2__bottom">
6626                        <div class="product-price product-card-v2__price">
6627                            <h4 class="js-price_after_offer">
6628                                                                    $14.99
6629                                                            </h4>
6630                                                                                                                </div>
6631
6632                        <div class="product-card-v2__actions-row">
6633                                                            <input type="hidden" name="product_property_id" value="897" data-stock="10">
6634                            
6635                            <div class="add-cart product-card-v2__add">
6636                                                                    <button type="button" class="cart-btn js-add-to-cart" >
6637                                        <svg class="icon icon--red"><use xlink:href="#cart"></use></svg>
6638                                        Add
6639                                    </button>
6640                                                            </div>
6641                        </div>
6642                    </div>
6643                </form>
6644            </div>
6645        </div>
6646    </div>
6647</div>
6648                                    </div>
6649                                                                                                
6650                            
6651                            <template v-if="products.length > 0">
6652                                <div class="js-vue-product-item" v-for="product in products"
6653                                    :key="product.id"
6654                                    v-if="product.product_properties.length > 0">
6655                                    <div class="grid-2 " >
6656    <div class="product js-product-block">
6657        <div class="product-inner product-card-v2">
6658            <div class="product-header">
6659                <div class="product-card__actions">
6660                    <button type="button"
6661    class="js-wishlist-toggle product-wishlist-overlay"
6662    :data-product-id="product.id"
6663    title="Add to Wishlist">
6664    <i class="far fa-bookmark"></i>
6665</button>
6666                                            <button v-if="!product.is_bundle" type="button" class="product-card__quickview" @click="openProductChoices(product)" aria-label="Quick view">
6667                            <i class="far fa-eye"></i>
6668                        </button>
6669                                    </div>
6670                <a  v-bind:href="product.product_detail_link"                      :aria-label="product.name"                     class="product-link">
6671                    <figure class="product-thumb js-product-thumb is-loading">
6672                        <span class="product-thumb__spinner" aria-hidden="true"></span>
6673                                                    <img class="js-product-thumb-img"
6674                                v-bind:src="product.thumbnail_full_url"
6675                                v-bind:alt="product.thumbnail_alt_text ? product.thumbnail_alt_text : (product.name + ' - Buy Online Australia | Om Spice & Grocery')"
6676                                loading="lazy"
6677                                @load="onProductImageLoad($event)"
6678                                @error="onProductImageLoad($event)">
6679                                            </figure>
6680                </a>
6681                                    <span class="offer-badge js-offer-title" v-if="!isEmpty(product.product_properties[0]['offers'])">
6682                        {{ product.product_properties[0]['offers']['title'] }}
6683                    </span>
6684                    <span class="offer-badge stock-badge stock-badge--out" v-if="getStockQty(product) === 0">Out of Stock</span>
6685                    <span class="offer-badge stock-badge stock-badge--low" v-else-if="getStockQty(product) !== null && getStockQty(product) <= 5">
6686                        Only {{ getStockQty(product) }} left!
6687                    </span>
6688                            </div>
6689
6690            <div class="product-body">
6691                <form method="post" action="https://omspice.com.au/cart/store/product" class="product-form product-card-v2__form">
6692                                            <input type="hidden" name="product_id" v-bind:value="product.id">
6693                        <input type="hidden" name="product_unit" class="js-unit-name" v-bind:value="product.product_properties[0]['quantity_unit_name']">
6694                        <input type="hidden" name="product_property_id" v-if="product.product_properties && product.product_properties.length === 1" v-bind:value="product.product_properties[0].id" v-bind:data-stock="product.product_properties[0].stock_quantity">
6695                                        <input type="hidden" name="product_quantity" value="1">
6696
6697                    <div class="product-card-v2__meta">
6698                                                    <div class="product-card-v2__choices-wrap" v-if="product.product_properties && product.product_properties.length > 1">
6699                                <button type="button" class="product-card-v2__choices-pill js-open-choices-modal-vue" @click="openProductChoices(product)">
6700                                    {{ product.product_properties.length }} Choices
6701                                </button>
6702                                <div class="product-card-v2__choices-tooltip">
6703                                    <strong>Available Options:</strong>
6704                                    <ul>
6705                                        <li v-for="v in product.product_properties">{{ v.quantity }}{{ v.quantity_unit_name }}</li>
6706                                    </ul>
6707                                </div>
6708                            </div>
6709                                            </div>
6710
6711                    <div class="product-name product-card-v2__name">
6712                                                    <a v-bind:href="product.product_detail_link"><h3>{{ product.name }}</h3></a>
6713                                            </div>
6714
6715                                            <div class="product-card__rating" v-if="product.review_count > 0">
6716                            <span class="product-card__stars">
6717                                <template v-for="n in 5">
6718                                    <i :class="n <= Math.round(product.avg_rating) ? 'fas fa-star' : 'far fa-star'"></i>
6719                                </template>
6720                            </span>
6721                            <span class="product-card__rating-text">({{ product.review_count }})</span>
6722                        </div>
6723                    
6724                    <div class="product-card-v2__bottom">
6725                        <div class="product-price product-card-v2__price">
6726                            <h4 class="js-price_after_offer">
6727                                                                    ${{ product.product_properties[0].price_after_offer }}
6728                                                            </h4>
6729                                                            <span class="js-price" v-if="product.product_properties[0].price_after_offer != product.product_properties[0].price">
6730                                    ${{ product.product_properties[0].price }}
6731                                </span>
6732                                                    </div>
6733
6734                        <div class="product-card-v2__actions-row">
6735                            
6736                            <div class="add-cart product-card-v2__add">
6737                                                                    <a v-if="product.is_bundle" v-bind:href="product.product_detail_link" class="cart-btn product-card-v2__view-kit-btn">View Kit</a>
6738                                    <button v-else-if="product.product_properties && product.product_properties.length > 1" type="button" class="cart-btn" v-bind:disabled="allStockOut(product)" @click="openProductChoices(product)">
6739                                        <svg class="icon icon--red"><use xlink:href="#cart"></use></svg>
6740                                        Add
6741                                    </button>
6742                                    <button v-else type="button" class="cart-btn js-add-to-cart" v-bind:disabled="getStockQty(product) === 0">
6743                                        <svg class="icon icon--red"><use xlink:href="#cart"></use></svg>
6744                                        Add
6745                                    </button>
6746                                                            </div>
6747                        </div>
6748                    </div>
6749                </form>
6750            </div>
6751        </div>
6752    </div>
6753</div>
6754                                </div>
6755                            </template>
6756                            <!-- produt -->
6757                        </div>
6758                        <!-- infinite scroll -->
6759                        <div id="js-infinite-scroll-sentinel"></div>
6760                        <div class="infinite-scroll-status" v-if="loadingMore">
6761                            <span class="infinite-scroll-spinner"></span> Loading more products...
6762                        </div>
6763                        <div class="infinite-scroll-end" v-if="!loadingMore && currentPage >= lastPage && products.length > 0">
6764                            You've reached the end of the results.
6765                        </div>
6766                    </div>
6767                </div>
6768            </div>
6769        </div>
6770    </section>
6771    <!-- //product section -->
6772
6773        
6774    <section class="seo-content-section">
6775        <div class="container">
6776            <h2 class="seo-content__heading">Shop Indian Groceries, Spices &amp; Food Products Online</h2>
6777
6778            <div class="seo-content__body">
6779                <p>Buy authentic Indian grocery products, cooking ingredients, and daily essentials at Om Spice &amp; Grocery. Explore a wide range of Indian food products online.</p>
6780
6781                <div class="seo-content__more" id="shopContentMore">
6782                    <p>From Indian spices and masala, rice and flour, lentils and pulses, snacks and biscuits to pickles, frozen foods, sweets, tea, fresh produce, and ready-to-eat food &ndash; check out a broad variety of products for cooking Indian cuisine.</p>
6783                    <p>Whichever product or food ingredient you need, whether for preparing an authentic Indian dish or filling your kitchen, the online store has got it all.</p>
6784                    <p>With many Indian grocery products online, you can buy daily necessities along with some authentic ingredients and popular Indian products.</p>
6785
6786                    <div class="seo-content__cta">
6787                        <h3>Shop Authentic Indian &amp; Nepalese Groceries Online</h3>
6788                        <p>Do you need authentic Indian and Nepalese food products, fresh produce, high-quality spices, snacks, sweets, frozen food, and daily essentials? Look for a wide selection of groceries available online, or visit our Brisbane store and shop physically.</p>
6789                        <div class="seo-content__cta-buttons">
6790                            <a href="https://omspice.com.au/shop" class="seo-cta-btn seo-cta-btn--primary"><i class="fas fa-cart-shopping"></i> Shop Now</a>
6791                            <a href="https://wa.me/61430562316" target="_blank" rel="noopener" class="seo-cta-btn"><i class="fab fa-whatsapp"></i> WhatsApp Us</a>
6792                            <a href="https://omspice.com.au/contact-us" class="seo-cta-btn"><i class="fas fa-phone"></i> Contact Us</a>
6793                        </div>
6794                    </div>
6795
6796                    <h3>Shop Groceries &amp; Spices Online</h3>
6797                    <p>
6797Browse our collection of Indian grocery products online, and find everything needed for your kitchen in one online store.</p>
6798                    <p>Whether you need daily staples, authentic Indian ingredients, traditional snacks, or ready-to-eat food products, you will find a diverse collection of groceries in our online store.</p>
6799                    <p>Shop <strong>Indian Spices &amp; Masala</strong>, <strong>Indian Rice &amp; Flour</strong>, <strong>Indian Lentils &amp; Pulses</strong>, <strong>Indian Snacks &amp; Biscuits</strong>, <strong>Indian Pickles &amp; Chutneys</strong>, <strong>Indian Frozen Foods</strong>, <strong>Indian Sweets</strong>, <strong>Indian Tea</strong>, <strong>Indian Cooking Oil &amp; Ghee</strong>, <strong>Indian Fresh Vegetables</strong>, and <strong>Indian Ready-to-Eat Food</strong>.</p>
6800                    <p>With such categories, you will find it easy to explore our online collection of products and discover some new products.</p>
6801                    <div class="text-center" style="margin: 24px 0 8px;">
6802                        <a href="https://omspice.com.au/shop" class="seo-cta-btn seo-cta-btn--primary">Shop All Products</a>
6803                    </div>
6804
6805                    <h3>Explore Our Indian Grocery Products</h3>
6806                    <div class="shop-category-highlights">
6807                        <div class="shop-category-highlight">
6808                            <h4>Indian Spices &amp; Masala</h4>
6809                            <p>Find high-quality authentic Indian spices, masala, spice blends, and seasonings that bring deep aroma and flavour to your dishes.</p>
6810                            <a href="https://omspice.com.au/shop/spices-premix" class="seo-cta-btn">Shop Indian Spices &amp; Masala</a>
6811                        </div>
6812                        <div class="shop-category-highlight">
6813                            <h4>Indian Rice &amp; Flour</h4>
6814                            <p>Shop rice, atta, flour, and other essential ingredients used in Indian cooking.</p>
6815                            <a href="https://omspice.com.au/shop/rice-flour" class="seo-cta-btn">Shop Rice &amp; Flour</a>
6816                        </div>
6817                        <div class="shop-category-highlight">
6818                            <h4>Indian Lentils &amp; Pulses</h4>
6819                            <p>Find dals, lentils, pulses, beans, and other Indian ingredients that are used daily in cooking curries and traditional dishes.</p>
6820                            <a href="https://omspice.com.au/shop/lentils-seed" class="seo-cta-btn">Shop Lentils &amp; Pulses</a>
6821                        </div>
6822                        <div class="shop-category-highlight">
6823                            <h4>Indian Snacks &amp; Biscuits</h4>
6824                            <p>Enjoy a range of Indian snacks, biscuits, namkeen, and other Indian delicacies that serve as a snack or appetizer.</p>
6825                            <a href="https://omspice.com.au/shop/snacks-biscuit" class="seo-cta-btn">Shop Snacks &amp; Biscuits</a>
6826                        </div>
6827                    </div>
6828
6829                    <div class="seo-content__cta">
6830                        <h3>Bring Authentic Indian Flavours To Your Kitchen</h3>
6831                        <p>From aromatic Indian spices and masala to rice, flour, lentils, and your favourite snacks &ndash; look for Indian ingredients that will help in cooking traditional Indian dishes.</p>
6832                        <div class="seo-content__cta-buttons">
6833                            <a href="https://omspice.com.au/shop" class="seo-cta-btn seo-cta-btn--primary"><i class="fas fa-cart-shopping"></i> Shop Groceries</a>
6834                            <a href="https://wa.me/61430562316" target="_blank" rel="noopener" class="seo-cta-btn"><i class="fab fa-whatsapp"></i> WhatsApp Us</a>
6835                            <a href="https://omspice.com.au/contact-us" class="seo-cta-btn"><i class="fas fa-phone"></i> Contact Us</a>
6836                        </div>
6837                    </div>
6838
6839                    <h3>More Indian Food Products to Explore</h3>
6840                    <div class="shop-category-highlights">
6841                        <div class="shop-category-highlight">
6842                            <h4>Indian Pickles &amp; Chutneys</h4>
6843                            <p>
6843Bring authentic flavour to your dishes by choosing traditional Indian pickles, chutneys, and other accompaniments.</p>
6844                            <a href="https://omspice.com.au/shop/pickle-chutney" class="seo-cta-btn">Shop Pickles &amp; Chutneys</a>
6845                        </div>
6846                        <div class="shop-category-highlight">
6847                            <h4>Indian Frozen Foods</h4>
6848                            <p>Make your meal preparation easier by using frozen Indian foods, snacks, vegetables, and ready-to-cook meals.</p>
6849                            <a href="https://omspice.com.au/shop/frozen-fridge-foods" class="seo-cta-btn">Shop Frozen Foods</a>
6850                        </div>
6851                        <div class="shop-category-highlight">
6852                            <h4>Indian Sweets</h4>
6853                            <p>Look for traditional Indian sweets and desserts that are perfect for festivals and celebrations.</p>
6854                            <a href="https://omspice.com.au/shop/sugar-tea" class="seo-cta-btn">Shop Indian Sweets</a>
6855                        </div>
6856                        <div class="shop-category-highlight">
6857                            <h4>Indian Tea</h4>
6858                            <p>Browse Indian tea and beverages and enjoy your daily life with traditional flavours.</p>
6859                            <a href="https://omspice.com.au/shop/sugar-tea" class="seo-cta-btn">Shop Indian Tea</a>
6860                        </div>
6861                        <div class="shop-category-highlight">
6862                            <h4>Indian Cooking Oil &amp; Ghee</h4>
6863                            <p>Find cooking oils, ghee, and other cooking ingredients that are used in Indian cooking.</p>
6864                            <a href="https://omspice.com.au/shop/nuts-ghee-oil" class="seo-cta-btn">Shop Cooking Oil &amp; Ghee</a>
6865                        </div>
6866                        <div class="shop-category-highlight">
6867                            <h4>Indian Fresh Vegetables</h4>
6868                            <p>Discover fresh vegetables and produce that can be used in Indian and South Asian cooking.</p>
6869                            <a href="https://omspice.com.au/shop/vegetable-fresh-produce" class="seo-cta-btn">Shop Fresh Produce</a>
6870                        </div>
6871                        <div class="shop-category-highlight">
6872                            <h4>Indian Ready-to-Eat Food</h4>
6873                            <p>Select convenient ready-to-eat and ready-to-cook Indian products.</p>
6874                            <a href="https://omspice.com.au/shop/needs-others" class="seo-cta-btn">Shop Ready-to-Eat Food</a>
6875                        </div>
6876                    </div>
6877
6878                    <div class="seo-content__cta">
6879                        <h3>Explore More Indian Grocery Favourites</h3>
6880                        <p>Stock your kitchen with Indian sweets, tea, pickles, frozen foods, fresh produce, ready-to-eat products, and much more. Browse our ever-growing catalogue and order Indian products you like.</p>
6881                        <div class="seo-content__cta-buttons">
6882                            <a href="https://omspice.com.au/shop" class="seo-cta-btn seo-cta-btn--primary"><i class="fas fa-cart-shopping"></i> Explore Products</a>
6883                            <a href="https://wa.me/61430562316" target="_blank" rel="noopener" class="seo-cta-btn"><i class="fab fa-whatsapp"></i> WhatsApp Us</a>
6884                            <a href="https://omspice.com.au/contact-us" class="seo-cta-btn"><i class="fas fa-phone"></i> Contact Us</a>
6885                        </div>
6886                    </div>
6887
6888                    <h3>Buy Indian Food Products Online</h3>
6889                    <p>Do you need to Buy Indian Food Products Online? Om Spice &amp; Grocery provides many Indian groceries in one online store.</p>
6890                    <p>From daily necessities to authentic ingredients, snacks, and favourites &ndash; you can browse and select what you need.</p>
6891                    <p>It will be convenient for you to do your Indian Food Shopping Online by browsing categories and selecting the necessary products.</p>
6892                    <p>You will be able to find many Indian Food Products Online in various categories without going to multiple stores.</p>
6893
6894                    <h3>Indian Food Products Australia</h3>
6895                    <p>Find a wide range of Indian Food Products Australia customers can shop for at Om Spice &amp; Grocery. The online store offers not only daily grocery essentials but also authentic Indian cooking ingredients, snacks, frozen foods, sweets, beverages, and much more.</p>
6896                    <p>If you need spices and masala, rice, flour, lentils, snacks, frozen foods, sweets, tea, or fresh produce, you can browse our online collection of products and order your favourites.</p>
6897                    <p>Our range helps people to find some familiar Indian ingredients and discover some new products.</p>
6898                    <p>With a wide range of Indian Grocery Products Australia customers can explore online, finding everyday essentials and authentic food products is convenient.</p>
6899
6900                    <div class="seo-content__cta">
6901                        <h3>Your Favourite Indian Groceries in One Place</h3>
6902                        <p>From daily pantry essentials to Indian food products, browse a wide range of groceries, spices, snacks, frozen foods, sweets, and much more. Shop online and find everything needed for your kitchen.</p>
6903                        <div class="seo-content__cta-buttons">
6904                            <a href="https://omspice.com.au/shop" class="seo-cta-btn seo-cta-btn--primary"><i class="fas fa-cart-shopping"></i> Shop Now</a>
6905                            <a href="https://wa.me/61430562316" target="_blank" rel="noopener" class="seo-cta-btn"><i class="fab fa-whatsapp"></i> WhatsApp Us</a>
6906                            <a href="https://omspice.com.au/contact-us" class="seo-cta-btn"><i class="fas fa-phone"></i> Contact Us</a>
6907                        </div>
6908                    </div>
6909
6910                    <h3>Indian Food Products in Brisbane</h3>
6911                    <p>Are you looking for Indian Food Products Brisbane? Om Spice &amp; Grocery provides a wide range of Indian and South Asian groceries for Brisbane and nearby suburbs.</p>
6912                    <p>The physical store of Om Spice &amp; Grocery is located in Carseldine, Brisbane.</p>
6913                    <p>Customers from nearby suburbs such as Aspley, Chermside, Zillmere, Bald Hills, Bracken Ridge, and Fitzgibbon can also shop at Om Spice &amp; Grocery.</p>
6914                    <p>If you are looking for an Indian Food Shop Brisbane, you can visit our physical store or browse our online collection.</p>
6915                    <p>Do you prefer to shop at home? Then you can browse our online store and shop online.</p>
6916                    <p>Customers looking for an Indian Food Store Brisbane can also visit our Carseldine location and explore the available products.</p>
6917
6918                    <h3>Indian Pantry Essentials</h3>
6919                    <p>
6919Stock your kitchen with Indian Pantry Essentials for daily cooking. From rice, flour, lentils and pulses to spices, masala, cooking oils, ghee, pickles, and other ingredients &ndash; find them all in one place.</p>
6920                    <p>If you want to cook dal, curry, biryani, snacks, and other Indian dishes, then having some pantry essentials at home will make your cooking process much easier.</p>
6921                    <p>Browsing our categories, you will be able to find what you use every day and find some new products too.</p>
6922
6923                    <div class="seo-content__cta">
6924                        <h3>Stock Up On Indian Pantry Essentials</h3>
6925                        <p>Need to stock your kitchen with rice, flour, lentils, spices, cooking oils, and other essentials? Browse our authentic Indian groceries and buy your favourites online.</p>
6926                        <div class="seo-content__cta-buttons">
6927                            <a href="https://omspice.com.au/shop" class="seo-cta-btn seo-cta-btn--primary"><i class="fas fa-cart-shopping"></i> Shop Pantry Essentials</a>
6928                            <a href="https://wa.me/61430562316" target="_blank" rel="noopener" class="seo-cta-btn"><i class="fab fa-whatsapp"></i> WhatsApp Us</a>
6929                            <a href="https://omspice.com.au/contact-us" class="seo-cta-btn"><i class="fas fa-phone"></i> Contact Us</a>
6930                        </div>
6931                    </div>
6932
6933                    <h3>Indian Grocery Essentials</h3>
6934                    <p>Discover our collection of Indian Grocery Essentials for daily meals and traditional cooking. From staple ingredients to snacks, frozen foods, sweets, beverages, and ready-to-eat products &ndash; our catalogue has got many tastes and choices.</p>
6935                    <p>No matter whether you shop for daily groceries or look for some specific ingredients for Indian dishes, you can browse our categories and purchase products online.</p>
6936                    <p>Our range suits homes who would like to have some authentic Indian flavour in their kitchens and do their grocery shopping conveniently.</p>
6937                    <p>If you are looking for an Indian Grocery Products Shop, you can explore our online catalogue and find a variety of products in different categories.</p>
6938
6939                    <h3>Why Shop at Om Spice &amp; Grocery?</h3>
6940                    <div class="shop-category-highlights">
6941                        <div class="shop-category-highlight">
6942                            <h4>Wide Range of Products</h4>
6943                            <p>Find Indian groceries, spices, snacks, frozen foods, fresh produce, sweets, and other essentials in one place.</p>
6944                        </div>
6945                        <div class="shop-category-highlight">
6946                            <h4>Convenient Online Shopping</h4>
6947                            <p>Shop from home for your favourite Indian food and groceries.</p>
6948                        </div>
6949                        <div class="shop-category-highlight">
6950                            <h4>Authentic Indian Products</h4>
6951                            <p>Find the products that fit traditional Indian cooking and daily meals.</p>
6952                        </div>
6953                        <div class="shop-category-highlight">
6954                            <h4>Brisbane Store</h4>
6955                            <p>Visit our Brisbane store in Carseldine to see our range in person.</p>
6956                        </div>
6957                        <div class="shop-category-highlight">
6958                            <h4>Convenient Shopping</h4>
6959                            <p>Browse categories, discover new products, and create your order in one convenient online store.</p>
6960                        </div>
6961                    </div>
6962
6963                    <div class="seo-content__cta">
6964                        <h3>Bring Authentic Indian &amp; Nepalese Flavours Home</h3>
6965                        <p>Would you like to buy fresh groceries, premium spices, high-quality food, and daily essentials? Browse our wide range of authentic Indian, Nepalese, and Asian products online or visit our Brisbane store and find your favourites.</p>
6966                        <div class="seo-content__cta-buttons">
6967                            <a href="https://omspice.com.au/shop" class="seo-cta-btn seo-cta-btn--primary"><i class="fas fa-cart-shopping"></i> Shop Now</a>
6968                            <a href="https://wa.me/61430562316" target="_blank" rel="noopener" class="seo-cta-btn"><i class="fab fa-whatsapp"></i> WhatsApp Us</a>
6969                            <a href="https://omspice.com.au/contact-us" class="seo-cta-btn"><i class="fas fa-phone"></i> Contact Us</a>
6970                        </div>
6971                    </div>
6972                </div>
6973
6974                <button type="button" class="seo-content__toggle-btn" id="shopContentToggleBtn" aria-expanded="false" aria-controls="shopContentMore">
6975                    <span class="seo-content__toggle-text">Read More</span>
6976                    <i class="fas fa-chevron-down"></i>
6977                </button>
6978
6979                <h3>Frequently Asked Questions</h3>
6980                <div class="seo-content__faq" id="shopFaq">
6981                    <div class="faq-item open">
6982                        <button type="button" class="faq-question">What Indian food products can I buy online? <i class="fas fa-chevron-down"></i></button>
6983                        <div class="faq-answer"><p>You can buy a wide range of Indian food products, including spices and masala, rice, flour, lentils, pulses, snacks, biscuits, pickles, chutneys, frozen foods, sweets, tea, cooking oil, ghee, fresh produce, and ready-to-eat food.</p></div>
6984                    </div>
6985                    <div class="faq-item">
6986                        <button type="button" class="faq-question">Can I buy Indian grocery products online? <i class="fas fa-chevron-down"></i></button>
6987                        <div class="faq-answer"><p>Yes, you can buy Indian Grocery Products Online through our online store.</p></div>
6988                    </div>
6989                    <div class="faq-item">
6990                        <button type="button" class="faq-question">What groceries and spices can I shop online? <i class="fas fa-chevron-down"></i></button>
6991                        <div class="faq-answer"><p>You can shop for Indian spices and masala, rice and flour, lentils and pulses, snacks, pickles and chutneys, frozen foods, sweets, tea, fresh vegetables, cooking oil, ghee, and other essentials.</p></div>
6992                    </div>
6993                    <div class="faq-item">
6994                        <button type="button" class="faq-question">Where can I buy Indian food products in Brisbane? <i class="fas fa-chevron-down"></i></button>
6995                        <div class="faq-answer"><p>You can shop online or visit Om Spice &amp; Grocery in Carseldine, Brisbane. Customers from nearby Brisbane North suburbs can also shop at our store.</p></div>
6996                    </div>
6997                    <div class="faq-item">
6998                        <button type="button" class="faq-question">Can I shop for Indian pantry essentials online? <i class="fas fa-chevron-down"></i></button>
6999                        <div class="faq-answer"><p>Yes, you can find many Indian pantry essentials, including rice, flour, lentils, pulses, spices, masala, cooking oil, ghee, and other everyday items.</p></div>
7000                    </div>
7001                    <div class="faq-item">
7002                        <button type="button" class="faq-question">Can I shop for Indian and Nepalese products? <i class="fas fa-chevron-down"></i></button>
7003                        <div class="faq-answer"><p>Yes, you can shop for Indian, Nepalese, and Asian products at Om Spice &amp; Grocery.</p></div>
7004                    </div>
7005                </div>
7006            </div>
7007        </div>
7008    </section>
7009
7010    
7010<script type="application/ld+json">
7011    {
7012        "@context": "https://schema.org",
7013        "@type": "FAQPage",
7014        "mainEntity": [
7015            {"@type": "Question", "name": "What Indian food products can I buy online?", "acceptedAnswer": {"@type": "Answer", "text": "You can buy a wide range of Indian food products, including spices and masala, rice, flour, lentils, pulses, snacks, biscuits, pickles, chutneys, frozen foods, sweets, tea, cooking oil, ghee, fresh produce, and ready-to-eat food."}},
7016            {"@type": "Question", "name": "Can I buy Indian grocery products online?", "acceptedAnswer": {"@type": "Answer", "text": "Yes, you can buy Indian Grocery Products Online through our online store."}},
7017            {"@type": "Question", "name": "What groceries and spices can I shop online?", "acceptedAnswer": {"@type": "Answer", "text": "You can shop for Indian spices and masala, rice and flour, lentils and pulses, snacks, pickles and chutneys, frozen foods, sweets, tea, fresh vegetables, cooking oil, ghee, and other essentials."}},
7018            {"@type": "Question", "name": "Where can I buy Indian food products in Brisbane?", "acceptedAnswer": {"@type": "Answer", "text": "You can shop online or visit Om Spice & Grocery in Carseldine, Brisbane. Customers from nearby Brisbane North suburbs can also shop at our store."}},
7019            {"@type": "Question", "name": "Can I shop for Indian pantry essentials online?", "acceptedAnswer": {"@type": "Answer", "text": "Yes, you can find many Indian pantry essentials, including rice, flour, lentils, pulses, spices, masala, cooking oil, ghee, and other everyday items."}},
7020            {"@type": "Question", "name": "Can I shop for Indian and Nepalese products?", "acceptedAnswer": {"@type": "Answer", "text": "Yes, you can shop for Indian, Nepalese, and Asian products at Om Spice & Grocery."}}
7021        ]
7022    }
7023    </script>
7023
7024    
7025</div>
7026
7027</div>
7028<!-- /#shop-real-content -->
7029    </main>
7030    <footer class="footer">
7031    <div class="delivery-info">
7032        <div class="container-fluid">
7033            <div class="row">
7034                <div class="col-md-6 col-lg-3 delivery-info-content py-1 col-sm-6 ">
7035                    <div class="info-body d-flex justify-content-center align-items-center">
7036                        <figure>
7037                            <img src="https://omspice.com.au/front/images/services/cart-icon.png" alt=" Delivery icon">
7038                        </figure>
7039                        <div class="info">
7040                            <h3>WE DELIVER TO YOUR DOORSTEP</h3>
7041                            <p>Everyday delivery</p>
7042                        </div>
7043                    </div>
7044                </div>
7045                <div class="col-md-6 col-lg-3 delivery-info-content py-1 col-sm-6 ">
7046                    <div class="info-body d-flex justify-content-center align-items-center">
7047                        <figure>
7048                            <img src="https://omspice.com.au/front/images/services/2.png" alt=" Online payment icon">
7049                        </figure>
7050                        <div class="info">
7051                            <h3>ONLINE PAYMENT</h3>
7052                            <p>Service For New Customer</p>
7053                        </div>
7054                    </div>
7055                </div>
7056                <div class="col-md-6 col-lg-3 delivery-info-content py-1 col-sm-6 ">
7057                    <div class="info-body d-flex justify-content-center align-items-center">
7058                        <figure>
7059                            <img src="https://omspice.com.au/front/images/services/3.png" alt=" 24 x 7 icon">
7060                        </figure>
7061                        <div class="info">
7062                            <h3>24 X 7 SERVICE</h3>
7063                            <p>Flexible Service For User</p>
7064                        </div>
7065                    </div>
7066                </div>
7067                <div class="col-md-6 col-lg-3 delivery-info-content py-1 col-sm-6 ">
7068                    <div class="info-body d-flex justify-content-center align-items-center">
7069                        <figure>
7070                            <img src="https://omspice.com.au/front/images/services/4.png" alt=" Festival Offer icon">
7071                        </figure>
7072                        <div class="info">
7073                            <h3>FESTIVAL OFFER</h3>
7074                            <p>100% Easy Replacement</p>
7075                        </div>
7076                    </div>
7077                </div>
7078
7079            </div>
7080        </div>
7081    </div>
7082
7083    <div class="footer-animated-edge" aria-hidden="true"></div>
7084
7085    <!-- newsletter -->
7086    <div class="newsletter">
7087        <div class="container-fluid">
7088            <div class="newsletter-inner">
7089                <div class="newsletter-title">
7090                    <span class="newsletter-icon" aria-hidden="true">
7091                        <i class="far fa-envelope"></i>
7092                    </span>
7093                    <div>
7094                        <h3>Get offers delivered to your inbox</h3>
7095                        <p>Be first to hear about weekly specials and new arrivals.</p>
7096                    </div>
7097                </div>
7098                <div class="newsletter-input">
7099                    <form id="newsletter-form" action="" method="POST">
7100                        <input type="hidden" name="_token" value="Saf8iglaLO7GMe3DmNZoBQ4yHaPlhTiacf0oaANm" autocomplete="off">                        <input name="email" type="email" placeholder="Email Address" class="form-control input-md"
7101                            required>
7102
7103                        <button class="newsletter-btn om-secondary-btn" type="submit"
7104                            id="js-subscribe-newsletter">Subscribe</button>
7105                    </form>
7106                    <div class="alert alert-danger alert-dismissible fade show" role="alert" id="newsletter_error"
7107                        style="display: none">
7108                        Please enter valid email.
7109                    </div>
7110                </div>
7111            </div>
7112        </div>
7113    </div>
7114    <!-- newsletter -->
7115
7116    <!-- main footer -->
7117    <div class="main-footer">
7118        <div class="container-fluid pt-7 mt-7">
7119            <div class="row">
7120                <div class="col-sm-4">
7121                    <div class="company-info">
7122                        
7123                        <h3 class="footer-brand">Om Spice &amp; Grocery</h3>
7124                        <div class="company-description">
7125                            <p>Get your groceries delivered to your doorstep with OM Grocery app. We offer a wide range of global products including spices, seasonal vegetables, and frozen seafood. Enjoy hassle-free shopping with real-time order tracking and convenient delivery options.
7125</p>
7126                        </div>
7127                    </div>
7128                </div>
7129                <div class="col-sm-8">
7130                    <div class="row">
7131                        <div class="col-sm-4">
7132                            <div class="footer-menu">
7133                                <h4>Quick Links</h4>
7134                                <ul>
7135                                    <li><a href="https://omspice.com.au/shop">Shop</a></li>
7136                                    <li><a href="https://omspice.com.au/about-us">About Us</a></li>
7137                                    <li><a href="https://omspice.com.au/our-story">Our Story</a></li>
7138                                    <li><a href="https://omspice.com.au/our-app">Our App</a></li>
7139                                    <li><a href="https://omspice.com.au/freshness-guarantee">Freshness Guarantee</a></li>
7140                                    <li><a href="https://omspice.com.au/faq">FAQ</a></li>
7141                                    <li><a href="https://omspice.com.au/track-order">Track Order</a></li>
7142                                    <li><a href="https://omspice.com.au/blog">Blog</a></li>
7143                                    <li><a href="https://omspice.com.au/contact-us">Contact Us</a></li>
7144                                </ul>
7145                            </div>
7146                        </div>
7147                        <div class="col-sm-4">
7148                            <div class="footer-menu">
7149                                <h4>Popular Categories</h4>
7150                                <ul>
7151                                                                        <li><a href="https://omspice.com.au/shop/lentils-seed">Lentils &amp; Seed</a></li>
7152                                                                        <li><a href="https://omspice.com.au/shop/spices-premix">Spices &amp; Premix</a></li>
7153                                                                        <li><a href="https://omspice.com.au/shop/snacks-biscuit">Snacks &amp; Biscuit</a></li>
7154                                                                        <li><a href="https://omspice.com.au/shop/rice-flour">Rice &amp; Flour</a></li>
7155                                                                        <li><a href="https://omspice.com.au/shop/cosmetics-health">Cosmetics &amp; Health</a></li>
7156                                                                        <li><a href="https://omspice.com.au/shop/indian-sweets-mithai">Indian Sweets &amp; Mithai</a></li>
7157                                                                        <li><a href="https://omspice.com.au/shop/needs-others">Daily Needs &amp; Others</a></li>
7158                                                                        <li><a href="https://omspice.com.au/shop/items-utensil">Pooja Items &amp; Utensil</a></li>
7159                                                                        <li><a href="https://omspice.com.au/shop/combo-kits">Combo Kits</a></li>
7160                                                                        <li><a href="https://omspice.com.au/shop/hair-care">Hair Care</a></li>
7161                                                                    </ul>
7162                            </div>
7163                        </div>
7164                        <!-- <div class="col-sm-3">
7165                                <div class="footer-menu">
7166                                    <h4>Extras</h4>
7167                                    <ul>
7168                                        <li><a href="https://omspice.com.au/shop">Shop</a></li>
7169                                        <li><a href="#">Frequent Buy Products</a></li>
7170                                        <li><a href="#">Special Product</a></li>
7171                                        <li><a href="#">Cosmetic and Health</a></li>
7172                                        <li><a href="#">Combo Pack</a></li>
7173                                    </ul>
7174                                </div>
7175                            </div> -->
7176                        <div class="col-sm-4">
7177                            <div class="footer-contact">
7178                                <h4>Contact</h4>
7179                                <p class="footer-contact-item">
7180                                    <i class="fas fa-location-dot" aria-hidden="true"></i>
7181                                    3/521 Beams Road, Carseldine QLD 4034, Australia
7182                                </p>
7183                                <p class="footer-contact-item">
7184                                    <i class="fas fa-phone" aria-hidden="true"></i>
7185                                    07 3158 3044 / 0430562316
7186                                </p>
7187                                <p class="footer-contact-item">
7188                                    <i class="fas fa-envelope" aria-hidden="true"></i>
7189                                    <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="aec1c3dddec7cdcbc9dcc1cdcbdcd7eec9c3cfc7c280cdc1c3">[email&#160;protected]</a>
7190                                </p>
7191                            </div>
7192                        </div>
7193                    </div>
7194                </div>
7195            </div>
7196            <div class="row">
7197                <div class="col-sm-12">
7198                    <div class="footer-menu" style="margin-top:24px; padding-top:24px; border-top:1px solid rgba(255,255,255,.1);">
7199                        <h4>Shop Indian &amp; Nepalese Groceries</h4>
7200                        <ul style="display:flex; flex-wrap:wrap; gap:6px 18px; list-style:none; padding:0; margin:0;">
7201                            <li><a href="https://omspice.com.au/indian-grocery-australia">Indian Grocery Australia</a></li>
7202                            <li><a href="https://omspice.com.au/indian-grocery-brisbane">Indian Grocery Brisbane</a></li>
7203                            <li><a href="https://omspice.com.au/indian-grocery-online-australia">Indian Grocery Online</a></li>
7204                            <li><a href="https://omspice.com.au/nepalese-grocery-australia">Nepalese Grocery Australia</a></li>
7205                            <li><a href="https://omspice.com.au/nepalese-grocery-brisbane">Nepalese Grocery Brisbane</a></li>
7206                            <li><a href="https://omspice.com.au/nepalese-grocery-online">Nepalese Grocery Online</a></li>
7207                            <li><a href="https://omspice.com.au/nepalese-food-australia">Nepalese Food Australia</a></li>
7208                            <li><a href="https://omspice.com.au/nepalese-food">Shop Nepalese Food by Category</a></li>
7209                        </ul>
7210                    </div>
7211                </div>
7212            </div>
7213        </div>
7214    </div>
7215    <!-- main footer -->
7216    <!-- social section -->
7217    <div class="social-section pt-5">
7218        <div class="container-fluid">
7219            <div class="row justify-content-md-center">
7220                <div class="col-lg-10 col-md-12">
7221                    <div class="row">
7222                        <div class="col-sm-4">
7223                            <div class="footer-payment">
7224                                <h4>Secure Payments</h4>
7225                                <ul class="payment-providers">
7226                                    <li>
7227                                        <span class="payment-provider payment-provider--paypal">
7228                                            <i class="fab fa-paypal" aria-hidden="true"></i>
7229                                            <span>PayPal</span>
7230                                        </span>
7231                                    </li>
7232                                    <li>
7233                                        <span class="payment-provider payment-provider--stripe">
7234                                            <i class="fab fa-stripe" aria-hidden="true"></i>
7235                                            <span class="sr-only">Stripe</span>
7236                                        </span>
7237                                    </li>
7238                                </ul>
7239                            </div>
7240                        </div>
7241                        <div class="col-sm-4">
7242                            <div class="download-app">
7243                                <h4><a href="https://omspice.com.au/our-app" style="color:inherit; text-decoration:none;">Download App</a></h4>
7244                                <ul>
7245                                    <li><a href="https://play.google.com/store/apps/details?id=com.omspice.grocery&amp;pcampaignid=web_share"
7246                                            target="_blank"><img src="https://omspice.com.au/front/images/google-play.png"
7247                                                alt="Download on Google Play"></a></li>
7248                                    <li><a href="https://apps.apple.com/app/id1448378869?fbclid=IwAR27lA7yCSlXVM2tBtLa3okr89fIWCSSyZ6E5gNC5dqvEWsYL6fQCGbvoUA"
7249                                            target="_blank"><img src="https://omspice.com.au/front/images/apple-store.png"
7250                                                alt="Download on the App Store"></a></li>
7251                                </ul>
7252                            </div>
7253                        </div>
7254                        <div class="col-sm-4">
7255                            <div class="social-links">
7256                                <h4>Social Media</h4>
7257                                <ul>
7258                                    <li><a href="https://www.facebook.com/OmSpiceGroceryBrisbane" target="_blank" aria-label="Facebook (opens in a new tab)"><i
7259                                                class="fab fa-facebook-f" aria-hidden="true"></i></a></li>
7260                                    <li><a href="https://www.tiktok.com/@omspicegroceey" target="_blank" aria-label="TikTok (opens in a new tab)"><i class="fab fa-tiktok" aria-hidden="true"></i></a></li>
7261                                    <li><a href="https://www.instagram.com/om_spice_grocery" target="_blank" aria-label="Instagram (opens in a new tab)"><i class="fab fa-instagram" aria-hidden="true"></i></a></li>
7262                                </ul>
7263                            </div>
7264                        </div>
7265                    </div>
7266                </div>
7267            </div>
7268        </div>
7269    </div>
7270    <!-- //social section -->
7271    <div class="bottom-footer py-3 mt-5">
7272        <div class="container-fluid">
7273            <div class="bottom-footer-inner">
7274                <p class="bottom-footer-copy">@ 2026 All Rights Reserved Om Spice &amp; Grocery </p>
7275                <div class="bottom-footer-links">
7276                    <a href="https://omspice.com.au/privacy-policy">Privacy Policy</a>
7277                    <span aria-hidden="true">|</span>
7278                    <a href="https://omspice.com.au/terms-condition">Terms and Conditions</a>
7279                    <span aria-hidden="true">|</span>
7280                    <a href="https://omspice.com.au/account-deletion">Delete account</a>
7281                </div>
7282            </div>
7283        </div>
7284    </div>
7285</footer>
7286<!-- //Footer section -->
7287<div class="app-bar">
7288    <ul>
7289        <li class="nav-item ">
7290            <a class="nav-link" href="https://omspice.com.au">
7291                <svg class="icon icon--home">
7292                    <use xlink:href="#home-icon"></use>
7293                </svg>
7294                Home
7295            </a>
7296        </li>
7297        <li class="nav-item active">
7298            <a class="nav-link" href="https://omspice.com.au/shop">
7299                <svg class="icon icon--shop">
7300                    <use xlink:href="#grocery-icon"></use>
7301                </svg>
7302                Shop
7303            </a>
7304        </li>
7305        <li class="nav-item">
7306            <a class="nav-link" id="modalActivate" href="javascript:;" data-toggle="modal" data-target="#appbarsearch">
7307                <svg class="icon icon--search">
7308                    <use xlink:href="#search-icon"></use>
7309                </svg>
7310                Search
7311            </a>
7312        </li>
7313        <li class="nav-item ">
7314            <a class="nav-link" href="https://omspice.com.au/dashboard">
7315                <svg class="icon icon--profile">
7316                    <use xlink:href="#profile-icon"></use>
7317                </svg>
7318                Profile
7319            </a>
7320        </li>
7321        <li class="nav-item">
7322            <a class="nav-link" href="#" data-toggle="modal" data-target="#moremenu">
7323                <svg class="icon icon--more">
7324                    <use xlink:href="#more-icon"></use>
7325                </svg>
7326                More
7327            </a>
7328        </li>
7329    </ul>
7330</div>
7331
7332<div class="modal fade right appbarsearch ms-search" id="appbarsearch" tabindex="-1" role="dialog" aria-labelledby="ms-search-title" aria-hidden="true">
7333    <div class="modal-dialog-full-width modal-dialog momodel modal-fluid" role="document">
7334        <div class="modal-content-full-width modal-content ms-search__content">
7335            <div class="ms-search__hero">
7336                <div class="ms-search__hero-top">
7337                    <a href="https://omspice.com.au" class="ms-search__brand">
7338                        <img src="https://omspice.com.au/front/images/logo.svg" alt="Om Spice" width="40" height="40">
7339                        <span class="ms-search__brand-text">
7340                            <strong>OmSpice</strong>
7341                            <small>GROCERY ONLINE</small>
7342                        </span>
7343                    </a>
7344                    <button type="button" class="ms-search__close" data-dismiss="modal" aria-label="Close search">
7345                        <i class="fas fa-times" aria-hidden="true"></i>
7346                    </button>
7347                </div>
7348                <div class="ms-search__hero-body">
7349                    <div class="ms-search__hero-copy">
7350                        <h2 id="ms-search-title">Search Products</h2>
7351                        <p>Find your favorite groceries, spices and more...</p>
7352                    </div>
7353                    <img class="ms-search__hero-img" src="https://omspice.com.au/front/images/basket.png" alt="" width="140" height="140" loading="lazy">
7354                </div>
7355            </div>
7356
7357            <div class="ms-search__sheet">
7358                <form method="get" action="https://omspice.com.au/shop" id="mobile-search-form" class="ms-search__form" autocomplete="off">
7359                    <div class="ms-search__cat search-by-cat">
7360                        <span class="ms-search__cat-icon" aria-hidden="true"><i class="fas fa-th-large"></i></span>
7361                        <select class="form-control-select ms-search__cat-select" name="category" id="mobile-search-category" aria-label="Category">
7362                            <option value="" selected>All Categories</option>
7363                                                            <option value="lentils-seed"
7364                                    >
7365                                    Lentils &amp; Seed
7366                                </option>
7367                                                            <option value="spices-premix"
7368                                    >
7369                                    Spices &amp; Premix
7370                                </option>
7371                                                            <option value="snacks-biscuit"
7372                                    >
7373                                    Snacks &amp; Biscuit
7374                                </option>
7375                                                            <option value="pickle-chutney"
7376                                    >
7377                                    Pickle &amp; Chutney
7378                                </option>
7379                                                            <option value="rice-flour"
7380                                    >
7381                                    Rice &amp; Flour
7382                                </option>
7383                                                            <option value="nuts-ghee-oil"
7384                                    >
7385                                    Nuts,Ghee &amp; Oil
7386                                </option>
7387                                                            <option value="cosmetics-health"
7388                                    >
7389                                    Cosmetics &amp; Health
7390                                </option>
7391                                                            <option value="frozen-fridge-foods"
7392                                    >
7393                                    Frozen &amp; Fridge Foods
7394                                </option>
7395                                                            <option value="vegetable-fresh-produce"
7396                                    >
7397                                    Vegetable &amp; Fresh Produce
7398                                </option>
7399                                                            <option value="indian-sweets-mithai"
7400                                    >
7401                                    Indian Sweets &amp; Mithai
7402                                </option>
7403                                                            <option value="needs-others"
7404                                    >
7405                                    Daily Needs &amp; Others
7406                                </option>
7407                                                            <option value="items-utensil"
7408                                    >
7409                                    Pooja Items &amp; Utensil
7410                                </option>
7411                                                            <option value="combo-kits"
7412                                    >
7413                                    Combo Kits
7414                                </option>
7415                                                            <option value="hair-care"
7416                                    >
7417                                    Hair Care
7418                                </option>
7419                                                            <option value="oral-care"
7420                                    >
7421                                    Oral Care
7422                                </option>
7423                                                            <option value="fresh-meat-seafood"
7424                                    >
7425                                    Fresh Meat &amp; Seafood
7426                                </option>
7427                                                            <option value="tea-coffee"
7428                                    >
7429                                    Tea &amp; Coffee
7430                                </option>
7431                                                    </select>
7432                        <span class="ms-search__cat-caret" aria-hidden="true"><i class="fas fa-chevron-down"></i></span>
7433                    </div>
7434
7435                    <div class="ms-search__query">
7436                        <div class="ms-search__input-wrap mobile-search-input-wrap">
7437                            <i class="fas fa-search ms-search__input-icon" aria-hidden="true"></i>
7438                            <input class="form-control product-search ms-search__input"
7439                                id="mobile-search-input"
7440                                placeholder="Search for products, brands, etc..."
7441                                aria-label="Search for products, brands, etc..."
7442                                aria-autocomplete="list"
7443                                aria-controls="mobile-search-suggestions"
7444                                type="text"
7445                                name="keyword"
7446                                value=""
7447                                inputmode="text"
7448                                autocomplete="off">
7449                            <button type="button" id="mobile-search-clear-btn" class="search-clear-btn ms-search__clear" aria-label="Clear search" style="display:none;">
7450                                <i class="fas fa-times" aria-hidden="true"></i>
7451                            </button>
7452                        </div>
7453                        <button class="ms-search__submit product-search" type="submit" aria-label="Search">
7454                            <i class="fas fa-search" aria-hidden="true"></i>
7455                        </button>
7456                    </div>
7457
7458                    <ul id="mobile-search-suggestions" class="ms-search__suggestions" role="listbox" hidden></ul>
7459                </form>
7460
7461                <div id="ms-search-discover" class="ms-search__discover">
7462                                        <section class="ms-search__section">
7463                        <div class="ms-search__section-head">
7464                            <h3>Popular Categories</h3>
7465                            <a href="https://omspice.com.au/shop">View All <i class="fas fa-chevron-right" aria-hidden="true"></i></a>
7466                        </div>
7467                        <div class="ms-search__cat-scroll">
7468                                                            <a href="https://omspice.com.au/shop/lentils-seed" class="ms-search__cat-card">
7469                                    <div class="ms-search__cat-card-image">
7470                                                                                    <img src="https://omspice.com.au/uploads/product-categories/lentils-seed.jpg" alt="Lentils &amp; Seed" loading="lazy" width="280" height="160">
7471                                                                            </div>
7472                                    <div class="ms-search__cat-card-footer">
7473                                        <div class="ms-search__cat-card-text">
7474                                            <span class="ms-search__cat-card-name">Lentils &amp; Seed</span>
7475                                            <span class="ms-search__cat-card-count">
7476                                                35+ Products
7477                                            </span>
7478                                        </div>
7479                                        <span class="ms-search__cat-card-arrow" aria-hidden="true"><i class="fas fa-arrow-right"></i></span>
7480                                    </div>
7481                                </a>
7482                                                            <a href="https://omspice.com.au/shop/spices-premix" class="ms-search__cat-card">
7483                                    <div class="ms-search__cat-card-image">
7484                                                                                    <img src="https://omspice.com.au/uploads/product-categories/7upsvZhuBw4ddE9wsjEabJ5.jpg" alt="Spices &amp; Premix" loading="lazy" width="280" height="160">
7485                                                                            </div>
7486                                    <div class="ms-search__cat-card-footer">
7487                                        <div class="ms-search__cat-card-text">
7488                                            <span class="ms-search__cat-card-name">Spices &amp; Premix</span>
7489                                            <span class="ms-search__cat-card-count">
7490                                                162+ Products
7491                                            </span>
7492                                        </div>
7493                                        <span class="ms-search__cat-card-arrow" aria-hidden="true"><i class="fas fa-arrow-right"></i></span>
7494                                    </div>
7495                                </a>
7496                                                            <a href="https://omspice.com.au/shop/snacks-biscuit" class="ms-search__cat-card">
7497                                    <div class="ms-search__cat-card-image">
7498                                                                                    <img src="https://omspice.com.au/uploads/product-categories/exNbJulKabIr8PvWfNgg0Hb.jpg" alt="Snacks &amp; Biscuit" loading="lazy" width="280" height="160">
7499                                                                            </div>
7500                                    <div class="ms-search__cat-card-footer">
7501                                        <div class="ms-search__cat-card-text">
7502                                            <span class="ms-search__cat-card-name">Snacks &amp; Biscuit</span>
7503                                            <span class="ms-search__cat-card-count">
7504                                                83+ Products
7505                                            </span>
7506                                        </div>
7507                                        <span class="ms-search__cat-card-arrow" aria-hidden="true"><i class="fas fa-arrow-right"></i></span>
7508                                    </div>
7509                                </a>
7510                                                            <a href="https://omspice.com.au/shop/rice-flour" class="ms-search__cat-card">
7511                                    <div class="ms-search__cat-card-image">
7512                                                                                    <img src="https://omspice.com.au/uploads/product-categories/9vdxpgSOF8BbD7PuICoVQ7u.jpg" alt="Rice &amp; Flour" loading="lazy" width="280" height="160">
7513                                                                            </div>
7514                                    <div class="ms-search__cat-card-footer">
7515                                        <div class="ms-search__cat-card-text">
7516                                            <span class="ms-search__cat-card-name">Rice &amp; Flour</span>
7517                                            <span class="ms-search__cat-card-count">
7518                                                57+ Products
7519                                            </span>
7520                                        </div>
7521                                        <span class="ms-search__cat-card-arrow" aria-hidden="true"><i class="fas fa-arrow-right"></i></span>
7522                                    </div>
7523                                </a>
7524                                                            <a href="https://omspice.com.au/shop/cosmetics-health" class="ms-search__cat-card">
7525                                    <div class="ms-search__cat-card-image">
7526                                                                                    <img src="https://omspice.com.au/uploads/product-categories/9FXozppltL9ZHHCh1cpuDEU.jpg" alt="Cosmetics &amp; Health" loading="lazy" width="280" height="160">
7527                                                                            </div>
7528                                    <div class="ms-search__cat-card-footer">
7529                                        <div class="ms-search__cat-card-text">
7530                                            <span class="ms-search__cat-card-name">Cosmetics &amp; Health</span>
7531                                            <span class="ms-search__cat-card-count">
7532                                                235+ Products
7533                                            </span>
7534                                        </div>
7535                                        <span class="ms-search__cat-card-arrow" aria-hidden="true"><i class="fas fa-arrow-right"></i></span>
7536                                    </div>
7537                                </a>
7538                                                            <a href="https://omspice.com.au/shop/indian-sweets-mithai" class="ms-search__cat-card">
7539                                    <div class="ms-search__cat-card-image">
7540                                                                                    <img src="https://omspice.com.au/uploads/product-categories/indian-sweets-mithai.jpg" alt="Indian Sweets &amp; Mithai" loading="lazy" width="280" height="160">
7541                                                                            </div>
7542                                    <div class="ms-search__cat-card-footer">
7543                                        <div class="ms-search__cat-card-text">
7544                                            <span class="ms-search__cat-card-name">Indian Sweets &amp; Mithai</span>
7545                                            <span class="ms-search__cat-card-count">
7546                                                35+ Products
7547                                            </span>
7548                                        </div>
7549                                        <span class="ms-search__cat-card-arrow" aria-hidden="true"><i class="fas fa-arrow-right"></i></span>
7550                                    </div>
7551                                </a>
7552                                                            <a href="https://omspice.com.au/shop/needs-others" class="ms-search__cat-card">
7553                                    <div class="ms-search__cat-card-image">
7554                                                                                    <img src="https://omspice.com.au/uploads/product-categories/needs-others.jpg" alt="Daily Needs &amp; Others" loading="lazy" width="280" height="160">
7555                                                                            </div>
7556                                    <div class="ms-search__cat-card-footer">
7557                                        <div class="ms-search__cat-card-text">
7558                                            <span class="ms-search__cat-card-name">Daily Needs &amp; Others</span>
7559                                            <span class="ms-search__cat-card-count">
7560                                                56+ Products
7561                                            </span>
7562                                        </div>
7563                                        <span class="ms-search__cat-card-arrow" aria-hidden="true"><i class="fas fa-arrow-right"></i></span>
7564                                    </div>
7565                                </a>
7566                                                            <a href="https://omspice.com.au/shop/items-utensil" class="ms-search__cat-card">
7567                                    <div class="ms-search__cat-card-image">
7568                                                                                    <img src="https://omspice.com.au/uploads/product-categories/items-utensil.jpg" alt="Pooja Items &amp; Utensil" loading="lazy" width="280" height="160">
7569                                                                            </div>
7570                                    <div class="ms-search__cat-card-footer">
7571                                        <div class="ms-search__cat-card-text">
7572                                            <span class="ms-search__cat-card-name">Pooja Items &amp; Utensil</span>
7573                                            <span class="ms-search__cat-card-count">
7574                                                199+ Products
7575                                            </span>
7576                                        </div>
7577                                        <span class="ms-search__cat-card-arrow" aria-hidden="true"><i class="fas fa-arrow-right"></i></span>
7578                                    </div>
7579                                </a>
7580                                                            <a href="https://omspice.com.au/shop/combo-kits" class="ms-search__cat-card">
7581                                    <div class="ms-search__cat-card-image">
7582                                                                                    <img src="https://omspice.com.au/front/images/aboutus/product-collage-illustration.png" alt="Combo Kits" loading="lazy" width="280" height="160">
7583                                                                            </div>
7584                                    <div class="ms-search__cat-card-footer">
7585                                        <div class="ms-search__cat-card-text">
7586                                            <span class="ms-search__cat-card-name">Combo Kits</span>
7587                                            <span class="ms-search__cat-card-count">
7588                                                New Products Soon
7589                                            </span>
7590                                        </div>
7591                                        <span class="ms-search__cat-card-arrow" aria-hidden="true"><i class="fas fa-arrow-right"></i></span>
7592                                    </div>
7593                                </a>
7594                                                            <a href="https://omspice.com.au/shop/hair-care" class="ms-search__cat-card">
7595                                    <div class="ms-search__cat-card-image">
7596                                                                                    <img src="https://omspice.com.au/uploads/product-categories/hair-care.jpg" alt="Hair Care" loading="lazy" width="280" height="160">
7597                                                                            </div>
7598                                    <div class="ms-search__cat-card-footer">
7599                                        <div class="ms-search__cat-card-text">
7600                                            <span class="ms-search__cat-card-name">Hair Care</span>
7601                                            <span class="ms-search__cat-card-count">
7602                                                18+ Products
7603                                            </span>
7604                                        </div>
7605                                        <span class="ms-search__cat-card-arrow" aria-hidden="true"><i class="fas fa-arrow-right"></i></span>
7606                                    </div>
7607                                </a>
7608                                                            <a href="https://omspice.com.au/shop/pickle-chutney" class="ms-search__cat-card">
7609                                    <div class="ms-search__cat-card-image">
7610                                                                                    <img src="https://omspice.com.au/uploads/product-categories/pickle-chutney.jpg" alt="Pickle &amp; Chutney" loading="lazy" width="280" height="160">
7611                                                                            </div>
7612                                    <div class="ms-search__cat-card-footer">
7613                                        <div class="ms-search__cat-card-text">
7614                                            <span class="ms-search__cat-card-name">Pickle &amp; Chutney</span>
7615                                            <span class="ms-search__cat-card-count">
7616                                                61+ Products
7617                                            </span>
7618                                        </div>
7619                                        <span class="ms-search__cat-card-arrow" aria-hidden="true"><i class="fas fa-arrow-right"></i></span>
7620                                    </div>
7621                                </a>
7622                                                            <a href="https://omspice.com.au/shop/nuts-ghee-oil" class="ms-search__cat-card">
7623                                    <div class="ms-search__cat-card-image">
7624                                                                                    <img src="https://omspice.com.au/uploads/product-categories/nuts-ghee-oil.jpg" alt="Nuts,Ghee &amp; Oil" loading="lazy" width="280" height="160">
7625                                                                            </div>
7626                                    <div class="ms-search__cat-card-footer">
7627                                        <div class="ms-search__cat-card-text">
7628                                            <span class="ms-search__cat-card-name">Nuts,Ghee &amp; Oil</span>
7629                                            <span class="ms-search__cat-card-count">
7630                                                19+ Products
7631                                            </span>
7632                                        </div>
7633                                        <span class="ms-search__cat-card-arrow" aria-hidden="true"><i class="fas fa-arrow-right"></i></span>
7634                                    </div>
7635                                </a>
7636                                                    </div>
7637                    </section>
7638                    
7639                    <section class="ms-search__section" id="ms-trending-section">
7640                        <div class="ms-search__section-head">
7641                            <h3>Trending Searches</h3>
7642                        </div>
7643                        <div class="ms-search__trending" id="ms-trending-list"></div>
7644                    </section>
7645
7646                    <section class="ms-search__section" id="ms-recent-section" hidden>
7647                        <div class="ms-search__section-head">
7648                            <h3>Recent Searches</h3>
7649                            <button type="button" class="ms-search__clear-all" id="ms-recent-clear">Clear All</button>
7650                        </div>
7651                        <ul class="ms-search__recent" id="ms-recent-list"></ul>
7652                    </section>
7653
7654                    <div class="ms-search__promo">
7655                        <div class="ms-search__promo-copy">
7656                            <strong>Good Food Happier Days <i class="fas fa-heart" aria-hidden="true"></i></strong>
7657                            <span>Wide Range of Groceries at Great Prices</span>
7658                        </div>
7659                        <img src="https://omspice.com.au/front/images/basket-veg.png" alt="" width="120" height="90" loading="lazy">
7660                    </div>
7661                </div>
7662            </div>
7663        </div>
7664    </div>
7665</div>
vendor: 110 bytes, lines 7665-7667
7665
7666
7667<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
7667<script type="26bba01b74dbf278e5cdec51-text/javascript">
7668(function () {
7669    var input    = document.getElementById('mobile-search-input');
7670    var list     = document.getElementById('mobile-search-suggestions');
7671    var form     = document.getElementById('mobile-search-form') || (input ? input.closest('form') : null);
7672    var clearBtn = document.getElementById('mobile-search-clear-btn');
7673    var discover = document.getElementById('ms-search-discover');
7674    var trendingSection = document.getElementById('ms-trending-section');
7675    var trendingList = document.getElementById('ms-trending-list');
7676    var recentSection = document.getElementById('ms-recent-section');
7677    var recentList = document.getElementById('ms-recent-list');
7678    var recentClear = document.getElementById('ms-recent-clear');
7679    if (!input || !list || !form) return;
7680
7681    var RECENT_STORAGE_KEY = 'omspice_recent_searches';
7682    var isAuthed = false;
7683    var shopBase = "https:\/\/omspice.com.au\/shop";
7684    var TRENDING_FALLBACK = [
7685        'Basmati Rice', 'Atta', 'Maggi', 'Paneer',
7686        'Ghee', 'Red Lentils', 'Cumin Seeds', 'Toor Dal'
7687    ];
7688
7689    var debounceTimer = null;
7690    var activeIndex   = -1;
7691    var lastQuery     = '';
7692
7693    function showDiscover() {
7694        if (discover) discover.hidden = false;
7695    }
7696
7697    function hideDiscover() {
7698        if (discover) discover.hidden = true;
7699    }
7700
7701    function hide() {
7702        list.classList.remove('is-open');
7703        list.setAttribute('hidden', '');
7704        list.style.display = 'none';
7705        list.innerHTML = '';
7706        activeIndex = -1;
7707        showDiscover();
7708    }
7709
7710    function show() {
7711        list.removeAttribute('hidden');
7712        list.classList.add('is-open');
7713        list.style.display = 'block';
7714        hideDiscover();
7715    }
7716
7717    function updateClearButton() {
7718        if (!clearBtn) return;
7719        clearBtn.style.display = input.value.length ? 'block' : 'none';
7720    }
7721
7722    function setActive(idx) {
7723        var items = list.querySelectorAll('li.ss-selectable');
7724        items.forEach(function (el, i) { el.classList.toggle('ss-active', i === idx); });
7725        activeIndex = idx;
7726    }
7727
7728    function escapeHtml(str) {
7729        return String(str || '')
7730            .replace(/&/g, '&amp;')
7731            .replace(/</g, '&lt;')
7732            .replace(/>/g, '&gt;')
7733            .replace(/"/g, '&quot;')
7734            .replace(/'/g, '&#039;');
7735    }
7736
7737    function getLocalRecent() {
7738        try { return JSON.parse(localStorage.getItem(RECENT_STORAGE_KEY) || '[]'); } catch (e) { return []; }
7739    }
7740
7741    function addLocalRecent(query) {
7742        var items = getLocalRecent().filter(function (q) { return q.toLowerCase() !== query.toLowerCase(); });
7743        items.unshift(query);
7744        try { localStorage.setItem(RECENT_STORAGE_KEY, JSON.stringify(items.slice(0, 8))); } catch (e) { /* storage full/unavailable */ }
7745    }
7746
7747    function clearLocalRecent() {
7748        try { localStorage.removeItem(RECENT_STORAGE_KEY); } catch (e) { /* ignore */ }
7749    }
7750
7751    function saveRecentSearch(query) {
7752        query = query.trim();
7753        if (!query) return;
7754
7755        if (isAuthed) {
7756            fetch('https://omspice.com.au/search/recent', {
7757                method: 'POST',
7758                headers: {
7759                    'Content-Type': 'application/json',
7760                    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]') ? document.querySelector('meta[name="csrf-token"]').content : 'Saf8iglaLO7GMe3DmNZoBQ4yHaPlhTiacf0oaANm',
7761                },
7762                body: JSON.stringify({ search_query: query }),
7763            }).catch(function () {});
7764        } else {
7765            addLocalRecent(query);
7766        }
7767    }
7768
7769    function fetchRecentSearches() {
7770        if (isAuthed) {
7771            return fetch('https://omspice.com.au/search/recent').then(function (r) { return r.json(); }).catch(function () { return []; });
7772        }
7773        return Promise.resolve(getLocalRecent());
7774    }
7775
7776    function fetchPopularSearches() {
7777        return fetch('https://omspice.com.au/search/popular').then(function (r) { return r.json(); }).catch(function () { return []; });
7778    }
7779
7780    function keywordUrl(q) {
7781        return shopBase + '?keyword=' + encodeURIComponent(q);
7782    }
7783
7784    function runSearch(q) {
7785        input.value = q;
7786        form.submit();
7787    }
7788
7789    function buildItem(product) {
7790        var li = document.createElement('li');
7791        li.className = 'ss-selectable';
7792        li.setAttribute('role', 'option');
7793
7794        if (product.img) {
7795            var img = document.createElement('img');
7796            img.src = product.img;
7797            img.alt = '';
7798            img.loading = 'lazy';
7799            li.appendChild(img);
7800        } else {
7801            var ph = document.createElement('div');
7802            ph.className = 'ss-thumb-ph';
7803            li.appendChild(ph);
7804        }
7805
7806        var name = document.createElement('span');
7807        name.className = 'ss-name';
7808        name.textContent = product.name;
7809        li.appendChild(name);
7810
7811        li.addEventListener('mousedown', function (e) {
7812            e.preventDefault();
7813            saveRecentSearch(input.value.trim());
7814            window.location.href = product.url;
7815        });
7816        li.addEventListener('touchend', function (e) {
7817            e.preventDefault();
7818            saveRecentSearch(input.value.trim());
7819            window.location.href = product.url;
7820        });
7821
7822        return li;
7823    }
7824
7825    function buildChipRow(chips) {
7826        var li = document.createElement('li');
7827        li.className = 'ss-chip-row';
7828        chips.forEach(function (chip) {
7829            var a = document.createElement('a');
7830            a.className = 'ss-chip';
7831            a.href = chip.url;
7832            a.textContent = (chip.type === 'brand' ? 'Brand: ' : 'In ') + chip.name;
7833            li.appendChild(a);
7834        });
7835        return li;
7836    }
7837
7838    function renderTrendingChips(items) {
7839        if (!trendingList || !trendingSection) return;
7840        trendingList.innerHTML = '';
7841        (items || []).forEach(function (p) {
7842            var q = typeof p === 'string' ? p : (p.query || '');
7843            if (!q) return;
7844            var a = document.createElement('a');
7845            a.className = 'ms-search__trend-chip';
7846            a.href = keywordUrl(q);
7847            a.innerHTML = '<i class="fas fa-arrow-trend-up" aria-hidden="true"></i><span>' + escapeHtml(q) + '</span>';
7848            a.addEventListener('click', function (e) {
7849                e.preventDefault();
7850                saveRecentSearch(q);
7851                runSearch(q);
7852            });
7853            trendingList.appendChild(a);
7854        });
7855        trendingSection.hidden = trendingList.children.length === 0;
7856    }
7857
7858    function renderDiscover() {
7859        showDiscover();
7860        list.classList.remove('is-open');
7861        list.setAttribute('hidden', '');
7862        list.style.display = 'none';
7863        list.innerHTML = '';
7864        activeIndex = -1;
7865
7866        // Show fallback trending immediately so the section isn't blank while APIs load.
7867        renderTrendingChips(TRENDING_FALLBACK);
7868
7869        Promise.all([fetchRecentSearches(), fetchPopularSearches()]).then(function (results) {
7870            var recent  = (results[0] || []).slice(0, 8);
7871            var popular = (results[1] || []).slice(0, 10).map(function (p) {
7872                return typeof p === 'string' ? p : (p.query || '');
7873            }).filter(Boolean);
7874
7875            renderTrendingChips(popular.length ? popular : TRENDING_FALLBACK);
7876
7877            if (recentList && recentSection) {
7878                recentList.innerHTML = '';
7879                if (recent.length) {
7880                    recent.forEach(function (q) {
7881                        if (!q) return;
7882                        var li = document.createElement('li');
7883                        li.innerHTML =
7884                            '<button type="button" class="ms-search__recent-btn">' +
7885                            '<i class="far fa-clock" aria-hidden="true"></i>' +
7886                            '<span>' + escapeHtml(String(q).toLowerCase()) + '</span>' +
7887                            '<i class="fas fa-arrow-up ms-search__recent-go" aria-hidden="true"></i>' +
7888                            '</button>';
7889                        li.querySelector('button').addEventListener('click', function () {
7890                            saveRecentSearch(q);
7891                            runSearch(q);
7892                        });
7893                        recentList.appendChild(li);
7894                    });
7895                    recentSection.hidden = recentList.children.length === 0;
7896                } else {
7897                    recentSection.hidden = true;
7898                }
7899            }
7900        });
7901    }
7902
7903    function fetchSuggestions(q) {
7904        if (q.length < 2) {
7905            lastQuery = '';
7906            renderDiscover();
7907            return;
7908        }
7909        if (q === lastQuery) return;
7910        lastQuery = q;
7911
7912        list.innerHTML = '<li class="ss-loading">Searching…</li>';
7913        show();
7914
7915        fetch('/search/suggest?q=' + encodeURIComponent(q), {
7916            headers: { 'X-Requested-With': 'XMLHttpRequest' }
7917        })
7918        .then(function (r) { return r.json(); })
7919        .then(function (data) {
7920            list.innerHTML = '';
7921            activeIndex = -1;
7922
7923            var products = data.products || [];
7924            var chips = data.chips || [];
7925
7926            if (chips.length) {
7927                list.appendChild(buildChipRow(chips));
7928            }
7929
7930            if (!products.length) {
7931                var li = document.createElement('li');
7932                li.className = 'ss-empty';
7933                li.textContent = 'No products found for "' + q + '"';
7934                list.appendChild(li);
7935            } else {
7936                products.forEach(function (p) { list.appendChild(buildItem(p)); });
7937            }
7938            show();
7939        })
7940        .catch(function () { hide(); });
7941    }
7942
7943    input.addEventListener('input', function () {
7944        updateClearButton();
7945        clearTimeout(debounceTimer);
7946        var q = this.value.trim();
7947        if (!q) {
7948            lastQuery = '';
7949            renderDiscover();
7950            return;
7951        }
7952        debounceTimer = setTimeout(function () { fetchSuggestions(q); }, 280);
7953    });
7954
7955    input.addEventListener('focus', function () {
7956        var q = this.value.trim();
7957        if (q.length >= 2) {
7958            if (list.children.length) show();
7959            else fetchSuggestions(q);
7960        } else {
7961            renderDiscover();
7962        }
7963    });
7964
7965    input.addEventListener('keydown', function (e) {
7966        var items = list.querySelectorAll('li.ss-selectable');
7967        if (!items.length) return;
7968        if (e.key === 'ArrowDown') {
7969            e.preventDefault();
7970            setActive(Math.min(activeIndex + 1, items.length - 1));
7971        } else if (e.key === 'ArrowUp') {
7972            e.preventDefault();
7973            setActive(Math.max(activeIndex - 1, 0));
7974        } else if (e.key === 'Enter' && activeIndex >= 0) {
7975            e.preventDefault();
7976            items[activeIndex].dispatchEvent(new MouseEvent('mousedown'));
7977        } else if (e.key === 'Escape') {
7978            hide();
7979        }
7980    });
7981
7982    if (clearBtn) {
7983        clearBtn.addEventListener('mousedown', function (e) {
7984            e.preventDefault();
7985            input.value = '';
7986            lastQuery = '';
7987            updateClearButton();
7988            renderDiscover();
7989            input.focus();
7990        });
7991    }
7992
7993    if (recentClear) {
7994        recentClear.addEventListener('click', function () {
7995            clearLocalRecent();
7996            if (recentList) recentList.innerHTML = '';
7997            if (recentSection) recentSection.hidden = true;
7998        });
7999    }
8000
8001    form.addEventListener('submit', function () {
8002        saveRecentSearch(input.value.trim());
8003    });
8004
8005    updateClearButton();
8006
8007    var appbarsearchModal = document.getElementById('appbarsearch');
8008    if (appbarsearchModal) {
8009        appbarsearchModal.addEventListener('shown.bs.modal', function () {
8010            if (!input.value.trim()) renderDiscover();
8011            else if (input.value.trim().length >= 2) fetchSuggestions(input.value.trim());
8012            setTimeout(function () { input.focus(); }, 50);
8013        });
8014        appbarsearchModal.addEventListener('hidden.bs.modal', hide);
8015        appbarsearchModal.addEventListener('hide.bs.modal', hide);
8016    }
8017})();
8018</script>
8018
8019
8020<!-- modal more menu -->
8021<div class="modal fade right moremenu" id="moremenu" tabindex="-1" role="dialog" aria-labelledby="moremenu" aria-hidden="true">
8022    <div class="modal-dialog momodel" role="document">
8023        <div class="modal-content">
8024            <div class="moremenu-header">
8025                <h4>Menu</h4>
8026                <button type="button" class="moremenu-close" data-dismiss="modal" aria-label="Close">
8027                    <i class="fa fa-times" aria-hidden="true"></i>
8028                </button>
8029            </div>
8030            <div class="modal-body">
8031                
8032                <div class="more-nav">
8033                    <ul>
8034                                                                        <li><a href="https://omspice.com.au/special-offers/dashain-combo-offer-khasi-masu-pre-order"><i class="fa fa-gift"></i> Dashain Goat Meat Pre-order</a></li>
8035                                                <li><a href="https://omspice.com.au/shop?special=1"><i class="fa fa-tags"></i> Special Offers</a></li>
8036                        <li><a href="https://omspice.com.au/track-order"><i class="fa fa-map-marker-alt"></i> Track Order</a></li>
8037                        <li><a href="https://omspice.com.au/about-us"><i class="fa fa-info-circle"></i> About us</a></li>
8038                        <li><a href="https://omspice.com.au/our-story"><i class="fa fa-book-open"></i> Our Story</a></li>
8039                        <li><a href="https://omspice.com.au/our-app"><i class="fa fa-mobile-alt"></i> Our App</a></li>
8040                        <li><a href="https://omspice.com.au/freshness-guarantee"><i class="fa fa-leaf"></i> Freshness Guarantee</a></li>
8041                        <li><a href="https://omspice.com.au/faq"><i class="fa fa-question-circle"></i> FAQ</a></li>
8042                        <li><a href="https://omspice.com.au/blog"><i class="fa fa-newspaper"></i> Blog</a></li>
8043                        <li><a href="https://omspice.com.au/contact-us"><i class="fa fa-envelope"></i> Contact Us</a></li>
8044                        <li><a href="https://omspice.com.au/privacy-policy"><i class="fa fa-shield-alt"></i> Privacy Policy</a></li>
8045                        <li><a href="https://omspice.com.au/terms-condition"><i class="fa fa-file-contract"></i> Terms and Conditions</a></li>
8046                        <li><a href="https://omspice.com.au/account-deletion"><i class="fa fa-user-times"></i> Delete account</a></li>
8047                    </ul>
8048                </div>
8049                <div class="social-link">
8050                    <div class="social-links">
8051                        <h4>Social Media</h4>
8052                        <ul>
8053                            <li><a href="https://www.facebook.com/OmSpiceGroceryBrisbane" target="_blank" aria-label="Facebook (opens in a new tab)"><i
8054                                        class="fab fa-facebook-f" aria-hidden="true"></i></a></li>
8055                            <li><a href="https://www.tiktok.com/@omspicegroceey" target="_blank" aria-label="TikTok (opens in a new tab)"><i class="fab fa-tiktok" aria-hidden="true"></i></a></li>
8056                            <li><a href="https://www.instagram.com/om_spice_grocery" target="_blank" aria-label="Instagram (opens in a new tab)"><i class="fab fa-instagram" aria-hidden="true"></i></a></li>
8057                        </ul>
8058                    </div>
8059                </div>
8060                <div class="download-app">
8061                    <h4><a href="https://omspice.com.au/our-app" style="color:inherit; text-decoration:none;">Download App</a></h4>
8062                    <ul>
8063                        <li><a href="https://play.google.com/store/apps/details?id=com.omspice.grocery&amp;pcampaignid=web_share"
8064                                target="_blank"><img src="https://omspice.com.au/front/images/google-play.png"
8065                                    alt="Google Play"></a></li>
8066                        <li><a href="https://apps.apple.com/app/id1448378869?fbclid=IwAR27lA7yCSlXVM2tBtLa3okr89fIWCSSyZ6E5gNC5dqvEWsYL6fQCGbvoUA"
8067                                target="_blank"><img src="https://omspice.com.au/front/images/apple-store.png" alt="App Store"></a>
8068                        </li>
8069                    </ul>
8070                </div>
8071            </div>
8072        </div>
8073    </div>
8074</div>
8075
8076<style>
8077    /* More-menu: proper right-side slide-in drawer instead of a full-screen fade */
8078    .moremenu .momodel {
8079        position: fixed;
8080        margin: 0;
8081        top: 0;
8082        right: 0;
8083        height: 100%;
8084        width: 320px;
8085        max-width: 85vw;
8086        transform: translate3d(100%, 0, 0);
8087        transition: transform 0.28s ease-out;
8088    }
8089    .moremenu.show .momodel {
8090        transform: translate3d(0, 0, 0);
8091    }
8092    .moremenu .modal-content {
8093        height: 100%;
8094        border: 0;
8095        border-radius: 0;
8096        overflow-y: auto;
8097    }
8098    .moremenu-header {
8099        position: sticky;
8100        top: 0;
8101        z-index: 2;
8102        display: flex;
8103        align-items: center;
8104        justify-content: space-between;
8105        padding: 16px 20px;
8106        background: #fff;
8107        border-bottom: 1px solid #f1f1f1;
8108    }
8109    .moremenu-header h4 {
8110        margin: 0;
8111        font-size: 16px;
8112        font-weight: 700;
8113        color: #222;
8114        border-bottom: none;
8115        padding-bottom: 0;
8116    }
8117    .moremenu-close {
8118        background: #f4f4f4;
8119        border: 0;
8120        border-radius: 50%;
8121        width: 32px;
8122        height: 32px;
8123        display: flex;
8124        align-items: center;
8125        justify-content: center;
8126        color: #666;
8127        transition: background-color .15s ease;
8128    }
8129    .moremenu-close:hover {
8130        background: #e9e9e9;
8131    }
8132    .moremenu .modal-body {
8133        padding: 16px 20px 30px;
8134    }
8135    .moremenu-notif {
8136        display: flex;
8137        align-items: center;
8138        gap: 12px;
8139        padding: 12px 14px;
8140        margin-bottom: 20px;
8141        background: #f2faf5;
8142        border: 1px solid #d9f0e2;
8143        border-radius: 10px;
8144        color: #222;
8145        text-decoration: none;
8146    }
8147    .moremenu-notif:hover,
8148    .moremenu-notif:focus {
8149        color: #222;
8150        text-decoration: none;
8151        background: #e7f7ec;
8152    }
8153    .moremenu-notif__icon {
8154        width: 34px;
8155        height: 34px;
8156        flex-shrink: 0;
8157        border-radius: 50%;
8158        background: #fff;
8159        color: #28AF50;
8160        display: flex;
8161        align-items: center;
8162        justify-content: center;
8163    }
8164    .moremenu-notif__label {
8165        flex: 1;
8166        font-weight: 600;
8167        font-size: 14px;
8168    }
8169    .moremenu-notif__badge {
8170        background: #e74c3c;
8171        color: #fff;
8172        font-size: 11px;
8173        font-weight: 700;
8174        min-width: 20px;
8175        height: 20px;
8176        line-height: 20px;
8177        text-align: center;
8178        border-radius: 999px;
8179        padding: 0 5px;
8180    }
8181    .moremenu-notif__chevron {
8182        color: #bbb;
8183        font-size: 12px;
8184    }
8185    .moremenu h4 {
8186        font-size: 12px;
8187        font-weight: 700;
8188        text-transform: uppercase;
8189        letter-spacing: .04em;
8190        color: #999;
8191        border-bottom: 1px solid #f1f1f1;
8192        padding-bottom: 10px;
8193    }
8194    .moremenu .more-nav ul {
8195        margin: 0 0 10px;
8196        padding: 0;
8197        list-style: none;
8198    }
8199    .moremenu .more-nav ul li {
8200        display: block;
8201        border-bottom: 1px solid #f6f6f6;
8202    }
8203    .moremenu .more-nav ul li a {
8204        display: flex;
8205        align-items: center;
8206        gap: 12px;
8207        padding: 13px 2px;
8208        color: #333;
8209        font-size: 14px;
8210        font-weight: 500;
8211    }
8212    .moremenu .more-nav ul li a:hover {
8213        color: #28AF50;
8214        text-decoration: none;
8215    }
8216    .moremenu .more-nav ul li a i {
8217        width: 18px;
8218        text-align: center;
8219        color: #999;
8220    }
8221    .moremenu .more-nav ul li a:hover i {
8222        color: #28AF50;
8223    }
8224    .moremenu .social-links ul,
8225    .moremenu .download-app ul {
8226        padding: 0;
8227        margin: 0;
8228        list-style: none;
8229    }
8230    .moremenu .social-links ul li a:hover {
8231        background: #28AF50;
8232        border-color: #28AF50;
8233        color: #fff;
8234    }
8235    .moremenu .download-app ul {
8236        display: flex;
8237        gap: 10px;
8238        justify-content: flex-start;
8239    }
8240    .moremenu .download-app ul img {
8241        height: 40px;
8242        width: auto;
8243        border-radius: 6px;
8244    }
8245    @media (max-width: 360px) {
8246        .moremenu .download-app ul {
8247            flex-direction: column;
8248        }
8249    }
8250</style>    <div id="productChoicesModal" class="product-choices-modal" aria-hidden="true" role="dialog" aria-labelledby="productChoicesModalTitle">
8251    <div class="product-choices-modal__backdrop js-close-choices-modal" aria-hidden="true"></div>
8252    <div class="product-choices-modal__dialog">
8253        <div class="product-choices-modal__header">
8254            <h2 id="productChoicesModalTitle">Add to Cart</h2>
8255            <button type="button" class="product-choices-modal__close js-close-choices-modal" aria-label="Close">&times;</button>
8256        </div>
8257        <div class="product-choices-modal__summary js-choices-summary"></div>
8258        <div class="product-choices-modal__options">
8259            <div class="product-choices-modal__options-head">
8260                <span>Select Options</span>
8261                <span class="product-choices-modal__options-count js-choices-count"></span>
8262            </div>
8263            <div class="product-choices-modal__options-list js-choices-list"></div>
8264        </div>
8265    </div>
8266</div>
8267    <div id="ai-assistant-fab-wrap" class="ai-assistant-fab-wrap">
8268    <button id="ai-assistant-fab" class="ai-assistant-fab" type="button" aria-label="Shopping assistant" aria-haspopup="dialog">
8269        <span class="ai-assistant-fab__label">Shopping Assistant</span>
8270        <i class="fas fa-robot" aria-hidden="true"></i>
8271    </button>
8272    <button id="ai-assistant-fab-dismiss" class="ai-assistant-fab-dismiss" type="button" aria-label="Hide Shopping Assistant button">
8273        <i class="fas fa-times" aria-hidden="true"></i>
8274    </button>
8275</div>
8276
8277<div id="ai-assistant-modal" class="ai-assistant-modal" aria-hidden="true" role="dialog" aria-labelledby="aiAssistantTitle">
8278    <div class="ai-assistant-modal__backdrop js-ai-assistant-close" aria-hidden="true"></div>
8279    <div class="ai-assistant-modal__dialog">
8280        <div class="ai-assistant-modal__header">
8281            <h2 id="aiAssistantTitle">Shopping Assistant</h2>
8282            <button type="button" class="ai-assistant-modal__close js-ai-assistant-close" aria-label="Close">&times;</button>
8283        </div>
8284        <div class="ai-assistant-modal__body">
8285            <div class="ai-assistant-step" data-step="input">
8286                <p class="ai-assistant-intro">Tell me what you need and I'll build a shopping list from what we stock.</p>
8287                <textarea id="ai-assistant-input" class="ai-assistant-textarea" maxlength="300" rows="3" placeholder="e.g. ingredients for chicken curry, weekly grocery essentials, or items for a puja"></textarea>
8288                <div class="ai-assistant-actions">
8289                    <button type="button" id="ai-assistant-submit" class="ai-assistant-btn ai-assistant-btn--primary">Build my list</button>
8290                </div>
8291
8292                <div class="ai-assistant-shortcuts">
8293                    <p class="ai-assistant-shortcuts__label">Or pick a quick shortcut</p>
8294                    <div class="ai-assistant-shortcuts__grid">
8295                        <button type="button" class="js-ai-assistant-shortcut ai-assistant-shortcut" data-prompt="Weekly grocery essentials for a family of 4">
8296                            <span class="ai-assistant-shortcut__icon">🛒</span> Weekly Essentials
8297                        </button>
8298                        <button type="button" class="js-ai-assistant-shortcut ai-assistant-shortcut" data-prompt="Ingredients for chicken curry for 4 people">
8299                            <span class="ai-assistant-shortcut__icon">🍛</span> Chicken Curry
8300                        </button>
8301                        <button type="button" class="js-ai-assistant-shortcut ai-assistant-shortcut" data-prompt="Items for a puja at home">
8302                            <span class="ai-assistant-shortcut__icon">🪔</span> Puja Items
8303                        </button>
8304                        <button type="button" class="js-ai-assistant-shortcut ai-assistant-shortcut" data-prompt="Personal care and beauty products">
8305                            <span class="ai-assistant-shortcut__icon">🧴</span> Beauty & Care
8306                        </button>
8307                        <button type="button" class="js-ai-assistant-shortcut ai-assistant-shortcut" data-prompt="Home cleaning supplies">
8308                            <span class="ai-assistant-shortcut__icon">🧹</span> Home Cleaning
8309                        </button>
8310                        <button type="button" class="js-ai-assistant-shortcut ai-assistant-shortcut" data-prompt="Snacks and sweets for guests">
8311                            <span class="ai-assistant-shortcut__icon">🍪</span> Snacks & Sweets
8312                        </button>
8313                        <button type="button" class="js-ai-assistant-shortcut ai-assistant-shortcut" data-prompt="Rice, flour and grains">
8314                            <span class="ai-assistant-shortcut__icon">🍚</span> Rice & Flour
8315                        </button>
8316                        <button type="button" class="js-ai-assistant-shortcut ai-assistant-shortcut" data-prompt="Spices for Indian cooking">
8317                            <span class="ai-assistant-shortcut__icon">🌿</span> Spices
8318                        </button>
8319                    </div>
8320                </div>
8321            </div>
8322
8323            <div class="ai-assistant-step" data-step="login-required" style="display:none;">
8324                <div class="ai-assistant-login-panel">
8325                    <div class="ai-assistant-login-panel__icon"><i class="fas fa-user-lock" aria-hidden="true"></i></div>
8326                    <p class="ai-assistant-login-panel__text">Please log in to use the Shopping Assistant.</p>
8327                    <a href="https://omspice.com.au/auth/go-login?to=https%3A%2F%2Fomspice.com.au%2Fshop" class="ai-assistant-btn ai-assistant-btn--primary ai-assistant-login-panel__btn">Log in</a>
8328                </div>
8329            </div>
8330
8331            <div class="ai-assistant-step" data-step="loading" style="display:none;">
8332                <div class="ai-assistant-spinner" aria-hidden="true"></div>
8333                <p class="ai-assistant-loading-text">Building your list…</p>
8334            </div>
8335
8336            <div class="ai-assistant-step" data-step="review" style="display:none;">
8337                <div id="ai-assistant-dish" class="ai-assistant-dish"></div>
8338                <ul id="ai-assistant-list" class="ai-assistant-list"></ul>
8339                <div class="ai-assistant-actions ai-assistant-actions--review">
8340                    <button type="button" id="ai-assistant-start-over" class="ai-assistant-btn ai-assistant-btn--link">Start over</button>
8341                    <button type="button" id="ai-assistant-add-cart" class="ai-assistant-btn ai-assistant-btn--primary">Add selected to cart</button>
8342                </div>
8343            </div>
8344
8345            <div class="ai-assistant-step" data-step="error" style="display:none;">
8346                <p id="ai-assistant-error-msg" class="ai-assistant-error-text"></p>
8347                <div class="ai-assistant-actions">
8348                    <button type="button" class="ai-assistant-btn ai-assistant-btn--primary js-ai-assistant-retry">Try again</button>
8349                </div>
8350            </div>
8351        </div>
8352    </div>
8353</div>
8354
8355<style>
8356/* Stacked with the WhatsApp widget (layouts/app.blade.php, #whatsapp-chat-widget)
8357   in the bottom-right corner: this sits lowest, WhatsApp is bumped up above it.
8358   Label stays visible at all times (no hover-to-reveal) so customers recognize
8359   what the button is without having to hover over it first. */
8360.ai-assistant-fab-wrap {
8361    position: fixed;
8362    bottom: 24px;
8363    right: 24px;
8364    z-index: 900;
8365}
8366.ai-assistant-fab {
8367    /* Positioning now lives on .ai-assistant-fab-wrap so the dismiss button
8368       (a sibling, not a child — buttons can't nest) can sit outside this
8369       button's own overflow:hidden (needed for the shimmer sweep below). */
8370    position: relative;
8371    display: flex;
8372    align-items: center;
8373    gap: 8px;
8374    height: 48px;
8375    padding: 0 18px;
8376    border: 0;
8377    border-radius: 24px;
8378    background: #28AF50;
8379    color: #fff;
8380    font-size: 14px;
8381    font-weight: 700;
8382    box-shadow: 0 6px 20px rgba(40, 175, 80, 0.35);
8383    cursor: pointer;
8384    white-space: nowrap;
8385    overflow: hidden;
8386    transition: box-shadow .2s ease;
8387}
8388/* Small "hide this" affordance — sits outside the fab's own clipped bounds. */
8389.ai-assistant-fab-dismiss {
8390    position: absolute;
8391    top: -8px;
8392    left: -8px;
8393    width: 22px;
8394    height: 22px;
8395    border-radius: 50%;
8396    border: 1px solid rgba(0, 0, 0, .1);
8397    background: #fff;
8398    color: #777;
8399    font-size: 11px;
8400    display: flex;
8401    align-items: center;
8402    justify-content: center;
8403    padding: 0;
8404    cursor: pointer;
8405    box-shadow: 0 2px 6px rgba(0, 0, 0, .18);
8406    transition: background-color .15s ease, color .15s ease;
8407}
8408.ai-assistant-fab-dismiss:hover,
8409.ai-assistant-fab-dismiss:focus-visible {
8410    background: #f3f3f3;
8411    color: #333;
8412}
8413.ai-assistant-fab:hover,
8414.ai-assistant-fab:focus-visible {
8415    box-shadow: 0 8px 24px rgba(40, 175, 80, 0.45);
8416}
8417/* Button itself never moves — a light band sweeps across it every few
8418   seconds, like a shine on a premium CTA, then parks off-screen until the
8419   next pass. */
8420.ai-assistant-fab::after {
8421    content: '';
8422    position: absolute;
8423    top: 0;
8424    left: -75%;
8425    width: 45%;
8426    height: 100%;
8427    background: linear-gradient(
8428        75deg,
8429        rgba(255, 255, 255, 0) 0%,
8430        rgba(255, 255, 255, 0.6) 50%,
8431        rgba(255, 255, 255, 0) 100%
8432    );
8433    transform: skewX(-20deg);
8434    pointer-events: none;
8435    animation: ai-assistant-fab-shimmer 4.5s ease-in-out infinite;
8436}
8437.ai-assistant-fab:hover::after,
8438.ai-assistant-fab:focus-visible::after {
8439    animation-play-state: paused;
8440}
8441
8442@keyframes ai-assistant-fab-shimmer {
8443    0% { left: -75%; }
8444    35%, 100% { left: 130%; }
8445}
8446
8447@media (prefers-reduced-motion: reduce) {
8448    .ai-assistant-fab::after {
8449        animation: none;
8450        display: none;
8451    }
8452}
8453
8454/* Mobile: the bottom-right corner is already crowded (app-install banner,
8455   WhatsApp, bottom app-bar), so move to a compact icon-only tab vertically
8456   centered on the right edge instead of stacking into that corner. */
8457@media (max-width: 768px) {
8458    .ai-assistant-fab-wrap {
8459        top: 50%;
8460        right: 0;
8461        bottom: auto;
8462        transform: translateY(-50%);
8463    }
8464    .ai-assistant-fab {
8465        height: 44px;
8466        padding: 0 12px;
8467        border-radius: 12px 0 0 12px;
8468    }
8469    .ai-assistant-fab__label {
8470        display: none;
8471    }
8472}
8473.ai-assistant-fab i {
8474    font-size: 18px;
8475    flex-shrink: 0;
8476}
8477
8478.ai-assistant-modal {
8479    position: fixed;
8480    inset: 0;
8481    z-index: 10060;
8482    pointer-events: none;
8483}
8484.ai-assistant-modal.is-open {
8485    pointer-events: auto;
8486}
8487.ai-assistant-modal__backdrop {
8488    position: absolute;
8489    inset: 0;
8490    background: rgba(15, 23, 42, .45);
8491    opacity: 0;
8492    transition: opacity .25s ease;
8493}
8494.ai-assistant-modal.is-open .ai-assistant-modal__backdrop {
8495    opacity: 1;
8496}
8497.ai-assistant-modal__dialog {
8498    position: fixed;
8499    top: 0;
8500    right: 0;
8501    z-index: 1;
8502    width: min(420px, 92vw);
8503    height: 100%;
8504    background: #fff;
8505    box-shadow: -8px 0 30px rgba(0, 0, 0, .18);
8506    display: flex;
8507    flex-direction: column;
8508    overflow: hidden;
8509    transform: translateX(100%);
8510    transition: transform .3s ease;
8511}
8512.ai-assistant-modal.is-open .ai-assistant-modal__dialog {
8513    transform: translateX(0);
8514}
8515.ai-assistant-modal__header {
8516    display: flex;
8517    align-items: center;
8518    justify-content: space-between;
8519    padding: 16px 18px 12px;
8520    border-bottom: 1px solid #f0f0f0;
8521    flex-shrink: 0;
8522}
8523.ai-assistant-modal__header h2 {
8524    margin: 0;
8525    font-size: 17px;
8526    font-weight: 700;
8527    color: #111;
8528}
8529.ai-assistant-modal__close {
8530    border: 0;
8531    background: transparent;
8532    font-size: 24px;
8533    line-height: 1;
8534    color: #666;
8535    cursor: pointer;
8536    padding: 0 4px;
8537}
8538.ai-assistant-modal__body {
8539    flex: 1;
8540    padding: 18px;
8541    overflow-y: auto;
8542}
8543.ai-assistant-intro {
8544    margin: 0 0 12px;
8545    font-size: 13px;
8546    color: #666;
8547}
8548.ai-assistant-textarea {
8549    width: 100%;
8550    border: 1px solid #ddd;
8551    border-radius: 10px;
8552    padding: 10px 12px;
8553    /* iOS Safari force-zooms the whole page on focus for any input/textarea
8554       under 16px — this is what made the drawer look "zoomed"/broken on
8555       mobile as soon as it opened and auto-focused this field. */
8556    font-size: 16px;
8557    resize: vertical;
8558    font-family: inherit;
8559}
8560.ai-assistant-textarea:focus { outline: 2px solid #28AF50; outline-offset: 1px; }
8561.ai-assistant-actions {
8562    margin-top: 14px;
8563    display: flex;
8564    justify-content: flex-end;
8565    gap: 10px;
8566}
8567.ai-assistant-actions--review { justify-content: space-between; }
8568.ai-assistant-btn {
8569    border: 0;
8570    border-radius: 8px;
8571    padding: 10px 18px;
8572    font-size: 14px;
8573    font-weight: 700;
8574    cursor: pointer;
8575}
8576.ai-assistant-btn--primary { background: #28AF50; color: #fff; }
8577.ai-assistant-btn--primary:hover { background: #1e8a3d; }
8578.ai-assistant-btn--primary:disabled { background: #a9d9b7; cursor: default; }
8579.ai-assistant-btn--link { background: none; color: #666; padding: 10px 4px; }
8580.ai-assistant-btn--link:hover { color: #333; }
8581
8582.ai-assistant-shortcuts {
8583    margin-top: 22px;
8584    padding-top: 18px;
8585    border-top: 1px solid #f0f0f0;
8586}
8587.ai-assistant-shortcuts__label {
8588    margin: 0 0 10px;
8589    font-size: 11px;
8590    font-weight: 700;
8591    text-transform: uppercase;
8592    letter-spacing: .04em;
8593    color: #999;
8594}
8595.ai-assistant-shortcuts__grid {
8596    display: grid;
8597    grid-template-columns: 1fr 1fr;
8598    gap: 8px;
8599}
8600.ai-assistant-shortcut {
8601    display: flex;
8602    align-items: center;
8603    gap: 8px;
8604    border: 1px solid #e3f2e7;
8605    border-radius: 10px;
8606    background: #f7fdf9;
8607    color: #1e8a3d;
8608    font-size: 13px;
8609    font-weight: 600;
8610    padding: 10px 12px;
8611    text-align: left;
8612    cursor: pointer;
8613    transition: background-color .15s ease, border-color .15s ease;
8614}
8615.ai-assistant-shortcut:hover,
8616.ai-assistant-shortcut:focus-visible {
8617    background: #eafaf0;
8618    border-color: #28AF50;
8619}
8620.ai-assistant-shortcut__icon {
8621    font-size: 16px;
8622    flex-shrink: 0;
8623}
8624
8625.ai-assistant-spinner {
8626    width: 34px;
8627    height: 34px;
8628    margin: 10px auto 14px;
8629    border: 3px solid #eafaf0;
8630    border-top-color: #28AF50;
8631    border-radius: 50%;
8632    animation: ai-assistant-spin 0.8s linear infinite;
8633}
8634@keyframes ai-assistant-spin { to { transform: rotate(360deg); } }
8635.ai-assistant-loading-text { text-align: center; color: #666; font-size: 13px; margin: 0; }
8636
8637.ai-assistant-dish {
8638    font-size: 14px;
8639    font-weight: 700;
8640    color: #222;
8641    margin-bottom: 10px;
8642}
8643.ai-assistant-list {
8644    list-style: none;
8645    margin: 0;
8646    padding: 0;
8647}
8648.ai-assistant-row {
8649    display: flex;
8650    flex-wrap: wrap;
8651    align-items: center;
8652    gap: 8px 10px;
8653    padding: 10px 0;
8654    border-bottom: 1px solid #f3f3f3;
8655}
8656.ai-assistant-row:last-child { border-bottom: none; }
8657.ai-assistant-row__check { flex-shrink: 0; width: 16px; height: 16px; }
8658.ai-assistant-row__thumb {
8659    width: 42px;
8660    height: 42px;
8661    border-radius: 6px;
8662    object-fit: contain;
8663    background: #f5f5f5;
8664    flex-shrink: 0;
8665}
8666/* flex-basis keeps name/meta+controls sharing one line when there's room,
8667   but lets the whole controls group (variant+qty) drop to its own line
8668   below on narrow screens instead of the native <select>'s minimum content
8669   width forcing an overlap with the name/meta text next to it. */
8670.ai-assistant-row__body { flex: 1 1 120px; min-width: 0; }
8671.ai-assistant-row__name {
8672    font-size: 13px;
8673    font-weight: 600;
8674    color: #222;
8675    margin: 0 0 2px;
8676    white-space: nowrap;
8677    overflow: hidden;
8678    text-overflow: ellipsis;
8679}
8680.ai-assistant-row__meta {
8681    font-size: 11.5px;
8682    color: #999;
8683    white-space: nowrap;
8684    overflow: hidden;
8685    text-overflow: ellipsis;
8686}
8687.ai-assistant-row__controls {
8688    flex: 0 0 auto;
8689    display: flex;
8690    align-items: center;
8691    gap: 8px;
8692    margin-left: auto;
8693}
8694/* !important beats the site-wide `input[type=number], select {...}` reset
8695   in style.css — that rule is a type+attribute selector, which is MORE
8696   specific than a plain class on properties like width/height/padding, so
8697   without !important these controls get stretched to 100% width/44px tall
8698   like every other form input on the site instead of staying compact. */
8699/* font-size is 16px (not the visually-tighter 12px it used to be) because
8700   anything smaller triggers iOS Safari's forced page zoom on focus — same
8701   fix as the textarea above. Heights/widths bumped slightly to give that
8702   larger text room. */
8703.ai-assistant-row__variant {
8704    width: auto !important;
8705    max-width: 140px;
8706    min-width: 0;
8707    height: 36px !important;
8708    font-size: 16px !important;
8709    border: 1px solid #ddd !important;
8710    border-radius: 6px !important;
8711    padding: 4px 6px !important;
8712    margin-bottom: 0 !important;
8713    background: #fff !important;
8714}
8715.ai-assistant-row__qty {
8716    width: 52px !important;
8717    flex-shrink: 0;
8718    height: 36px !important;
8719    font-size: 16px !important;
8720    border: 1px solid #ddd !important;
8721    border-radius: 6px !important;
8722    padding: 4px 6px !important;
8723    margin-bottom: 0 !important;
8724    text-align: center;
8725}
8726
8727.ai-assistant-error-text {
8728    text-align: center;
8729    color: #b45309;
8730    font-size: 13px;
8731    margin: 10px 0;
8732}
8733
8734.ai-assistant-login-panel {
8735    display: flex;
8736    flex-direction: column;
8737    align-items: center;
8738    text-align: center;
8739    padding-top: 48px;
8740}
8741.ai-assistant-login-panel__icon {
8742    width: 56px;
8743    height: 56px;
8744    border-radius: 50%;
8745    background: #eafaf0;
8746    color: #28AF50;
8747    display: flex;
8748    align-items: center;
8749    justify-content: center;
8750    font-size: 22px;
8751    margin-bottom: 16px;
8752}
8753.ai-assistant-login-panel__text {
8754    color: #555;
8755    font-size: 14px;
8756    margin: 0 0 18px;
8757    max-width: 260px;
8758}
8759.ai-assistant-login-panel__btn {
8760    text-decoration: none;
8761    display: inline-block;
8762}
8763</style>
8764
8765<script type="26bba01b74dbf278e5cdec51-text/javascript">
8766(function () {
8767    var fab      = document.getElementById('ai-assistant-fab');
8768    var modal    = document.getElementById('ai-assistant-modal');
8769    var input    = document.getElementById('ai-assistant-input');
8770    var submit   = document.getElementById('ai-assistant-submit');
8771    var list     = document.getElementById('ai-assistant-list');
8772    var dishEl   = document.getElementById('ai-assistant-dish');
8773    var addBtn   = document.getElementById('ai-assistant-add-cart');
8774    var startOverBtn = document.getElementById('ai-assistant-start-over');
8775    var errorMsg = document.getElementById('ai-assistant-error-msg');
8776    if (!fab || !modal || !input || !list) return;
8777
8778    var lastIngredients = [];
8779
8780    function escapeHtml(str) {
8781        return String(str || '')
8782            .replace(/&/g, '&amp;')
8783            .replace(/</g, '&lt;')
8784            .replace(/>/g, '&gt;')
8785            .replace(/"/g, '&quot;')
8786            .replace(/'/g, '&#039;');
8787    }
8788
8789    function showStep(name) {
8790        modal.querySelectorAll('.ai-assistant-step').forEach(function (el) {
8791            el.style.display = (el.getAttribute('data-step') === name) ? 'block' : 'none';
8792        });
8793    }
8794
8795    function openModal() {
8796        modal.classList.add('is-open');
8797        modal.setAttribute('aria-hidden', 'false');
8798    }
8799
8800    function closeModal() {
8801        modal.classList.remove('is-open');
8802        modal.setAttribute('aria-hidden', 'true');
8803    }
8804
8805    function resetToInput() {
8806        showStep('input');
8807        input.value = '';
8808        list.innerHTML = '';
8809        dishEl.innerHTML = '';
8810        lastIngredients = [];
8811    }
8812
8813    fab.addEventListener('click', function () {
8814        openModal();
8815        if (!window.isAuthenticated) {
8816            showStep('login-required');
8817            return;
8818        }
8819        showStep('input');
8820        input.focus();
8821    });
8822
8823    // Let customers hide this button entirely if they don't want it —
8824    // persisted the same way as the mobile app-install banner
8825    // (js/custom.js, omspice_mobile_app_promo_dismissed_at), but with no
8826    // re-show timer: a deliberate "hide this" click shouldn't quietly
8827    // reappear later and recreate the same overlap complaint.
8828    var fabWrap = document.getElementById('ai-assistant-fab-wrap');
8829    var dismissBtn = document.getElementById('ai-assistant-fab-dismiss');
8830    var DISMISS_KEY = 'omspice_ai_assistant_hidden';
8831
8832    if (fabWrap) {
8833        try {
8834            if (localStorage.getItem(DISMISS_KEY) === '1') {
8835                fabWrap.style.display = 'none';
8836            }
8837        } catch (e) { /* storage unavailable — button just stays visible */ }
8838    }
8839
8840    if (dismissBtn && fabWrap) {
8841        dismissBtn.addEventListener('click', function (e) {
8842            e.stopPropagation();
8843            fabWrap.style.display = 'none';
8844            try { localStorage.setItem(DISMISS_KEY, '1'); } catch (e) { /* not persisted this session */ }
8845        });
8846    }
8847
8848    modal.querySelectorAll('.js-ai-assistant-close').forEach(function (el) {
8849        el.addEventListener('click', closeModal);
8850    });
8851
8852    modal.querySelectorAll('.js-ai-assistant-retry').forEach(function (el) {
8853        el.addEventListener('click', resetToInput);
8854    });
8855
8856    if (startOverBtn) {
8857        startOverBtn.addEventListener('click', resetToInput);
8858    }
8859
8860    function formatVariantLabel(property) {
8861        var unit = property.quantity_unit_name ? (' ' + property.quantity_unit_name) : '';
8862        var price = property.price_after_offer || property.price;
8863        return property.quantity + unit + ' — $' + price;
8864    }
8865
8866    function buildRow(ingredient) {
8867        // The backend only sends items it actually stocks — this guard is
8868        // just defense in depth, not an expected path.
8869        if (!ingredient.matched || !ingredient.product) {
8870            return null;
8871        }
8872
8873        var li = document.createElement('li');
8874        var product = ingredient.product;
8875        var properties = product.product_properties || [];
8876
8877        li.className = 'ai-assistant-row';
8878
8879        var checkbox = document.createElement('input');
8880        checkbox.type = 'checkbox';
8881        checkbox.className = 'ai-assistant-row__check';
8882        checkbox.checked = false;
8883        li.appendChild(checkbox);
8884
8885        var img = document.createElement('img');
8886        img.className = 'ai-assistant-row__thumb';
8887        img.src = product.thumbnail_full_url || '';
8888        img.alt = '';
8889        img.loading = 'lazy';
8890        li.appendChild(img);
8891
8892        var body = document.createElement('div');
8893        body.className = 'ai-assistant-row__body';
8894
8895        var name = document.createElement('p');
8896        name.className = 'ai-assistant-row__name';
8897        name.textContent = product.name;
8898        body.appendChild(name);
8899
8900        var meta = document.createElement('p');
8901        meta.className = 'ai-assistant-row__meta';
8902        meta.textContent = 'For "' + ingredient.query + '"' + (ingredient.ai_quantity ? ' (' + ingredient.ai_quantity + ')' : '');
8903        body.appendChild(meta);
8904
8905        li.appendChild(body);
8906
8907        if (properties.length) {
8908            var controls = document.createElement('div');
8909            controls.className = 'ai-assistant-row__controls';
8910
8911            var select = document.createElement('select');
8912            select.className = 'ai-assistant-row__variant';
8913            properties.forEach(function (property) {
8914                var option = document.createElement('option');
8915                option.value = property.id;
8916                option.textContent = formatVariantLabel(property);
8917                select.appendChild(option);
8918            });
8919            controls.appendChild(select);
8920
8921            var qty = document.createElement('input');
8922            qty.type = 'number';
8923            qty.min = '1';
8924            qty.value = '1';
8925            qty.className = 'ai-assistant-row__qty';
8926            controls.appendChild(qty);
8927
8928            li.appendChild(controls);
8929
8930            li._aiSelect = select;
8931            li._aiQty = qty;
8932        } else {
8933            checkbox.checked = false;
8934            checkbox.disabled = true;
8935        }
8936
8937        li._aiCheckbox = checkbox;
8938        li._aiProduct = product;
8939
8940        return li;
8941    }
8942
8943    function renderReview(data) {
8944        lastIngredients = data.ingredients || [];
8945
8946        dishEl.textContent = data.dish
8947            ? 'Shopping list for ' + data.dish + (data.servings ? ' (' + data.servings + ' servings)' : '')
8948            : 'Your shopping list';
8949
8950        list.innerHTML = '';
8951        lastIngredients.forEach(function (ingredient) {
8952            var row = buildRow(ingredient);
8953            if (row) list.appendChild(row);
8954        });
8955
8956        showStep('review');
8957    }
8958
8959    function showError(message) {
8960        errorMsg.textContent = message;
8961        showStep('error');
8962    }
8963
8964    function runAssistant(message) {
8965        // Each request calls a paid LLM API — gate it behind login so usage
8966        // is tied to an accountable user instead of anonymous/IP-throttled
8967        // guest traffic, which is easy to rack up cost on.
8968        if (!window.isAuthenticated) {
8969            showStep('login-required');
8970            return;
8971        }
8972
8973        message = (message || '').trim();
8974        if (message.length < 3) {
8975            input.focus();
8976            return;
8977        }
8978
8979        input.value = message;
8980        showStep('loading');
8981
8982        fetch('https://omspice.com.au/assistant/recipe', {
8983            method: 'POST',
8984            headers: {
8985                'Content-Type': 'application/json',
8986                'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]') ? document.querySelector('meta[name="csrf-token"]').content : 'Saf8iglaLO7GMe3DmNZoBQ4yHaPlhTiacf0oaANm',
8987            },
8988            body: JSON.stringify({ message: message }),
8989        })
8990        .then(function (r) { return r.json().then(function (body) { return { ok: r.ok, body: body }; }); })
8991        .then(function (result) {
8992            if (!result.ok || result.body.status !== 1) {
8993                showError("Sorry, I couldn't put a list together for that. Please try rephrasing your request.");
8994                return;
8995            }
8996            if (!result.body.ingredients || !result.body.ingredients.length) {
8997                showError("We don't currently stock anything for that request — try describing something else, or browse our shop.");
8998                return;
8999            }
9000            renderReview(result.body);
9001        })
9002        .catch(function () {
9003            showError('Something went wrong reaching the assistant. Please check your connection and try again.');
9004        });
9005    }
9006
9007    submit.addEventListener('click', function () {
9008        runAssistant(input.value);
9009    });
9010
9011    modal.querySelectorAll('.js-ai-assistant-shortcut').forEach(function (btn) {
9012        btn.addEventListener('click', function () {
9013            runAssistant(btn.getAttribute('data-prompt'));
9014        });
9015    });
9016
9017    addBtn.addEventListener('click', function () {
9018        var rows = list.querySelectorAll('li');
9019        var items = [];
9020
9021        rows.forEach(function (li) {
9022            if (!li._aiCheckbox || !li._aiCheckbox.checked || !li._aiProduct) return;
9023
9024            var product = li._aiProduct;
9025            var propertyId = li._aiSelect.value;
9026            var property = (product.product_properties || []).filter(function (p) { return String(p.id) === String(propertyId); })[0];
9027            if (!property) return;
9028
9029            var quantity = Math.max(1, parseInt(li._aiQty.value, 10) || 1);
9030
9031            items.push({
9032                product_id: product.id,
9033                product_property_id: property.id,
9034                product_quantity: quantity,
9035                product_unit: property.quantity_unit_name || '',
9036                name: product.name,
9037                price: property.price_after_offer || property.price,
9038                image: product.thumbnail_full_url,
9039                size_label: property.quantity + (property.quantity_unit_name ? (' ' + property.quantity_unit_name) : ''),
9040            });
9041        });
9042
9043        if (!items.length) {
9044            addBtn.textContent = 'Select at least one item';
9045            setTimeout(function () { addBtn.textContent = 'Add selected to cart'; }, 2000);
9046            return;
9047        }
9048
9049        addBtn.disabled = true;
9050        var originalLabel = addBtn.textContent;
9051        addBtn.textContent = 'Adding…';
9052
9053        function finish(skipped) {
9054            addBtn.disabled = false;
9055            addBtn.textContent = originalLabel;
9056            if (skipped && skipped.length && window.toastr) {
9057                skipped.forEach(function (reason) { window.toastr.warning(reason, '', { timeOut: 4000 }); });
9058            }
9059            if (window.toastr) {
9060                window.toastr.success('Added to your cart.', '', { timeOut: 2500 });
9061            }
9062            closeModal();
9063            resetToInput();
9064        }
9065
9066        if (window.isAuthenticated) {
9067            fetch('https://omspice.com.au/cart/add-multiple', {
9068                method: 'POST',
9069                headers: {
9070                    'Content-Type': 'application/json',
9071                    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]') ? document.querySelector('meta[name="csrf-token"]').content : 'Saf8iglaLO7GMe3DmNZoBQ4yHaPlhTiacf0oaANm',
9072                },
9073                body: JSON.stringify({ items: items }),
9074            })
9075            .then(function (r) { return r.json(); })
9076            .then(function (data) {
9077                if (data.status === 1) {
9078                    if (window.topcart && window.topcart.loadCart) {
9079                        window.topcart.loadCart(data);
9080                    }
9081                    finish(data.skipped_items);
9082                } else {
9083                    addBtn.disabled = false;
9084                    addBtn.textContent = originalLabel;
9085                    if (window.toastr) window.toastr.error('Could not add items to your cart.', '', { timeOut: 4000 });
9086                }
9087            })
9088            .catch(function () {
9089                addBtn.disabled = false;
9090                addBtn.textContent = originalLabel;
9091                if (window.toastr) window.toastr.error('Could not add items to your cart.', '', { timeOut: 4000 });
9092            });
9093        } else {
9094            var cart = (typeof getGuestCart === 'function') ? getGuestCart() : [];
9095            items.forEach(function (item) {
9096                var found = false;
9097                for (var i = 0; i < cart.length; i++) {
9098                    if (String(cart[i].product_id) === String(item.product_id) &&
9099                        String(cart[i].product_property_id) === String(item.product_property_id)) {
9100                        cart[i].product_quantity += item.product_quantity;
9101                        found = true;
9102                        break;
9103                    }
9104                }
9105                if (!found) cart.push(item);
9106            });
9107            if (typeof saveGuestCart === 'function') saveGuestCart(cart);
9108            if (window.topcart && window.topcart.loadGuestCart) window.topcart.loadGuestCart();
9109            finish([]);
9110        }
9111    });
9112})();
9113</script>
9113
9114
9115
9116    
9116<script src="https://omspice.com.au/front/js/jquery.min.js" type="26bba01b74dbf278e5cdec51-text/javascript"></script>
9116
9117    
9117<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11" type="26bba01b74dbf278e5cdec51-text/javascript"></script>
9117
9118    
9118<script src="https://omspice.com.au/front/js/bootstrap.min.js" type="26bba01b74dbf278e5cdec51-text/javascript"></script>
9118
9119    
9119<script src="https://omspice.com.au/front/js/select.js" type="26bba01b74dbf278e5cdec51-text/javascript"></script>
9119
9120    
9120<script src="https://omspice.com.au/front/js/cart.js" type="26bba01b74dbf278e5cdec51-text/javascript"></script>
9120
9121    
9121<script src="https://omspice.com.au/front/js/slick.min.js" type="26bba01b74dbf278e5cdec51-text/javascript"></script>
9121
9122    
9122<script src="https://omspice.com.au/vendor/toastr/toastr.min.js" type="26bba01b74dbf278e5cdec51-text/javascript"></script>
9122
9123    
9123<script src="https://omspice.com.au/front/js/custom.js?v=1788858097" type="26bba01b74dbf278e5cdec51-text/javascript"></script>
9123
9124    
9124<script src="https://omspice.com.au/front/js/flying-pages.min.js" type="26bba01b74dbf278e5cdec51-text/javascript" defer></script>
9124
9125    
9125<script type="26bba01b74dbf278e5cdec51-text/javascript">
9126        $(document).off('click.logoutConfirm', '.js-logout-confirm');
9127        $(document).on('click.logoutConfirm', '.js-logout-confirm', function (e) {
9128            e.preventDefault();
9129
9130            var formId = $(this).data('logout-form');
9131            var $form = formId ? $('#' + formId) : $();
9132
9133            if (!$form.length) {
9134                return;
9135            }
9136
9137            Swal.fire({
9138                title: 'Log out?',
9139                text: 'Are you sure you want to log out of your account?',
9140                icon: 'question',
9141                showCancelButton: true,
9142                confirmButtonColor: '#28AF50',
9143                cancelButtonColor: '#8a938c',
9144                confirmButtonText: 'Yes, log out',
9145                cancelButtonText: 'Cancel',
9146                reverseButtons: true,
9147                focusCancel: true
9148            }).then(function (result) {
9149                if (result.isConfirmed) {
9150                    $form.trigger('submit');
9151                }
9152            });
9153        });
9154
9155        $(document).off('click.accountDeleteConfirm', '.js-account-delete-confirm');
9156        $(document).on('click.accountDeleteConfirm', '.js-account-delete-confirm', function (e) {
9157            e.preventDefault();
9158
9159            var formId = $(this).data('delete-form');
9160            var $form = formId ? $('#' + formId) : $();
9161            var requiresPassword = String($(this).data('requires-password')) === '1';
9162
9163            if (!$form.length) {
9164                return;
9165            }
9166
9167            var passwordBlock = requiresPassword
9168                ? '<div class="account-delete-confirm">' +
9169                    '<p class="account-delete-confirm__label">Enter your current password to continue</p>' +
9170                    '<input type="password" id="swal-account-delete-password" class="account-delete-confirm__input" ' +
9171                        'placeholder="Current password" autocomplete="current-password" />' +
9172                  '</div>'
9173                : '';
9174
9175            Swal.fire({
9176                title: 'Delete account?',
9177                html:
9178                    '<p class="account-delete-confirm__copy">' +
9179                        'Your sign-in details and profile will be permanently removed. Order records are retained for transaction history.' +
9180                    '</p>' +
9181                    passwordBlock,
9182                icon: 'warning',
9183                showCancelButton: true,
9184                confirmButtonColor: '#d94452',
9185                cancelButtonColor: '#8a938c',
9186                confirmButtonText: 'Yes, delete account',
9187                cancelButtonText: 'Cancel',
9188                reverseButtons: true,
9189                focusCancel: true,
9190                customClass: {
9191                    popup: 'account-delete-swal',
9192                    htmlContainer: 'account-delete-swal__body'
9193                },
9194                preConfirm: function () {
9195                    var password = '';
9196                    if (requiresPassword) {
9197                        var input = document.getElementById('swal-account-delete-password');
9198                        password = input ? String(input.value || '') : '';
9199                        if (!password.trim()) {
9200                            Swal.showValidationMessage('Please enter your current password.');
9201                            return false;
9202                        }
9203                    }
9204                    $form.find('input[name="password"]').val(password);
9205                    return true;
9206                }
9207            }).then(function (result) {
9208                if (result.isConfirmed) {
9209                    $form.trigger('submit');
9210                }
9211            });
9212        });
9213    </script>
9213
9214    <style>
9215        .account-delete-swal .account-delete-confirm__copy {
9216            margin: 0 0 14px;
9217            color: #4b5563;
9218            font-size: 14px;
9219            line-height: 1.5;
9220        }
9221        .account-delete-swal .account-delete-confirm {
9222            margin-top: 4px;
9223            padding: 14px;
9224            border-radius: 12px;
9225            background: #fff5f5;
9226            border: 1px solid #f3c1c5;
9227            text-align: left;
9228        }
9229        .account-delete-swal .account-delete-confirm__label {
9230            margin: 0 0 8px;
9231            color: #b42318;
9232            font-size: 13px;
9233            font-weight: 700;
9234            line-height: 1.4;
9235        }
9236        .account-delete-swal .account-delete-confirm__input {
9237            display: block;
9238            width: 100%;
9239            height: 44px;
9240            padding: 10px 14px;
9241            border: 1px solid #e5b4b8;
9242            border-radius: 10px;
9243            background: #fff;
9244            color: #111827;
9245            font-size: 14px;
9246            line-height: 1.4;
9247            box-sizing: border-box;
9248        }
9249        .account-delete-swal .account-delete-confirm__input:focus {
9250            outline: none;
9251            border-color: #d94452;
9252            box-shadow: 0 0 0 3px rgba(217, 68, 82, 0.15);
9253        }
9254        .account-delete-swal .swal2-validation-message {
9255            margin-top: 12px;
9256            background: #fff5f5;
9257            color: #b42318;
9258        }
9259    </style>
9260    
9260<script type="26bba01b74dbf278e5cdec51-text/javascript">
9261        var base_url = 'https://omspice.com.au';
9262
9263    function isEmpty(obj) {
9264        for (var key in obj) {
9265            if (obj.hasOwnProperty(key))
9266                return false;
9267        }
9268        return true;
9269    }
9270    </script>
9270
9271    
9272    
9272<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.min.js" type="26bba01b74dbf278e5cdec51-text/javascript"></script>
9272
9273
9274    
9274<script type="26bba01b74dbf278e5cdec51-text/javascript">
9275        function round(num, decimalPlaces) {
9276        num = Math.round(num + "e" + decimalPlaces);
9277        return Number(num + "e" + -decimalPlaces);
9278    }
9279    </script>
9279
9280
9281    
9281<script type="26bba01b74dbf278e5cdec51-text/javascript">
9282        // Global loader functions
9283        function showLoader() {
9284            $('.global-loader').css('display', 'flex');
9285        }
9286
9287        function hideLoader() {
9288            $('.global-loader').css('display', 'none');
9289        }
9290
9291    </script>
9291
9292
9293    
9294    
9294<script type="26bba01b74dbf278e5cdec51-text/javascript">
9295        // Declared here, ahead of the page-specific scripts section below, because
9296        // several page-specific script blocks (e.g. cart.blade.php) reference
9297        // isAuthenticated immediately — the "For Cart Function" block further down
9298        // this page runs too late in document order for those pages to see it.
9299        // var is redeclaration-safe, so the later declaration there is a harmless no-op.
9300        var isAuthenticated = false;
9301    </script>
9301
9302
9303    
9303<script src="https://omspice.com.au/assets/bower_components/ion.rangeSlider/js/ion.rangeSlider.min.js" type="26bba01b74dbf278e5cdec51-text/javascript"></script>
vendor: 1 bytes, line 9303
9303
9304<script type="26bba01b74dbf278e5cdec51-text/javascript">
9305    (function () {
9306        var skeleton = document.getElementById('shop-skeleton');
9307        var content = document.getElementById('shop-real-content');
9308        if (!skeleton || !content) {
9309            return;
9310        }
9311
9312        var revealed = false;
9313        function revealShopContent() {
9314            if (revealed) {
9315                return;
9316            }
9317            revealed = true;
9318            content.classList.add('is-visible');
9319            skeleton.style.display = 'none';
9320
9321            // The price-range slider (ion.rangeSlider) is initialized from the
9322            // Vue mounted() hook while this wrapper is still hidden, so it
9323            // measures a zero-width track. Nudging it via a resize event forces
9324            // it to recalculate now that it's visible.
9325            if (window.jQuery) {
9326                setTimeout(function () {
9327                    jQuery(window).trigger('resize');
9328                }, 50);
9329            }
9330        }
9331
9332        // window.load waits for every image on the page (the whole product
9333        // grid, plus category/sidebar images) — one slow image anywhere held
9334        // the entire reveal hostage for as long as the 4s safety net below,
9335        // and sometimes past it on a slow connection. DOMContentLoaded (DOM
9336        // parsed, images not necessarily loaded yet) is enough — the resize
9337        // nudge above already recovers the price-range slider's width the
9338        // instant this becomes visible, same as it always did.
9339        if (document.readyState === 'loading') {
9340            document.addEventListener('DOMContentLoaded', revealShopContent);
9341        } else {
9342            revealShopContent();
9343        }
9344        // Safety net in case something still stalls both of the above — kept
9345        // short since revealing before every image is fully loaded is
9346        // already the expected, self-correcting case here, not a fallback.
9347        setTimeout(revealShopContent, 1500);
9348    })();
9349</script>
vendor: 1 bytes, line 9349
9349
9350<script type="26bba01b74dbf278e5cdec51-text/javascript">
9351    // Vue mounts on #vuejs-search-content by compiling its existing innerHTML
9352    // into a template and rebuilding the DOM from it, which discards any
9353    // plugin DOM/state initialized on that markup beforehand. So this can't
9354    // run here directly — it's exposed as a function and called from the
9355    // search Vue instance's mounted() hook in layouts/app.blade.php, once
9356    // Vue's own mount/patch has already settled.
9357    window.initPriceRangeSlider = function () {
9358        var $slider = $('#js-price-range-slider');
9359        if (!$slider.length || $slider.data('ionRangeSlider')) {
9360            return;
9361        }
9362        var bounds = {"min":0,"max":700};
9363        var initialFrom = parseFloat('') || bounds.min;
9364        var initialTo = parseFloat('') || bounds.max;
9365
9366        $slider.ionRangeSlider({
9367            type: 'double',
9368            skin: 'html5',
9369            min: bounds.min,
9370            max: bounds.max,
9371            from: initialFrom,
9372            to: initialTo,
9373            prefix: '$',
9374            onFinish: function (data) {
9375                $('#js-min-price-input').val(data.from);
9376                $('#js-max-price-input').val(data.to);
9377                if (window.searchApp) {
9378                    window.searchApp.checkForSubmitForm();
9379                }
9380            }
9381        });
9382    };
9383
9384    // Same reason as initPriceRangeSlider above: this toolbar lives inside
9385    // #vuejs-search-content, so it must be (re)bound after Vue's mount, not before.
9386    window.initGridDensityToggle = function () {
9387        var STORAGE_KEY = 'omspice_grid_cols';
9388        var $section = $('#vuejs-search-content');
9389        var $buttons = $('.grid-density-btn');
9390
9391        function applyCols(cols) {
9392            $section.toggleClass('grid-cols-5', cols === '5');
9393            $buttons.removeClass('active');
9394            $buttons.filter('[data-cols="' + cols + '"]').addClass('active');
9395        }
9396
9397        applyCols(localStorage.getItem(STORAGE_KEY) || '6');
9398
9399        $buttons.off('click.gridDensity').on('click.gridDensity', function () {
9400            var cols = String($(this).data('cols'));
9401            localStorage.setItem(STORAGE_KEY, cols);
9402            applyCols(cols);
9403        });
9404    };
9405
9406    // Recently Viewed also lives inside #vuejs-search-content on the shop page,
9407    // so render it after Vue has rebuilt the sidebar.
9408    window.initRecentlyViewedSidebar = function () {
9409        var section = document.getElementById('recently-viewed-section');
9410        var track = document.getElementById('recently-viewed-track');
9411        if (!section || !track || section.getAttribute('data-rv-loaded') === '1') {
9412            return;
9413        }
9414
9415        var storageKey = 'omspice_rv';
9416        var isAuth = false;
9417        var endpoint = 'https://omspice.com.au/recently-viewed/cards';
9418
9419        function escapeHtml(str) {
9420            return String(str || '')
9421                .replace(/&/g, '&amp;')
9422                .replace(/</g, '&lt;')
9423                .replace(/>/g, '&gt;')
9424                .replace(/"/g, '&quot;')
9425                .replace(/'/g, '&#039;');
9426        }
9427
9428        function formatPrice(value) {
9429            var number = parseFloat(value);
9430            if (isNaN(number)) {
9431                return '';
9432            }
9433            return '$' + Number(number.toFixed(2)).toString();
9434        }
9435
9436        function renderRating(item) {
9437            var avg = parseFloat(item.avg_rating) || 0;
9438            var rounded = Math.round(avg);
9439            var count = parseInt(item.review_count, 10) || 0;
9440            var stars = '';
9441
9442            for (var i = 1; i <= 5; i++) {
9443                stars += '<i class="' + (i <= rounded ? 'fas' : 'far') + ' fa-star"></i>';
9444            }
9445
9446            return '<div class="rv-sidebar-item__rating">'
9447                + '<span class="rv-sidebar-item__stars">' + stars + '</span>'
9448                + '<span class="rv-sidebar-item__rating-text">' + avg.toFixed(1) + ' (' + count + ')</span>'
9449                + '</div>';
9450        }
9451
9452        function getGuestSlugs() {
9453            try {
9454                return JSON.parse(localStorage.getItem(storageKey) || '[]')
9455                    .map(function (p) { return p.slug; })
9456                    .filter(Boolean);
9457            } catch (e) {
9458                return [];
9459            }
9460        }
9461
9462        function showEmptyState() {
9463            track.innerHTML = '<div class="recently-viewed-section__empty">View a few products and they will appear here.</div>';
9464            section.style.display = 'block';
9465            section.setAttribute('data-rv-loaded', '1');
9466        }
9467
9468        function renderSidebarItem(item) {
9469            var oldPrice = item.old_price ? '<span class="rv-sidebar-item__old-price">' + formatPrice(item.old_price) + '</span>' : '';
9470            var action = '<a class="rv-sidebar-item__action" href="' + escapeHtml(item.url) + '">View</a>';
9471
9472            return ''
9473                + '<div class="rv-sidebar-item js-product-block">'
9474                + '<a class="rv-sidebar-item__thumb product-header" href="' + escapeHtml(item.url) + '">'
9475                + '<img src="' + escapeHtml(item.img) + '" alt="' + escapeHtml(item.alt || item.name) + '" loading="lazy">'
9476                + '</a>'
9477                + '<div class="rv-sidebar-item__body">'
9478                + '<div class="product-name"><a class="rv-sidebar-item__name" href="' + escapeHtml(item.url) + '"><h3>' + escapeHtml(item.name) + '</h3></a></div>'
9479                + renderRating(item)
9480                + '<div class="rv-sidebar-item__meta">'
9481                + '<div class="rv-sidebar-item__prices"><span class="rv-sidebar-item__price js-price_after_offer">' + formatPrice(item.price) + '</span>' + oldPrice + '</div>'
9482                + action
9483                + '</div>'
9484                + '</div>'
9485                + '</div>';
9486        }
9487
9488        var slugs = isAuth ? [] : getGuestSlugs();
9489        if (!isAuth && !slugs.length) {
9490            showEmptyState();
9491            return;
9492        }
9493
9494        var url = endpoint;
9495        if (slugs.length) {
9496            url += '?' + slugs.map(function (slug) {
9497                return 'slugs[]=' + encodeURIComponent(slug);
9498            }).join('&');
9499        }
9500
9501        fetch(url, { headers: { 'X-Requested-With': 'XMLHttpRequest' } })
9502            .then(function (response) { return response.ok ? response.json() : Promise.reject(); })
9503            .then(function (data) {
9504                var items = data.items || [];
9505                if (!items.length) {
9506                    showEmptyState();
9507                    return;
9508                }
9509
9510                track.innerHTML = items.map(function (item) {
9511                    return '<div class="rv-slot">' + renderSidebarItem(item) + '</div>';
9512                }).join('');
9513                section.style.display = 'block';
9514                section.setAttribute('data-rv-loaded', '1');
9515            })
9516            .catch(function () {
9517                showEmptyState();
9518            });
9519    };
9520</script>
vendor: 1 bytes, line 9520
9520
9521<script type="26bba01b74dbf278e5cdec51-text/javascript">
9522    (function () {
9523        var seoMore = document.getElementById('shopContentMore');
9524        var seoToggleBtn = document.getElementById('shopContentToggleBtn');
9525        if (!seoMore || !seoToggleBtn) {
9526            return;
9527        }
9528        var seoToggleText = seoToggleBtn.querySelector('.seo-content__toggle-text');
9529
9530        seoToggleBtn.addEventListener('click', function () {
9531            var isExpanded = seoToggleBtn.getAttribute('aria-expanded') === 'true';
9532
9533            seoMore.classList.toggle('is-expanded', !isExpanded);
9534            seoToggleBtn.classList.toggle('is-open', !isExpanded);
9535            seoToggleBtn.setAttribute('aria-expanded', String(!isExpanded));
9536            if (seoToggleText) {
9537                seoToggleText.textContent = isExpanded ? 'Read More' : 'Read Less';
9538            }
9539
9540            if (isExpanded) {
9541                var section = seoToggleBtn.closest('.seo-content-section');
9542                if (section) {
9543                    window.scrollTo({
9544                        top: section.getBoundingClientRect().top + window.pageYOffset - 100,
9545                        behavior: 'smooth'
9546                    });
9547                }
9548            }
9549        });
9550    })();
9551
9552    (function () {
9553        var faq = document.getElementById('shopFaq');
9554        if (!faq) {
9555            return;
9556        }
9557        faq.querySelectorAll('.faq-question').forEach(function (btn) {
9558            btn.addEventListener('click', function () {
9559                var item = this.closest('.faq-item');
9560                var answer = this.nextElementSibling;
9561                var isOpen = item.classList.contains('open');
9562
9563                faq.querySelectorAll('.faq-item').forEach(function (s) {
9564                    s.classList.remove('open');
9565                    s.querySelector('.faq-answer').style.display = 'none';
9566                });
9567
9568                if (!isOpen) {
9569                    item.classList.add('open');
9570                    answer.style.display = 'block';
9571                }
9572                this.blur();
9573            });
9574        });
9575    })();
9576</script>
9576
9577
9578    
9578<script type="26bba01b74dbf278e5cdec51-text/javascript">
9579        toastr.options = {
9580            "closeButton": true,
9581            "debug": false,
9582            "newestOnTop": true,
9583            "progressBar": true,
9584            "positionClass": "toast-bottom-left",
9585            "preventDuplicates": true,
9586            "onclick": null,
9587            "showDuration": "280",
9588            "hideDuration": "400",
9589            "timeOut": "4500",
9590            "extendedTimeOut": "1200",
9591            "showEasing": "swing",
9592            "hideEasing": "linear",
9593            "showMethod": "fadeIn",
9594            "hideMethod": "fadeOut"
9595        }
9596    </script>
9596
9597
9598
9599    
9599<script type="26bba01b74dbf278e5cdec51-text/javascript">
9600        $(document).off('click.cardBoxToggle', '.js-toggle-card-box');
9601        $(document).on('click.cardBoxToggle', '.js-toggle-card-box', function (e) {
9602            e.preventDefault();
9603            e.stopPropagation();
9604            var isActive = $('.card-box').toggleClass('active').hasClass('active');
9605            if (window.innerWidth < 1025) {
9606                $('body').toggleClass('card-box-open', isActive);
9607            }
9608        });
9609
9610        $(document).off('click.cardBoxOutside');
9611        $(document).on('click.cardBoxOutside', function (e) {
9612            if (!$('.card-box').hasClass('active')) {
9613                return;
9614            }
9615            if (!$(e.target).closest('.my-card').length) {
9616                $('.card-box').removeClass('active');
9617                $('body').removeClass('card-box-open');
9618            }
9619        });
9620
9621        $(document).off('click.cardBoxClose', '.js-card-box-close');
9622        $(document).on('click.cardBoxClose', '.js-card-box-close', function (e) {
9623            e.preventDefault();
9624            $('.card-box').removeClass('active');
9625            $('body').removeClass('card-box-open');
9626        });
9627
9628        $(document).off('keyup.cardBoxEscape');
9629        $(document).on('keyup.cardBoxEscape', function (e) {
9630            if (e.key === 'Escape' && $('body').hasClass('card-box-open')) {
9631                $('.card-box').removeClass('active');
9632                $('body').removeClass('card-box-open');
9633            }
9634        });
9635
9636    </script>
9636
9637    <!-- change product category -->
9638    
9638<script type="26bba01b74dbf278e5cdec51-text/javascript">
9639        window.initProductQuantitySelect = function () {
9640        $('.js-product-quantity').on('change', function () {
9641            var $el = $('.total-price-section')
9642            $el.html('');
9643
9644            var counterVal = 1;
9645            if ($('.counter-val').val()) {
9646                counterVal = $('.counter-val').val();
9647            }
9648
9649            let value = $(this).children("option:selected").attr('title');
9650
9651            let values = value.split('||');
9652
9653            if (values[0] === 'undefined') {
9654                values[0] = '';
9655            }
9656
9657            if (values[1] === values[2]) {
9658                values[2] = '';
9659            }
9660
9661            $(this).parents('.js-product-block').find('.js-offer-title').text(values[0]);
9662            $(this).parents('.js-product-block').find('.js-price_after_offer').text(values[1]);
9663            $(this).parents('.js-product-block').find('.js-price').text(values[2]);
9664            $(this).parents('.js-product-block').find('.js-unit-name').val(values[3]);
9665            var r_dollar = values[1].replace('$', '');
9666            var prVal = parseFloat(r_dollar);
9667            var parVal = round(prVal, 4) * counterVal;
9668            $el.text("$" + parVal)
9669        });
9670        };
9671
9672        window.initProductQuantitySelect();
9673    </script>
9673
9674
9675    <!-- For Search Page -->
9676    
9676<script type="26bba01b74dbf278e5cdec51-text/javascript">
9677        window.initSearchVue = function () {
9678        if (!document.getElementById('vuejs-search-content')) {
9679            return;
9680        }
9681        Vue.config.devtools = false;
9682        
9683        // Get initial products from server-side rendering (for SEO)
9684        var initialProducts = [{"id":1176,"name":"Tiger Balm White 18g","product_properties":[{"id":1504,"quantity":"18","price":"4.99","price_after_offer":"4.99","quantity_unit_name":"gm","special_qty":0,"offers":[],"stock_quantity":12,"taxable":true}],"description":"\u003Ch2\u003ETiger Balm White 18g\u003C\/h2\u003E\u003Cp\u003ETiger Balm White 18g is a trusted pain relief balm, renowned for its effectiveness in soothing headaches and alleviating muscle discomfort.\u003C\/p\u003E\u003Ch3\u003EMaterials \u0026amp; Features\u003C\/h3\u003E\u003Cul\u003E\u003Cli\u003EConvenient 18g packaging for easy portability\u003C\/li\u003E\u003Cli\u003EFormulated with a unique blend of essential oils\u003C\/li\u003E\u003Cli\u003ELightweight and non-greasy texture for comfortable application\u003C\/li\u003E\u003C\/ul\u003E\u003Ch3\u003EHow to Use\u003C\/h3\u003E\u003Cp\u003EApply a small amount of Tiger Balm White directly to the affected area. Gently massage until absorbed for optimal relief.\u003C\/p\u003E\u003Ch3\u003ECare \u0026amp; Storage\u003C\/h3\u003E\u003Cp\u003EStore in a cool, dry place away from direct sunlight. Ensure the lid is tightly closed after use to maintain product integrity.\u003C\/p\u003E","thumbnail_full_url":"https:\/\/omspice.com.au\/front\/images\/default-image.png","thumbnail_alt_text":"Tiger Balm White 18g placeholder image","product_detail_link":"https:\/\/omspice.com.au\/product\/tiger-balm-white-18g","slug":"tiger-balm-white-18g","avg_rating":null,"review_count":0,"is_bundle":false},{"id":158,"name":"MTR Palak Paneer","product_properties":[{"id":186,"quantity":"1","price":"3.99","price_after_offer":"3.99","quantity_unit_name":"pcs","special_qty":0,"offers":[],"stock_quantity":10,"taxable":true},{"id":187,"quantity":"3","price":"10.99","price_after_offer":"10.99","quantity_unit_name":"pcs","special_qty":0,"offers":[],"stock_quantity":1,"taxable":true}],"description":"\u003Ch2\u003EMTR Palak Paneer\u003C\/h2\u003E\u003Cp\u003EExperience the rich flavors of India with MTR Palak Paneer, a ready-to-eat curry featuring a delicious combination of spiced spinach gravy and tender cottage cheese. Perfect for a quick meal, this vegetarian dish is both convenient and satisfying.\u003C\/p\u003E\u003Ch3\u003EIngredients\u003C\/h3\u003E\u003Cul\u003E\u003Cli\u003ESpinach (35%)\u003C\/li\u003E\u003Cli\u003EWater\u003C\/li\u003E\u003Cli\u003ECottage Cheese (13%)\u003C\/li\u003E\u003Cli\u003ETomato\u003C\/li\u003E\u003Cli\u003EOnion\u003C\/li\u003E\u003Cli\u003ERefined Sunflower Oil\u003C\/li\u003E\u003Cli\u003ECream\u003C\/li\u003E\u003Cli\u003EGarlic\u003C\/li\u003E\u003Cli\u003EGreen Chilli\u003C\/li\u003E\u003Cli\u003ESalt\u003C\/li\u003E\u003Cli\u003EMint Leaves\u003C\/li\u003E\u003Cli\u003ECoriander Leaves\u003C\/li\u003E\u003Cli\u003ECorn Flour\u003C\/li\u003E\u003Cli\u003ECumin Seeds\u003C\/li\u003E\u003Cli\u003EChilli Powder\u003C\/li\u003E\u003Cli\u003EMixed Spices\u003C\/li\u003E\u003Cli\u003EAlfalfa Extract\u003C\/li\u003E\u003Cli\u003EFenugreek Leaves\u003C\/li\u003E\u003C\/ul\u003E\u003Ch3\u003EHow to Cook \/ Use\u003C\/h3\u003E\u003Cp\u003ESimply heat the MTR Palak Paneer in a microwave or on the stovetop for a few minutes until warm. Serve it with rice or naan for a delightful meal.\u003C\/p\u003E\u003Ch3\u003EAllergy Advice\u003C\/h3\u003E\u003Cp\u003EThis product contains milk and is processed in a facility that also handles mustard, tree nuts, peanuts, and sesame.\u003C\/p\u003E","thumbnail_full_url":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/mtr-palak-paneer.jpg","thumbnail_alt_text":"","product_detail_link":"https:\/\/omspice.com.au\/product\/mtr-palak-paneer","slug":"mtr-palak-paneer","avg_rating":null,"review_count":0,"is_bundle":false},{"id":173,"name":"Parle Hide \u0026 Seek","product_properties":[{"id":205,"quantity":"412","price":"7.25","price_after_offer":"7.25","quantity_unit_name":"gm","special_qty":0,"offers":[],"stock_quantity":9,"taxable":true}
9684],"description":"\u003Ch2\u003EProduct Overview\u003C\/h2\u003E\u003Cp\u003EParle Hide \u0026amp; Seek Biscuits are a delightful chocolate-flavoured snack, perfect for a quick treat or to enjoy with your favourite beverage. Made with a rich blend of ingredients, these biscuits offer a satisfying crunch and a burst of chocolatey goodness.\u003C\/p\u003E\u003Ch3\u003EIngredients\u003C\/h3\u003E\u003Cp\u003EFlour, Chocolate (22%), Sugar, Cocoa Mass, Cocoa Butter, Dextrose, Emulsifier (Soya Lecithin), Artificial Vanilla Flavouring, Vegetable Oil (Palm Oil), Glucose-Fructose Syrup, Raising Agents (Ammonium Bicarbonate, Sodium Carbonate), Cocoa Solids, Salt, Artificial Chocolate Flavour, and Emulsifier (Di-Acetyl Tartaric Acid Esters of Mono and Diglycerides). Allergen advice: Contains cereals with gluten. See ingredients in bold.\u003C\/p\u003E\u003Ch3\u003EHow to Cook \/ Use\u003C\/h3\u003E\u003Cp\u003EEnjoy Parle Hide \u0026amp; Seek Biscuits on their own, or pair them with a hot cup of tea or coffee for a delightful afternoon snack. They can also be crumbled over desserts or used in baking for added chocolate flavour.\u003C\/p\u003E\u003Ch3\u003EEnergy \u0026amp; Nutrition\u003C\/h3\u003E\u003Cp\u003EFor detailed nutritional information, please refer to the product packaging.\u003C\/p\u003E","thumbnail_full_url":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/hide-seek.jpg","thumbnail_alt_text":"","product_detail_link":"https:\/\/omspice.com.au\/product\/parle-hide-seek","slug":"parle-hide-seek","avg_rating":null,"review_count":0,"is_bundle":false},{"id":468,"name":"Himalaya Neem Face Wash","product_properties":[{"id":729,"quantity":"300","price":"14.45","price_after_offer":"14.45","quantity_unit_name":"ml","special_qty":0,"offers":[],"stock_quantity":10,"taxable":false},{"id":730,"quantity":"150","price":"7.99","price_after_offer":"7.99","quantity_unit_name":"ml","special_qty":0,"offers":[],"stock_quantity":10,"taxable":false}],"description":"\u003Ch2\u003EProduct Overview\u003C\/h2\u003E\u003Cp\u003EDiscover a refreshing cleanse with Himalaya Neem Face Wash, designed to purify your skin effectively. Its natural formulation includes neem and turmeric, making it ideal for maintaining a clear complexion.\u003C\/p\u003E\u003Ch3\u003EMaterials \u0026amp; Features\u003C\/h3\u003E\u003Cul\u003E\u003Cli\u003EContains neem and turmeric for deep cleansing.\u003C\/li\u003E\u003Cli\u003EAvailable in two sizes: 300 ml and 150 ml.\u003C\/li\u003E\u003Cli\u003EHelps remove dirt, excess oil, and impurities.\u003C\/li\u003E\u003C\/ul\u003E\u003Ch3\u003EHow to Use\u003C\/h3\u003E\u003Cp\u003ETo achieve optimal results, apply a small amount of Himalaya Neem Face Wash to wet face and neck. Gently massage in circular motions, then rinse thoroughly with water.\u003C\/p\u003E\u003Ch3\u003ECare \u0026amp; Storage\u003C\/h3\u003E\u003Cp\u003EStore in a cool, dry place away from direct sunlight. Ensure the cap is tightly closed after use to maintain the product\u0027s integrity.\u003C\/p\u003E","thumbnail_full_url":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/himalaya-neem-face-wash-1.png","thumbnail_alt_text":"","product_detail_link":"https:\/\/omspice.com.au\/product\/himalaya-neem-face-wash-1","slug":"himalaya-neem-face-wash-1","avg_rating":null,"review_count":0,"is_bundle":false},{"id":1103,"name":"Britannia Nice Time Value Pack 80g","product_properties":[{"id":1419,"quantity":"80","price":"0.99","price_after_offer":"0.99","quantity_unit_name":"gm","special_qty":0,"offers":[],"stock_quantity":60,"taxable":true}],"description":"\u003Ch2\u003EProduct Overview\u003C\/h2\u003E\u003Cp\u003EIndulge in the delightful \u003Cstrong\u003EBritannia Nice Time Value Pack 80g\u003C\/strong\u003E, a premium snack that is perfect for any occasion. These delicious biscuits offer a sweet and crunchy experience that is sure to satisfy your snack cravings.\u003C\/p\u003E\u003Ch3\u003EIngredients\u003C\/h3\u003E\u003Cp\u003EFor specific ingredient information, please refer to the packaging.\u003C\/p\u003E\u003Ch3\u003EHow to Cook \/ Use\u003C\/h3\u003E\u003Cul\u003E\u003Cli\u003EEnjoy them straight from the pack for a quick snack.\u003C\/li\u003E\u003Cli\u003EPair with tea or coffee for a delightful treat.\u003C\/li\u003E\u003Cli\u003EAdd to your lunchbox for a tasty midday pick-me-up.\u
9684003C\/li\u003E\u003C\/ul\u003E\u003Ch3\u003EEnergy \u0026amp; Nutrition\u003C\/h3\u003E\u003Cp\u003EFor energy and nutritional details, please check the product packaging.\u003C\/p\u003E","thumbnail_full_url":"https:\/\/omspice.com.au\/front\/images\/default-image.png","thumbnail_alt_text":"Britannia Nice Time Value Pack 80g placeholder image","product_detail_link":"https:\/\/omspice.com.au\/product\/britannia-nice-time-value-pack-80g","slug":"britannia-nice-time-value-pack-80g","avg_rating":null,"review_count":0,"is_bundle":false},{"id":247,"name":"Garam Masala Powder","product_properties":[{"id":291,"quantity":"200","price":"3.99","price_after_offer":"3.99","quantity_unit_name":"gm","special_qty":0,"offers":[],"stock_quantity":9,"taxable":false},{"id":577,"quantity":"454","price":"6.99","price_after_offer":"6.99","quantity_unit_name":"gm","special_qty":0,"offers":[],"stock_quantity":10,"taxable":false},{"id":1430,"quantity":"500","price":"8.13","price_after_offer":"8.13","quantity_unit_name":"gm","special_qty":0,"offers":[],"stock_quantity":10,"taxable":false}],"description":"\u003Ch2\u003EProduct Overview\u003C\/h2\u003E\u003Cp\u003EExperience the rich, aromatic essence of Indian cuisine with our premium \u003Cstrong\u003EGaram Masala Powder\u003C\/strong\u003E. This authentic spice blend is crafted from a harmonious mix of traditional spices, making it an essential ingredient for anyone looking to elevate their cooking. Whether you\u0027re preparing a hearty curry, flavorful gravy, or a delightful marinade, our Garam Masala offers the perfect balance of taste and fragrance that will transport your dishes to the vibrant streets of India.\u003C\/p\u003E\u003Ch2\u003EOrigin \u0026amp; Source\u003C\/h2\u003E\u003Cp\u003EOur Garam Masala Powder is sourced from both Australia and India, ensuring that you receive a product that combines the best of both worlds. The spices are carefully selected and blended to preserve the traditional recipes while meeting the high standards of Australian quality. This fusion of origins guarantees a spice mix that is both authentic and accessible for home cooks across Australia.\u003C\/p\u003E\u003Ch2\u003EFlavour Profile\u003C\/h2\u003E\u003Cp\u003EThe flavour of Garam Masala is complex and multifaceted. It features warm and earthy notes from spices like \u003Cstrong\u003Ecumin\u003C\/strong\u003E and \u003Cstrong\u003Ecinnamon\u003C\/strong\u003E, while the inclusion of \u003Cstrong\u003Ecloves\u003C\/strong\u003E and \u003Cstrong\u003Eblack pepper\u003C\/strong\u003E adds a hint of spice and depth. The aromatic qualities are enhanced by \u003Cstrong\u003Ecardamom\u003C\/strong\u003E and \u003Cstrong\u003Emace\u003C\/strong\u003E, creating a blend that is both sweet and savory. This unique combination makes Garam Masala a versatile ingredient in a variety of dishes, infusing them with a rich depth of flavour.\u003C\/p\u003E\u003Ch2\u003EHow to Use \/ Recipes\u003C\/h2\u003E\u003Cp\u003EUsing Garam Masala Powder in your cooking is simple and rewarding. Here are a couple of delightful Australian recipes to get you started:\u003C\/p\u003E\u003Cul\u003E\u003Cli\u003E\u003Cstrong\u003EClassic Chicken Curry\u003C\/strong\u003E: Saut\u00e9 onion and garlic, then add diced chicken and cook until browned. Stir in 2 tablespoons of Garam Masala, followed by tomatoes and coconut milk. Simmer until the chicken is cooked through. Serve with rice or naan.\u003C\/li\u003E\u003Cli\u003E\u003Cstrong\u003EVegetable Biryani\u003C\/strong\u003E: In a large pot, saut\u00e9 your choice of vegetables with onions and garlic. Add 1-2 tablespoons of Garam Masala, basmati rice, and water. Cook until the rice is fluffy and the vegetables are tender. Garnish with fresh coriander.\u003C\/li\u003E\u003Cli\u003E\u003Cstrong\u003ESpiced Lentil Soup\u003C\/strong\u003E: Cook lentils with diced tomatoes, carrots, and celery. Stir in 1 tablespoon of Garam Masala and let simmer until thickened. This hearty soup is perfect for a comforting meal.\u003C\/li\u003E\u003C\/ul\u003E\u003Ch2\u003EStorage Instructions\u003C\/h2\u003E\u003Cp\u003ETo maintain the freshness and potency of your Garam Masala Powder, store it in a cool, dry place away from direct sunlight. Keep it in an airtight container to prevent moisture and preserve its aromatic qualities. For best results, use within six months of opening.\u003C\/p\u003E\u003Ch2\u
9684003EHealth Benefits\u003C\/h2\u003E\u003Cp\u003EGaram Masala is not just a flavour enhancer; it also boasts several health benefits. The spices within this blend, such as \u003Cstrong\u003Ecumin\u003C\/strong\u003E and \u003Cstrong\u003Ecoriander\u003C\/strong\u003E, are known for their digestive properties. Additionally, \u003Cstrong\u003Eblack pepper\u003C\/strong\u003E may aid in nutrient absorption, while \u003Cstrong\u003Ecinnamon\u003C\/strong\u003E can help regulate blood sugar levels. Incorporating Garam Masala into your meals allows you to enjoy delicious flavours while reaping the nutritional benefits of these traditional spices.\u003C\/p\u003E","thumbnail_full_url":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/masala-powder.png","thumbnail_alt_text":"","product_detail_link":"https:\/\/omspice.com.au\/product\/garam-masala-powder","slug":"garam-masala-powder","avg_rating":null,"review_count":0,"is_bundle":false},{"id":433,"name":"Momo Steamer","product_properties":[{"id":580,"quantity":"9","price":"62.49","price_after_offer":"62.49","quantity_unit_name":"inch","special_qty":0,"offers":[],"stock_quantity":10,"taxable":true},{"id":581,"quantity":"10","price":"68.74","price_after_offer":"68.74","quantity_unit_name":"inch","special_qty":0,"offers":[],"stock_quantity":10,"taxable":true},{"id":582,"quantity":"11","price":"74.99","price_after_offer":"74.99","quantity_unit_name":"inch","special_qty":0,"offers":[],"stock_quantity":10,"taxable":true},{"id":969,"quantity":"12","price":"99.99","price_after_offer":"99.99","quantity_unit_name":"inch","special_qty":0,"offers":[],"stock_quantity":10,"taxable":true}],"description":"\u003Ch2\u003EMomo Steamer Overview\u003C\/h2\u003E\u003Cp\u003EDiscover the convenience of steaming with our versatile Momo Steamer, perfect for preparing dumplings, momos, and dim sums. Available in multiple sizes, this steamer is designed to meet your cooking needs.\u003C\/p\u003E\u003Ch3\u003EMaterials \u0026amp; Features\u003C\/h3\u003E\u003Cul\u003E\u003Cli\u003EMade from durable aluminium for efficient heat distribution\u003C\/li\u003E\u003Cli\u003E4-tier design allows for cooking multiple items at once\u003C\/li\u003E\u003Cli\u003EAvailable in various diameters: 9, 10, 11, 12, and 14 inches\u003C\/li\u003E\u003Cli\u003EHeight specifications vary by size, accommodating different cooking preferences\u003C\/li\u003E\u003C\/ul\u003E\u003Ch3\u003EHow to Use\u003C\/h3\u003E\u003Cp\u003ESimply fill the bottom tier with water, place your momo or dumplings in the upper tiers, and steam until cooked to your liking. Ideal for both everyday meals and special occasions.\u003C\/p\u003E\u003Ch3\u003ECare \u0026amp; Storage\u003C\/h3\u003E\u003Cp\u003EAfter use, allow the steamer to cool before cleaning. Hand wash with mild detergent and avoid abrasive materials to maintain its quality. Store in a dry place to prevent moisture buildup.\u003C\/p\u003E","thumbnail_full_url":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/momo-steamer.jpg","thumbnail_alt_text":"","product_detail_link":"https:\/\/omspice.com.au\/product\/momo-steamer","slug":"momo-steamer","avg_rating":null,"review_count":0,"is_bundle":false},{"id":309,"name":"Shin Ramyun Noodles Soup","product_properties":[{"id":392,"quantity":"5","price":"6.5","price_after_offer":"6.5","quantity_unit_name":"pcs","special_qty":0,"offers":[],"stock_quantity":10,"taxable":false}],"description":"\u003Ch2\u003EProduct Overview\u003C\/h2\u003E\u003Cp\u003EExperience the bold and spicy flavours of \u003Cstrong\u003EShin Ramyun Noodles Soup\u003C\/strong\u003E, a favourite among noodle lovers. This delicious Korean instant noodle soup is perfect for a quick meal or snack.\u003C\/p\u003E\u003Ch3\u003EIngredients\u003C\/h3\u003E\u003Cp\u003EThe primary components of Shin Ramyun include:\u003C\/p\u003E\u003Cul\u003E\u003Cli\u003ENoodles: Wheat Flour, Potato Starch, Palm Oil (with Antioxidant 307B)\u003C\/li\u003E\u003Cli\u003ESeasoning: Yeast Extract, Soy Sauce, Garlic, Maltodextrin, Mineral Salts (339, 452, 500, 501), Green Tea Extract, Colour (101)\u003C\/li\u003E\u003Cli\u003ESoup Powder: Hydrolyzed Vegetable Protein (contains soy), Yeast Extract, Maltodextrin, Vegetables, Kelp, Wheat Flour, Soybean Oil, Soy Sauce, Salt, Spices, Sugar, Flavor Enhancers (627, 631), Glucose, Mushroom, Colour (150c)\u003C\/li\u003E\u003C\/ul\u003E\u003Ch3\u003EHow to Cook \/ Use\u003C\/h3\u003E\u003Cp\u003ETo prepare, simply boil water and add the noodles and s
9684oup powder. Cook for 4-5 minutes until the noodles are tender. Enjoy it as is, or enhance with fresh vegetables or protein for a heartier meal.\u003C\/p\u003E","thumbnail_full_url":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/shin-ramyun-noodles-soup.jpg","thumbnail_alt_text":"","product_detail_link":"https:\/\/omspice.com.au\/product\/shin-ramyun-noodles-soup","slug":"shin-ramyun-noodles-soup","avg_rating":null,"review_count":0,"is_bundle":false},{"id":297,"name":"Pooja Samagri Set","product_properties":[{"id":376,"quantity":"1","price":"13.5","price_after_offer":"13.5","quantity_unit_name":"pcs","special_qty":0,"offers":[],"stock_quantity":10,"taxable":false}],"description":"\u003Ch2\u003EPooja Samagri Set\u003C\/h2\u003E\u003Cp\u003EThe Pooja Samagri Set is an essential collection of worship materials designed for traditional rituals and ceremonies. This comprehensive set includes various items that enhance your spiritual practices.\u003C\/p\u003E\u003Ch3\u003EMaterials \u0026amp; Features\u003C\/h3\u003E\u003Cul\u003E\u003Cli\u003E\u003Cstrong\u003EAbir\u003C\/strong\u003E - Coloured powder for rituals\u003C\/li\u003E\u003Cli\u003E\u003Cstrong\u003EKesar\u003C\/strong\u003E - Fragrant saffron\u003C\/li\u003E\u003Cli\u003E\u003Cstrong\u003ESindur\u003C\/strong\u003E - Vermillion used in worship\u003C\/li\u003E\u003Cli\u003E\u003Cstrong\u003EPanchratna\u003C\/strong\u003E - A blend of five sacred items\u003C\/li\u003E\u003Cli\u003E\u003Cstrong\u003EDhoop\u003C\/strong\u003E - Incense for purifying the atmosphere\u003C\/li\u003E\u003Cli\u003E\u003Cstrong\u003EManchamrit Ko Masala\u003C\/strong\u003E - Sacred mixture for offerings\u003C\/li\u003E\u003Cli\u003E\u003Cstrong\u003EShree Khanda\u003C\/strong\u003E - Holy thread\u003C\/li\u003E\u003C\/ul\u003E\u003Ch3\u003EHow to Use\u003C\/h3\u003E\u003Cp\u003EUse the Pooja Samagri Set to create a serene and sacred space for your worship. Each item serves a unique purpose in your rituals, allowing you to perform them with ease and reverence.\u003C\/p\u003E\u003Ch3\u003ECare \u0026amp; Storage\u003C\/h3\u003E\u003Cp\u003EKeep your Pooja Samagri Set in a cool, dry place away from direct sunlight to maintain its quality. Ensure that the items are securely stored to prevent spills or damage.\u003C\/p\u003E","thumbnail_full_url":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/samagri-set.jpg","thumbnail_alt_text":"","product_detail_link":"https:\/\/omspice.com.au\/product\/pooja-samagri-set","slug":"pooja-samagri-set","avg_rating":null,"review_count":0,"is_bundle":false},{"id":717,"name":"Soya Chunk (Maseura) Indya","product_properties":[{"id":1005,"quantity":"200","price":"3.5","price_after_offer":"3.5","quantity_unit_name":"gm","special_qty":0,"offers":[],"stock_quantity":9,"taxable":false}],"description":"\u003Ch2\u003ESoya Chunk (Maseura) Indya\u003C\/h2\u003E\u003Cp\u003EIntroduce a protein-packed alternative to your meals with Soya Chunk (Maseura). This textured soy protein is ideal for creating delicious vegetarian and vegan dishes.\u003C\/p\u003E\u003Ch3\u003EIngredients\u003C\/h3\u003E\u003Cul\u003E\u003Cli\u003E100% soy protein (Maseura)\u003C\/li\u003E\u003C\/ul\u003E\u003Ch3\u003EHow to Use\u003C\/h3\u003E\u003Cul\u003E\u003Cli\u003ESoak the soya chunks in hot water for 10-15 minutes, then drain and squeeze out excess water.\u003C\/li\u003E\u003Cli\u003EAdd to curries, stir-fries, or stews for a protein-rich meal.\u003C\/li\u003E\u003Cli\u003EUse in place of meat for dishes like burgers, meatballs, and tacos.\u003C\/li\u003E\u003C\/ul\u003E\u003Ch3\u003EEnergy \u0026amp; Nutrition\u003C\/h3\u003E\u003Cul\u003E\u003Cli\u003E52 g protein per 100 g\u003C\/li\u003E\u003Cli\u003E13 g fiber per 100 g\u003C\/li\u003E\u003C\/ul\u003E\u003Cp\u003EBuy Soya Chunk (Maseura) online in Australia and incorporate this nutritious ingredient into your plant-based meals.\u003C\/p\u003E","thumbnail_full_url":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/6dtxm-soya-chunk-maseura-indya.png","thumbnail_alt_text":"","product_detail_link":"https:\/\/omspice.com.au\/product\/soya-chunk-maseura-indya","slug":"soya-chunk-maseura-indya","avg_rating":null,"review_count":0,"is_bundle":false},{"id":148,"name":"Gits Medu vadai Mix","product_properties":[{"id":170,"quantity":"500","price":"4.5","price_after_offer":"4.5","quantity_unit_name":"gm","special_qty":0,"offers":[],"stock_quantity":9,"taxable":false}
9684],"description":"\u003Ch2\u003EProduct Overview\u003C\/h2\u003E\u003Cp\u003EGits Medu Vadai Mix is a convenient dry mix that allows you to prepare crispy, golden South Indian medu vadai effortlessly at home. This ready-to-cook mix is perfect for snacks or breakfast, bringing authentic flavours to your table.\u003C\/p\u003E\u003Ch3\u003EIngredients\u003C\/h3\u003E\u003Cp\u003EThe mix contains:\u003C\/p\u003E\u003Cul\u003E\u003Cli\u003ELentils Flour\u003C\/li\u003E\u003Cli\u003EWheat Flour\u003C\/li\u003E\u003Cli\u003EHydrogenated Vegetable Oil (Palmolein Oil \u0026amp; Sesame Oil)\u003C\/li\u003E\u003Cli\u003ESalt\u003C\/li\u003E\u003Cli\u003ERaising Agents (Sodium Bicarbonate \u0026amp; Citric Acid)\u003C\/li\u003E\u003Cli\u003EAsafotida\u003C\/li\u003E\u003Cli\u003EButylated Hydroxy Anisole (Preservative)\u003C\/li\u003E\u003C\/ul\u003E\u003Cp\u003E\u003Cstrong\u003EAllergy Advice:\u003C\/strong\u003E May contain skimmed milk powder, almonds, pistachios, and cashew nuts.\u003C\/p\u003E\u003Ch3\u003EHow to Cook \/ Use\u003C\/h3\u003E\u003Cp\u003ETo prepare, simply mix the Gits Medu Vadai Mix with water to form a dough, shape into doughnuts, and deep fry until golden brown. Enjoy them fresh with coconut chutney or sambar!\u003C\/p\u003E","thumbnail_full_url":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/gits-medu-vadai-mix.jpg","thumbnail_alt_text":"","product_detail_link":"https:\/\/omspice.com.au\/product\/gits-medu-vadai-mix","slug":"gits-medu-vadai-mix","avg_rating":null,"review_count":0,"is_bundle":false},{"id":622,"name":"PH Care Daily Feminine Wash Floral Clean - Fragrant Care - Dual Hydrating Moisturizers","product_properties":[{"id":897,"quantity":"250","price":"14.99","price_after_offer":"14.99","quantity_unit_name":"ml","special_qty":0,"offers":[],"stock_quantity":10,"taxable":false}],"description":"\u003Ch2\u003EProduct Overview\u003C\/h2\u003E\u003Cp\u003EExperience freshness and hydration with \u003Cstrong\u003EPH Care Daily Feminine Wash Floral Clean\u003C\/strong\u003E, available in a convenient 250ml bottle. This feminine wash offers a gentle cleanse, enhanced with dual hydrating moisturizers to keep your intimate area comfortable and moisturized.\u003C\/p\u003E\u003Ch3\u003EIngredients\u003C\/h3\u003E\u003Cp\u003EPH Care Daily Feminine Wash Floral Clean is formulated with a blend of moisturizing ingredients and gentle cleansers, ensuring a soft, hydrating, and refreshing cleanse.\u003C\/p\u003E\u003Ch3\u003EHow to Cook \/ Use\u003C\/h3\u003E\u003Cp\u003EFor optimal results, pour a small amount of the feminine wash onto your palm. Apply gently to the external intimate area and rinse thoroughly with water. For best results, use daily as part of your intimate hygiene routine.\u003C\/p\u003E\u003Ch3\u003EKey Features\u003C\/h3\u003E\u003Cul\u003E\u003Cli\u003E\u003Cstrong\u003EFloral Fragrance:\u003C\/strong\u003E Delicately scented for all-day freshness.\u003C\/li\u003E\u003Cli\u003E\u003Cstrong\u003EDual Hydration:\u003C\/strong\u003E Enriched with ingredients to keep your intimate area moisturized.\u003C\/li\u003E\u003Cli\u003E\u003Cstrong\u003EGentle Cleansing:\u003C\/strong\u003E Suitable for daily intimate care.\u003C\/li\u003E\u003Cli\u003E\u003Cstrong\u003EpH-Balanced:\u003C\/strong\u003E Helps maintain your natural pH balance.\u003C\/li\u003E\u003Cli\u003E\u003Cstrong\u003EConvenient Size:\u003C\/strong\u003E 250ml bottle for long-lasting use.\u003C\/li\u003E\u003C\/ul\u003E","thumbnail_full_url":"https:\/\/omspice.com.au\/uploads\/products-thumbnails\/ph-care-daily-feminine-wash-floral-clean-fragrant-care-dual-hydrating-moisturizers.png","thumbnail_alt_text":"","product_detail_link":"https:\/\/omspice.com.au\/product\/ph-care-daily-feminine-wash-floral-clean-fragrant-care-dual-hydrating-moisturizers","slug":"ph-care-daily-feminine-wash-floral-clean-fragrant-care-dual-hydrating-moisturizers","avg_rating":null,"review_count":0,"is_bundle":false}];
9685        var initialPaginationDetails = {"current_page":1,"first_page_url":"searchresult?page=1","from":1,"last_page":84,"last_page_url":"searchresult?page=84","next_page_url":"searchresult?page=2","path":"searchresult","per_page":12,"prev_page_url":null,"to":12,"total":997};
9686
9687        var app = new Vue({
9688            el: '#vuejs-search-content',
9689            data: {
9690                products: initialProducts, // Initialize with server-rendered products
9691                currentRequest: null,
9692                currentPage: initialPaginationDetails.current_page || 1,
9693                lastPage: initialPaginationDetails.last_page || 1,
9694                loadingMore: false,
9695                ajaxlink: 'https://omspice.com.au/searchresult',
9696                showloading: true,
9697            },
9698            methods: {
9699                submitForm: function () {
9700                    this.showloading = true;
9701                    $('.loader--absolute').addClass('active');
9702                    this.ajaxlink = 'https://omspice.com.au/searchresult';
9703                    $('.filter-sidebar').removeClass('sidebar-mobile');
9704                    $('body').removeClass('filter-sidebar-open');
9705                    this.getResult();
9706                },
9707                checkForSubmitForm: function () {
9708                    //if($("#searchByNameBox").val().length > 0) {
9709                    this.submitForm();
9710                    //}
9711                },
9712                getResult: function (append) {
9713                    //document.body.scrollTop = 300; // For Safari
9714                    //document.documentElement.scrollTop = 300; // For Chrome, Firefox, IE and Opera
9715                    var vthis = this;
9716                    var curdate = new Date().getTime();
9717                    this.currentRequest = jQuery.ajax({
9718                        type: 'GET',
9719                        cache: false,
9720                        headers: {
9721                            'X-Requested-With': 'XMLHttpRequest',
9722                            'Accept': 'application/json'
9723                        },
9724                        data: $("#frmSearchFrom").serialize() + '&width=' + screen.width,
9725                        url: this.ajaxlink,
9726                        beforeSend: function () {
9727                            if (append) {
9728                                vthis.loadingMore = true;
9729                            } else {
9730                                vthis.showloading = true;
9731                                $('#showloading').show();
9732                            }
9733                            if (vthis.currentRequest != null) {
9734                                vthis.currentRequest.abort();
9735                            }
9736                        },
9737                        success: function (returnvalues) {
9738                            if (returnvalues && returnvalues.products) {
9739                                vthis.products.forEach((d, i, arr) => {
9740                                    arr[i].photo_link = ''
9741                                });
9742
9743                                if (append) {
9744                                    vthis.products = vthis.products.concat(returnvalues.products);
9745                                } else {
9746                                    vthis.products = returnvalues.products;
9747                                }
9748
9749                                if (returnvalues.pagination_details) {
9750                                    vthis.currentPage = returnvalues.pagination_details.current_page || vthis.currentPage;
9751                                    vthis.lastPage = returnvalues.pagination_details.last_page || vthis.lastPage;
9752                                }
9753
9754                                if (returnvalues.pagination_details && returnvalues.pagination_details.total !== undefined) {
9755                                    var total = returnvalues.pagination_details.total;
9756                                    $('#js-search-total-count').text('(' + total + ' items)').removeClass('d-none');
9757                                }
9758
9759                                $(document).trigger('wishlist:sync');
9760                            }
9761                        },
9762                        error: function (xhr, status, error) {
9763                            console.error('Search request failed:', status, error);
9764                            vthis.showloading = false;
9765                            vthis.loadingMore = false;
9766                            $('#showloading').hide();
9767                            // Keep existing products if request fails
9768                        },
9769                        complete: function () {
9770                            vthis.showloading = false;
9771                            vthis.loadingMore = false;
9772                            $('#showloading').hide();
9773
9774                            if ($('#js-content-wrapper').css('display') == 'none') {
9775                                $('#showfirstloading').hide();
9776                                $('#js-content-wrapper').removeClass('d-none');
9777                                $('#js-content-wrapper').addClass('d-block');
9778                            }
9779                        }
9780                    });
9781                    return false;
9782                },
9783                loadMoreProducts: function () {
9784                    if (this.loadingMore || this.showloading || this.currentPage >= this.lastPage) {
9785                        return;
9786                    }
9787                    this.ajaxlink = 'https://omspice.com.au/searchresult?page=' + (this.currentPage + 1);
9788                    this.getResult(true);
9789                },
9790                getStockQty: function (product) {
9791                    if (!product || !product.product_properties || !product.product_properties.length) {
9792                        return null;
9793                    }
9794
9795                    var qty = product.product_properties[0].stock_quantity;
9796                    if (qty === null || qty === undefined || qty === '') {
9797                        return null;
9798                    }
9799
9800                    return Number(qty);
9801                },
9802                allStockOut: function (product) {
9803                    if (!product || !product.product_properties || !product.product_properties.length) {
9804                        return false;
9805                    }
9806
9807                    return product.product_properties.every(function (v) {
9808                        return v.stock_quantity !== null && v.stock_quantity !== undefined && v.stock_quantity !== '' && Number(v.stock_quantity) === 0;
9809                    });
9810                },
9811                onProductImageLoad: function (event) {
9812                    var img = event && event.target;
9813                    if (!img) return;
9814                    var figure = img.closest('.js-product-thumb');
9815                    if (!figure) return;
9816                    figure.classList.remove('is-loading');
9817                    figure.classList.add('is-loaded');
9818                },
9819                openProductChoices: function (product) {
9820                    if (window.ProductChoicesModal) {
9821                        window.ProductChoicesModal.openFromVue(product);
9822                    }
9823                }
9824            },
9825            mounted: function () {
9826                var vm = this;
9827
9828                // Vue mounts by compiling this element's existing innerHTML into a
9829                // template and rebuilding the DOM from it, so anything a plugin
9830                // (e.g. the price range slider) initialized on that markup before
9831                // this point has already been discarded. Any such init must run
9832                // from here, after Vue's own mount/patch has settled.
9833                //
9834                // Each wrapped in try/catch so one failing plugin doesn't abort
9835                // the whole Vue mount.
9836                try {
9837                    if (window.initPriceRangeSlider) {
9838                        window.initPriceRangeSlider();
9839                    }
9840                } catch (e) {}
9841                try {
9842                    if (window.initGridDensityToggle) {
9843                        window.initGridDensityToggle();
9844                    }
9845                } catch (e) {}
9846                try {
9847                    if (window.initRecentlyViewedSidebar) {
9848                        window.initRecentlyViewedSidebar();
9849                    }
9850                } catch (e) {}
9851
9852                // Show content wrapper and hide initial loading immediately
9853                $('#showfirstloading').hide();
9854                $('#js-content-wrapper').removeClass('d-none');
9855                $('#js-content-wrapper').addClass('d-block');
9856                
9857                // Hide all loading indicators
9858                this.showloading = false;
9859                $('#showloading').hide();
9860                $('.loader--absolute').removeClass('active');
9861                
9862                // If we have initial products from server-side rendering, use them
9863                // The server-side rendering already handles pagination and filters correctly
9864                if (initialProducts.length > 0) {
9865                    // We have server-rendered products, hide them and show Vue.js products
9866                    $('.js-server-rendered-product').hide();
9867                    $(document).trigger('wishlist:sync');
9868                    // No need for AJAX call, we already have the products
9869                } else {
9870                    // No initial products, need to load via AJAX
9871                    // Keep server-rendered products hidden (there are none anyway)
9872                    $('.js-server-rendered-product').hide();
9873                    this.submitForm();
9874                }
9875
9876                $(document).off('change.searchSortBy', '#soryBy');
9877                $(document).on('change.searchSortBy', '#soryBy', function () {
9878                    $('#sortByCopy').val($(this).val());
9879                    vm.submitForm();
9880                });
9881
9882                // Infinite scroll: load the next page when the sentinel below the
9883                // product grid comes near the viewport. A plain scroll-position
9884                // check runs alongside IntersectionObserver (rather than relying
9885                // on it alone) since IO's layout-change detection isn't reliable
9886                // in every environment, e.g. right after a display:none toggle.
9887                var infiniteScrollSentinel = document.getElementById('js-infinite-scroll-sentinel');
9888                if (infiniteScrollSentinel && 'IntersectionObserver' in window) {
9889                    var infiniteScrollObserver = new IntersectionObserver(function (entries) {
9890                        if (entries[0].isIntersecting) {
9891                            vm.loadMoreProducts();
9892                        }
9893                    }, { rootMargin: '400px 0px' });
9894                    infiniteScrollObserver.observe(infiniteScrollSentinel);
9895                }
9896                if (infiniteScrollSentinel) {
9897                    var infiniteScrollTicking = false;
9898                    var checkInfiniteScroll = function () {
9899                        infiniteScrollTicking = false;
9900                        var rect = infiniteScrollSentinel.getBoundingClientRect();
9901                        if (rect.top <= window.innerHeight + 400) {
9902                            vm.loadMoreProducts();
9903                        }
9904                    };
9905                    $(window).off('scroll.searchInfiniteScroll');
9906                    $(window).on('scroll.searchInfiniteScroll', function () {
9907                        if (infiniteScrollTicking) {
9908                            return;
9909                        }
9910                        infiniteScrollTicking = true;
9911                        requestAnimationFrame(checkInfiniteScroll);
9912                    });
9913                    // Also check right away and after each product load, in case
9914                    // the sentinel is already on-screen (short results list,
9915                    // nothing for the user to scroll).
9916                    this.$watch('products', function () {
9917                        Vue.nextTick(checkInfiniteScroll);
9918                    });
9919                    Vue.nextTick(checkInfiniteScroll);
9920                }
9921
9922                $(document).off('click.searchQty', '.plus');
9923                $(document).on('click.searchQty', '.plus', function () {
9924                    if ($(this).closest('#js-cart').length) {
9925                        return;
9926                    }
9927                    var $input = $(this).parent().find('input');
9928                    $input.val(parseInt($input.val()) + 1);
9929                });
9930
9931                $(document).off('click.searchQty', '.minus');
9932                $(document).on('click.searchQty', '.minus', function () {
9933                    if ($(this).closest('#js-cart').length) {
9934                        return;
9935                    }
9936                    var $input = $(this).parent().find('input');
9937                    if (parseInt($input.val()) > 1)
9938                        $input.val(parseInt($input.val()) - 1);
9939                });
9940
9941                $(document).off('change.searchQty', '.js-product-quantity');
9942                $(document).on('change.searchQty', '.js-product-quantity', function () {
9943                    let value = $(this).children("option:selected").attr('title');
9944                    let values = value.split('||');
9945                    if (values[0] === 'undefined')
9946                        values[0] = '';
9947                    if (values[1] == values[2])
9948                        values[2] = '';
9949                    //console.log(values['0']);
9950                    var $block = $(this).parents('.js-product-block');
9951                    $block.find('.js-offer-title').text(values[0]);
9952                    $block.find('.js-price_after_offer').text(values[1]);
9953                    $block.find('.js-price').text(values[2]);
9954                    $block.find('.js-unit-name').val(values[3]);
9955
9956                    var stockRaw = $(this).children("option:selected").attr('data-stock');
9957                    var outOfStock = stockRaw !== '' && stockRaw !== undefined && parseInt(stockRaw, 10) === 0;
9958                    var $addBtn = $block.find('.js-add-to-cart');
9959                    if (outOfStock) {
9960                        $addBtn.prop('disabled', true).attr('title', 'Out of stock');
9961                        toastr.warning('This pack size is currently out of stock.', '', { timeOut: 3000 });
9962                    } else {
9963                        $addBtn.prop('disabled', false).removeAttr('title');
9964                    }
9965                });
9966            }
9967        });
9968        window.searchApp = app;
9969        };
9970
9971        window.initSearchVue();
9972
9973
9974    </script>
9974
9975    <!-- End Search Page -->
9976
9977    
9977<script type="26bba01b74dbf278e5cdec51-text/javascript">
9978        document.addEventListener('DOMContentLoaded', function () {
9979            var headerSearchInput = document.querySelector('.top-categories-search input[name="keyword"]');
9980    
9981            if (!headerSearchInput) {
9982                return;
9983            }
9984    
9985            headerSearchInput.addEventListener('input', function (event) {
9986                var sanitizedValue = event.target.value.replace(/[^A-Za-z0-9\s\-'&]/g, '');
9987    
9988                if (sanitizedValue !== event.target.value) {
9989                    event.target.value = sanitizedValue;
9990                }
9991            });
9992        });
9993    </script>
9993
9994
9995    <!-- For Cart Function -->
9996    
9996<script type="26bba01b74dbf278e5cdec51-text/javascript">
9997        var isAuthenticated = false;
9998        var GUEST_CART_KEY  = 'omspice_guest_cart';
9999
10000        function getGuestCart()      { try { return JSON.parse(localStorage.getItem(GUEST_CART_KEY) || '[]'); } catch(e) { return []; } }
10001        function saveGuestCart(cart) { localStorage.setItem(GUEST_CART_KEY, JSON.stringify(cart)); }
10002
10003        function extractCartItemMeta($btn) {
10004            var $block  = $btn.closest('.js-product-block');
10005            var $form   = $btn.closest('form');
10006            var fields  = {};
10007            $form.serializeArray().forEach(function(f) { fields[f.name] = f.value; });
10008            var name  = $block.find('.product-title h2, .product-name h3, .pdp-info__title').first().text().trim();
10009            var image = $block.find('.product-header img').first().attr('src')
10010                     || $('.product-img-single img').first().attr('src') || '';
10011            var price = $block.find('.js-price_after_offer').first().text().replace(/[^0-9.]/g, '').trim();
10012            var $radioChecked = $block.find('input.js-product-quantity[type="radio"]:checked');
10013            var $selectOpt    = $block.find('select.js-product-quantity option:selected');
10014            var sizeLabel = '';
10015            if ($radioChecked.length) {
10016                var $fcLabel = $radioChecked.closest('.form-check').find('.form-check-label');
10017                if ($fcLabel.length) {
10018                    sizeLabel = $fcLabel.text().trim();
10019                } else if ($radioChecked.attr('id')) {
10020                    // Product detail page pack-size pills: <label for="..."> as a sibling, not a .form-check wrapper.
10021                    sizeLabel = $('label[for="' + $radioChecked.attr('id') + '"]').first().text().trim();
10022                }
10023            } else if ($selectOpt.length) {
10024                sizeLabel = $selectOpt.text().trim();
10025            }
10026            return {
10027                product_id:          fields['product_id']          || '',
10028                product_property_id: fields['product_property_id'] || '',
10029                product_quantity:    parseFloat(fields['product_quantity'] || 1),
10030                product_unit:        fields['product_unit']         || '',
10031                name: name, price: price || '0.00', image: image, size_label: sizeLabel
10032            };
10033        }
10034
10035        /**
10036         * Reads the stock_quantity of whichever variant is currently selected
10037         * for an Add-to-Cart button: a checked radio, a selected <option>, or
10038         * (single-variant products) the hidden product_property_id input.
10039         * Returns null when stock isn't tracked for that variant (unlimited).
10040         */
10041        function getSelectedStockQty($btn) {
10042            var $block = $btn.closest('.js-product-block');
10043            var $form  = $btn.closest('form');
10044            var $scope = $form.length ? $form : $block;
10045
10046            var candidates = [
10047                $scope.find('input.js-product-quantity[type="radio"]:checked'),
10048                $scope.find('select.js-product-quantity option:selected'),
10049                $scope.find('input[name="product_property_id"][type="hidden"]')
10050            ];
10051
10052            for (var i = 0; i < candidates.length; i++) {
10053                var $el = candidates[i];
10054                if ($el.length && $el.attr('data-stock') !== undefined) {
10055                    var raw = $el.attr('data-stock');
10056                    if (raw === '' || raw === null || typeof raw === 'undefined') {
10057                        return null;
10058                    }
10059                    var parsed = parseInt(raw, 10);
10060                    return isNaN(parsed) ? null : parsed;
10061                }
10062            }
10063
10064            return null;
10065        }
10066
10067        // Stops an Add-to-Cart click when the selected variant is tracked and
10068        // has zero stock. Applies to guests (localStorage) and logged-in users
10069        // (AJAX) alike, since neither path is safe to skip client-side.
10070        function blockIfOutOfStock($btn) {
10071            var stockQty = getSelectedStockQty($btn);
10072            if (stockQty === 0) {
10073                toastr.warning('This item is currently out of stock.', '', { timeOut: 3000 });
10074                return true;
10075            }
10076            return false;
10077        }
10078
10079        function guestCartToVueItems(guestItems) {
10080            return guestItems.map(function(g) {
10081                var total = parseFloat((parseFloat(g.price) * parseFloat(g.product_quantity)).toFixed(2));
10082                return {
10083                    product: { id: g.product_id, name: g.name, thumbnail_full_url: g.image },
10084                    product_property: {
10085                        id: g.product_property_id,
10086                        base_quantity: g.size_label, quantity_unit: '',
10087                        user_input_quantity: g.product_quantity,
10088                        price_after_discount: g.price,
10089                        total_price_after_offer: total,
10090                        offers: []
10091                    }
10092                };
10093            });
10094        }
10095
10096        // To list header cart details
10097    var cartObj = {
10098        noOfItems: 0,
10099        cartItems: [],
10100        totalPrice: 0,
10101        priceDetails: {
10102            gross_total: '0',
10103            total_price: '0',
10104            total_offer_amount: '0',
10105            total_gst: '0',
10106            coupon_code: '',
10107            coupon_amount: '0'
10108        },
10109        taxPerc: 0,
10110        cartLoading: true,
10111        currentRequest: null,
10112        loadedThumbs: {}
10113    };
10114
10115    function applyPriceDetails(cartThis, priceDetails) {
10116        cartThis.priceDetails = {
10117            gross_total: priceDetails.gross_total || '0',
10118            total_price: priceDetails.total_price || '0',
10119            total_offer_amount: priceDetails.total_offer_amount || '0',
10120            total_gst: priceDetails.total_gst || '0',
10121            coupon_code: priceDetails.coupon_code || '',
10122            coupon_amount: priceDetails.coupon_amount || '0'
10123        };
10124        cartThis.totalPrice = parseFloat(cartThis.priceDetails.total_price || 0).toFixed(2);
10125    }
10126
10127    function computeGuestPriceDetails(items) {
10128        var gross = 0;
10129        var total = 0;
10130
10131        items.forEach(function (item) {
10132            total += parseFloat(item.product_property.total_price_after_offer || 0);
10133            gross += parseFloat(item.product_property.total_price_before_offer || item.product_property.total_price_after_offer || 0);
10134        });
10135
10136        return {
10137            gross_total: gross.toFixed(2),
10138            total_price: total.toFixed(2),
10139            total_offer_amount: Math.max(0, gross - total).toFixed(2),
10140            total_gst: '0'
10141        };
10142    }
10143
10144    function syncCartPageFromHeader() {
10145        if (typeof cartpage === 'undefined') {
10146            return;
10147        }
10148        cartpage.cartItems = topcart.cartItems;
10149        cartpage.totalPrice = topcart.totalPrice;
10150        cartpage.noOfItems = topcart.noOfItems;
10151        cartpage.priceDetails = topcart.priceDetails;
10152        cartpage.taxPerc = topcart.taxPerc;
10153        if (typeof window.cartRecommendationsCallback === 'function') {
10154            window.cartRecommendationsCallback(topcart.cartItems);
10155        }
10156    }
10157
10158    function isCheckoutPage() {
10159        return window.location.pathname.indexOf('/checkout') !== -1;
10160    }
10161
10162    function cartFingerprint(products) {
10163        return (products || []).map(function (item) {
10164            var productId = item.product && item.product.id ? item.product.id : '';
10165            var propertyId = item.product_property && item.product_property.id ? item.product_property.id : '';
10166            var qty = item.product_property && item.product_property.user_input_quantity
10167                ? item.product_property.user_input_quantity
10168                : '';
10169            return productId + ':' + propertyId + ':' + qty;
10170        }).sort().join('|');
10171    }
10172
10173    // Keep checkout in sync when the cart changes from the side cart / cart page.
10174    function syncCheckoutWithCart(cartData) {
10175        if (!isCheckoutPage()) {
10176            return;
10177        }
10178
10179        var products = (cartData && cartData.products) ? cartData.products : [];
10180        if (!products.length) {
10181            window.location.href = "https://omspice.com.au/cart";
10182            return;
10183        }
10184
10185        $.get("https://omspice.com.au/checkout/summary")
10186            .done(function (resp) {
10187                if (!resp || !resp.success) {
10188                    if (resp && resp.redirect) {
10189                        window.location.href = resp.redirect;
10190                        return;
10191                    }
10192                    window.location.reload();
10193                    return;
10194                }
10195
10196                var $summary = $('.checkout-summary');
10197                if ($summary.length) {
10198                    $summary.replaceWith(resp.html);
10199                }
10200
10201                var $wrap = $('.checkout-content-wrap');
10202                if ($wrap.length && resp.cart_fingerprint !== undefined) {
10203                    $wrap.attr('data-cart-fingerprint', resp.cart_fingerprint);
10204                }
10205
10206                if (typeof resetShippingCalculationState === 'function') {
10207                    resetShippingCalculationState();
10208                }
10209            })
10210            .fail(function () {
10211                window.location.reload();
10212            });
10213    }
10214
10215    var topcart = new Vue({
10216        el: '#js-header-cart',
10217        data: cartObj,
10218        methods: {
10219            fetchCart: function () {
10220                var cartThis = this;
10221                if (!isAuthenticated) {
10222                    cartThis.loadGuestCart();
10223                    syncCartPageFromHeader();
10224                    if ($('#showfirstloading').length) {
10225                        $('#showfirstloading').hide();
10226                    }
10227                    if ($('#js-cart').length) {
10228                        $('#js-cart').removeClass('d-none');
10229                    }
10230                    return;
10231                }
10232
10233                jQuery.ajaxSetup({
10234                    headers: {
10235                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
10236                    }
10237                });
10238                this.currentRequest = jQuery.ajax({
10239                    type: 'POST',
10240                    cache: false,
10241                    data: '',
10242                    url: 'https://omspice.com.au/cart/products',
10243                    beforeSend: function () {
10244                        cartThis.cartLoading = true;
10245                        if (cartThis.currentRequest != null) {
10246                            cartThis.currentRequest.abort();
10247                        }
10248                    },
10249                    success: function (returnItems) {
10250                        cartThis.loadCart(returnItems);
10251                        syncCartPageFromHeader();
10252                    },
10253                    complete: function () {
10254                        if ($('#showfirstloading').length) {
10255                            $('#showfirstloading').hide();
10256                        }
10257                        if ($('#js-cart').length) {
10258                            $('#js-cart').removeClass("d-none");
10259                        }
10260                        cartThis.showloading = false;
10261                        document.dispatchEvent(new Event('cart:ready'));
10262                    }
10263                });
10264                return false;
10265            },
10266            loadCart: function (returnItems) {
10267                var cartThis = this;
10268                cartThis.cartItems = returnItems.products || [];
10269
10270                if (returnItems.price_details) {
10271                    applyPriceDetails(cartThis, returnItems.price_details);
10272                } else {
10273                    var TP = 0;
10274                    cartThis.cartItems.forEach(function (item) {
10275                        TP += parseFloat(item.product_property.total_price_after_offer || 0);
10276                    });
10277                    applyPriceDetails(cartThis, {
10278                        gross_total: TP.toFixed(2),
10279                        total_price: TP.toFixed(2),
10280                        total_offer_amount: '0',
10281                        total_gst: '0'
10282                    });
10283                }
10284
10285                if (returnItems.tax_perc !== undefined && returnItems.tax_perc !== null) {
10286                    cartThis.taxPerc = returnItems.tax_perc;
10287                }
10288
10289                cartThis.noOfItems = cartThis.cartItems.length;
10290
10291                if (cartThis.noOfItems > 0) {
10292                    jQuery('#js-noOfItemsInCart').text(cartThis.noOfItems).show();
10293                    jQuery('#js-header-cart-total').text('$' + parseFloat(cartThis.totalPrice || 0).toFixed(2)).show();
10294                } else {
10295                    jQuery('#js-noOfItemsInCart').hide();
10296                    jQuery('#js-header-cart-total').hide();
10297                }
10298            },
10299            loadGuestCart: function () {
10300                var cartThis = this;
10301                var guestItems = getGuestCart();
10302                cartThis.cartItems = guestCartToVueItems(guestItems);
10303                applyPriceDetails(cartThis, computeGuestPriceDetails(cartThis.cartItems));
10304                cartThis.noOfItems = cartThis.cartItems.length;
10305
10306                if (cartThis.noOfItems > 0) {
10307                    jQuery('#js-noOfItemsInCart').text(cartThis.noOfItems).show();
10308                    jQuery('#js-header-cart-total').text('$' + parseFloat(cartThis.totalPrice || 0).toFixed(2)).show();
10309                } else {
10310                    jQuery('#js-noOfItemsInCart').hide();
10311                    jQuery('#js-header-cart-total').hide();
10312                }
10313            }
10314        },
10315        mounted: function () {
10316            this.fetchCart();
10317            var cartThis = this;
10318
10319            $(document).on('click', '.js-remove-cart-item', function () {
10320                var $form = $(this).parent('form');
10321                var $item = $(this).closest('.cart-item');
10322                var productName = $.trim($form.find('h4').text()) || 'Item';
10323
10324                if (!isAuthenticated) {
10325                    var pid  = $form.find('[name="product_id"]').val();
10326                    var ppid = $form.find('[name="product_property_id"]').val();
10327                    var cart = getGuestCart().filter(function(g) {
10328                        return !(String(g.product_id) === String(pid) && String(g.product_property_id) === String(ppid));
10329                    });
10330                    saveGuestCart(cart);
10331                    cartThis.loadGuestCart();
10332                    if (typeof cartpage !== 'undefined') {
10333                        cartpage.cartItems = cartThis.cartItems;
10334                        cartpage.totalPrice = cartThis.totalPrice;
10335                        cartpage.noOfItems = cartThis.noOfItems;
10336                        cartpage.priceDetails = cartThis.priceDetails;
10337                    }
10338                    toastr.success(productName + ' was removed from your cart.', 'Removed from cart', {
10339                        positionClass: 'toast-bottom-left',
10340                        progressBar: true,
10341                        closeButton: true
10342                    });
10343                    return;
10344                }
10345
10346                $item.addClass('cart-item-updating');
10347                $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } });
10348                $.ajax({
10349                    type: 'POST',
10350                    url: "https://omspice.com.au/cart/product/remove",
10351                    data: $form.serialize(),
10352                    success: function (data) {
10353                        if (data.status == 1) {
10354                            cartThis.loadCart(data);
10355                            syncCartPageFromHeader();
10356                            syncCheckoutWithCart(data);
10357                            toastr.success(productName + ' was removed from your cart.', 'Removed from cart', {
10358                                positionClass: 'toast-bottom-left',
10359                                progressBar: true,
10360                                closeButton: true
10361                            });
10362                        } else {
10363                            window.location.href = "https://omspice.com.au/login";
10364                        }
10365                    },
10366                    error: function () {
10367                        toastr.error('Could not remove this item. Please try again.', 'Something went wrong', {
10368                            positionClass: 'toast-bottom-left',
10369                            progressBar: true,
10370                            closeButton: true
10371                        });
10372                    },
10373                    complete: function () {
10374                        $item.removeClass('cart-item-updating');
10375                    }
10376                });
10377            });
10378        }
10379    });
10380    window.topcart = topcart;
10381    window.initCartVue = function () {
10382        if (!document.getElementById('js-cart')) {
10383            return;
10384        }
10385        var cartImgFallbackUrl = "https:\/\/omspice.com.au\/front\/images\/product-placeholder.svg";
10386        // Global (not `var`-scoped to this function) because syncCartPageFromHeader()
10387        // and the remove-item handler above reference `cartpage` as a bare
10388        // identifier from their own, different function scopes — a plain `var`
10389        // here is invisible to them, so `typeof cartpage !== 'undefined'` was
10390        // always false there and the on-screen cart list silently never got
10391        // told about removals or header-driven quantity syncs.
10392        window.cartpage = new Vue({
10393            el: '#js-cart',
10394            data: cartObj,
10395            methods: {
10396                cartThumbKey: function (item) {
10397                    if (!item || !item.product) {
10398                        return '';
10399                    }
10400                    return item.product.thumbnail_full_url || cartImgFallbackUrl;
10401                },
10402                isCartThumbLoaded: function (item) {
10403                    var key = this.cartThumbKey(item);
10404                    return !!(key && this.loadedThumbs[key]);
10405                },
10406                onCartImageLoad: function (item) {
10407                    var key = this.cartThumbKey(item);
10408                    if (!key || this.loadedThumbs[key]) {
10409                        return;
10410                    }
10411                    this.$set(this.loadedThumbs, key, true);
10412                },
10413                onCartImageError: function (item, event) {
10414                    var img = event && event.target;
10415                    if (img && img.src.indexOf('product-placeholder') === -1) {
10416                        img.src = cartImgFallbackUrl;
10417                        return;
10418                    }
10419                    this.onCartImageLoad(item);
10420                },
10421                settleCartThumbs: function () {
10422                    var cartPageThis = this;
10423                    this.$nextTick(function () {
10424                        if (!cartPageThis.$el || !cartPageThis.$el.querySelectorAll) {
10425                            return;
10426                        }
10427                        cartPageThis.$el.querySelectorAll('.cart-product-img .js-product-thumb-img').forEach(function (img) {
10428                            if (!(img.complete && img.naturalWidth > 0)) {
10429                                return;
10430                            }
10431                            var key = img.getAttribute('data-thumb-key') || cartPageThis.cartThumbKey({
10432                                product: { thumbnail_full_url: img.getAttribute('src') }
10433                            });
10434                            if (key && !cartPageThis.loadedThumbs[key]) {
10435                                cartPageThis.$set(cartPageThis.loadedThumbs, key, true);
10436                            }
10437                        });
10438                    });
10439                },
10440                hasItemDiscount: function (item) {
10441                    var price = parseFloat(item.product_property.price || 0);
10442                    var sale = parseFloat(item.product_property.price_after_discount || 0);
10443                    return price > sale;
10444                },
10445                getOfferTitle: function (item) {
10446                    var offers = item.product_property.offers;
10447                    if (!offers) {
10448                        return '';
10449                    }
10450                    if (offers.title) {
10451                        return offers.title;
10452                    }
10453                    if (Array.isArray(offers) && offers.length && offers[0].title) {
10454                        return offers[0].title;
10455                    }
10456                    return '';
10457                },
10458                formatCountries: function (countries) {
10459                    if (!countries) {
10460                        return '';
10461                    }
10462                    if (Array.isArray(countries)) {
10463                        return countries.join(', ');
10464                    }
10465                    return countries;
10466                },
10467                hasGrossTotal: function () {
10468                    return parseFloat(this.priceDetails.gross_total || 0) > parseFloat(this.priceDetails.total_price || 0);
10469                },
10470                hasSavings: function () {
10471                    return parseFloat(this.priceDetails.total_offer_amount || 0) > 0;
10472                },
10473                hasGst: function () {
10474                    return parseFloat(this.priceDetails.total_gst || 0) > 0;
10475                },
10476                hasCoupon: function () {
10477                    return !!this.priceDetails.coupon_code && parseFloat(this.priceDetails.coupon_amount || 0) > 0;
10478                },
10479                finalTotal: function () {
10480                    var total = parseFloat(this.priceDetails.total_price || 0);
10481                    if (this.hasCoupon()) {
10482                        total -= parseFloat(this.priceDetails.coupon_amount || 0);
10483                    }
10484                    return Math.max(0, total).toFixed(2);
10485                },
10486                removeCartCoupon: function () {
10487                    var cartPageThis = this;
10488                    $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } });
10489                    $.ajax({
10490                        type: 'POST',
10491                        url: "https://omspice.com.au/remove/coupon",
10492                        success: function (data) {
10493                            if (data.status == 1) {
10494                                cartPageThis.priceDetails.coupon_code = '';
10495                                cartPageThis.priceDetails.coupon_amount = '0';
10496                                toastr.success('Coupon removed.', 'Coupon removed', {
10497                                    positionClass: 'toast-bottom-left',
10498                                    progressBar: true,
10499                                    closeButton: true
10500                                });
10501                            }
10502                        },
10503                        error: function () {
10504                            toastr.error('Could not remove the coupon. Please try again.', 'Something went wrong', {
10505                                positionClass: 'toast-bottom-left',
10506                                progressBar: true,
10507                                closeButton: true
10508                            });
10509                        }
10510                    });
10511                },
10512                applyLocalQty: function (propertyId, newQty) {
10513                    var cartPageThis = this;
10514                    var item = (cartPageThis.cartItems || []).find(function (row) {
10515                        return String(row.product_property.id) === String(propertyId);
10516                    });
10517                    if (!item) {
10518                        return;
10519                    }
10520
10521                    var unit = parseFloat(item.product_property.price_after_discount || 0);
10522                    item.product_property.user_input_quantity = String(newQty);
10523                    item.product_property.total_price_after_offer = (unit * newQty).toFixed(2);
10524
10525                    var total = 0;
10526                    var gross = 0;
10527                    cartPageThis.cartItems.forEach(function (row) {
10528                        var qty = parseInt(row.product_property.user_input_quantity, 10) || 0;
10529                        var sale = parseFloat(row.product_property.price_after_discount || 0);
10530                        var regular = parseFloat(row.product_property.price || 0);
10531                        total += sale * qty;
10532                        gross += regular * qty;
10533                    });
10534                    cartPageThis.priceDetails = {
10535                        gross_total: gross.toFixed(2),
10536                        total_price: total.toFixed(2),
10537                        total_offer_amount: Math.max(0, gross - total).toFixed(2),
10538                        total_gst: cartPageThis.priceDetails.total_gst || '0'
10539                    };
10540                    cartPageThis.totalPrice = total.toFixed(2);
10541                },
10542                scheduleCartSync: function ($form, $item) {
10543                    var cartPageThis = this;
10544                    var propertyId = String($form.find('[name="product_property_id"]').val() || '');
10545                    if (!propertyId) {
10546                        return;
10547                    }
10548
10549                    cartPageThis._qtyTimers = cartPageThis._qtyTimers || {};
10550                    cartPageThis._qtyXhrs = cartPageThis._qtyXhrs || {};
10551
10552                    if (cartPageThis._qtyTimers[propertyId]) {
10553                        clearTimeout(cartPageThis._qtyTimers[propertyId]);
10554                    }
10555                    if (cartPageThis._qtyXhrs[propertyId] && cartPageThis._qtyXhrs[propertyId].abort) {
10556                        cartPageThis._qtyXhrs[propertyId].abort();
10557                    }
10558
10559                    cartPageThis._qtyTimers[propertyId] = setTimeout(function () {
10560                        cartPageThis.persistCartQty($form, $item, propertyId);
10561                    }, 350);
10562                },
10563                persistCartQty: function ($form, $item, propertyId) {
10564                    var cartPageThis = this;
10565
10566                    if (!isAuthenticated) {
10567                        var pid = $form.find('[name="product_id"]').val();
10568                        var ppid = $form.find('[name="product_property_id"]').val();
10569                        var newQty = parseInt($form.find('[name="product_quantity"]').val(), 10) || 1;
10570                        var cart = getGuestCart().map(function (g) {
10571                            if (String(g.product_id) === String(pid) && String(g.product_property_id) === String(ppid)) {
10572                                g.product_quantity = newQty;
10573                            }
10574                            return g;
10575                        });
10576                        saveGuestCart(cart);
10577                        topcart.loadGuestCart();
10578                        syncCartPageFromHeader();
10579                        return;
10580                    }
10581
10582                    $item.addClass('cart-item-updating');
10583                    cartPageThis._qtyXhrs[propertyId] = $.ajax({
10584                        type: 'POST',
10585                        url: "https://omspice.com.au/cart/product/update",
10586                        headers: {
10587                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
10588                        },
10589                        data: $form.serialize(),
10590                        success: function (data) {
10591                            if (data.status == 1) {
10592                                topcart.loadCart(data);
10593                                cartPageThis.cartItems = topcart.cartItems;
10594                                cartPageThis.totalPrice = topcart.totalPrice;
10595                                cartPageThis.noOfItems = topcart.noOfItems;
10596                                cartPageThis.priceDetails = topcart.priceDetails;
10597                                cartPageThis.taxPerc = topcart.taxPerc;
10598                                syncCheckoutWithCart(data);
10599                            } else {
10600                                window.location.href = "https://omspice.com.au/login";
10601                            }
10602                        },
10603                        error: function (xhr, status) {
10604                            if (status === 'abort') {
10605                                return;
10606                            }
10607                            toastr.error('Could not update your cart. Please try again.', 'Something went wrong', {
10608                                positionClass: 'toast-bottom-left',
10609                                progressBar: true,
10610                                closeButton: true
10611                            });
10612                            // Refresh from server/header so UI matches truth after a failed save.
10613                            if (typeof topcart !== 'undefined' && topcart.fetchCart) {
10614                                topcart.fetchCart();
10615                            }
10616                        },
10617                        complete: function () {
10618                            $item.removeClass('cart-item-updating');
10619                            if (cartPageThis._qtyXhrs) {
10620                                delete cartPageThis._qtyXhrs[propertyId];
10621                            }
10622                        }
10623                    });
10624                },
10625                updateCart: function (e) {
10626                    // Kept for compatibility; quantity clicks now use scheduleCartSync.
10627                    var $item = e.closest('.cart-item');
10628                    var $form = e.parents('form');
10629                    this.scheduleCartSync($form, $item);
10630                }
10631
10632            },
10633            mounted: function () {
10634                var cartPageThis = this;
10635                // #js-cart starts with a static "d-none" class (avoids a flash of
10636                // uncompiled Vue template before this mount runs). The only other
10637                // place that removes it is topcart's own one-time fetchCart(),
10638                // which only fires once per browser session on whatever page
10639                // happens to load first — so arriving at /cart via
10640                // from any other page, after topcart already mounted elsewhere,
10641                // left it permanently hidden. This instance reconstructs fresh on
10642                // every visit to /cart, so it must reveal itself every time too.
10643                if ($('#showfirstloading').length) {
10644                    $('#showfirstloading').hide();
10645                }
10646                $('#js-cart').removeClass('d-none');
10647                if (typeof window.cartPageTaxPerc !== 'undefined') {
10648                    cartPageThis.taxPerc = window.cartPageTaxPerc;
10649                    topcart.taxPerc = window.cartPageTaxPerc;
10650                }
10651                syncCartPageFromHeader();
10652                cartPageThis.settleCartThumbs();
10653                cartPageThis.$watch('cartItems', function () {
10654                    cartPageThis.settleCartThumbs();
10655                });
10656                // Scope to the cart page only so shop-page +/- handlers don't stack.
10657                // off() must be called with the exact same selector string each
10658                // on() used — off('.plus, .minus') does NOT remove handlers bound
10659                // separately as '.plus' and '.minus', so the two calls below each
10660                // get their own matching off() right before their on().
10661                $(document).off('click.cartQty', '#js-cart .plus');
10662                $(document).on('click.cartQty', '#js-cart .plus', function (e) {
10663                    e.preventDefault();
10664                    e.stopPropagation();
10665                    var $btn = $(this);
10666                    var $form = $btn.closest('form');
10667                    var $item = $btn.closest('.cart-item');
10668                    var $input = $form.find('input[name="product_quantity"]');
10669                    var propertyId = $form.find('[name="product_property_id"]').val();
10670                    var current = parseInt($input.val(), 10) || 1;
10671                    var newQty = current + 1;
10672                    $input.val(newQty);
10673                    cartPageThis.applyLocalQty(propertyId, newQty);
10674                    cartPageThis.scheduleCartSync($form, $item);
10675                });
10676
10677                $(document).off('click.cartQty', '#js-cart .minus');
10678                $(document).on('click.cartQty', '#js-cart .minus', function (e) {
10679                    e.preventDefault();
10680                    e.stopPropagation();
10681                    var $btn = $(this);
10682                    var $form = $btn.closest('form');
10683                    var $item = $btn.closest('.cart-item');
10684                    var $input = $form.find('input[name="product_quantity"]');
10685                    var propertyId = $form.find('[name="product_property_id"]').val();
10686                    var current = parseInt($input.val(), 10) || 1;
10687                    if (current <= 1) {
10688                        return;
10689                    }
10690                    var newQty = current - 1;
10691                    $input.val(newQty);
10692                    cartPageThis.applyLocalQty(propertyId, newQty);
10693                    cartPageThis.scheduleCartSync($form, $item);
10694                });
10695            }
10696        });
10697    };
10698
10699    window.initCartVue();
10700
10701    // After login: sync guest cart to DB then redirect
10702    if (isAuthenticated) {
10703        $(document).ready(function() {
10704            var raw = localStorage.getItem(GUEST_CART_KEY);
10705            if (!raw) return;
10706            var items = [];
10707            try { items = JSON.parse(raw); } catch(e) {}
10708            if (!items.length) { localStorage.removeItem(GUEST_CART_KEY); return; }
10709            $.ajax({
10710                type: 'POST',
10711                url: "https://omspice.com.au/cart/sync-guest",
10712                headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
10713                contentType: 'application/json',
10714                data: JSON.stringify({ items: items }),
10715                success: function(data) {
10716                    localStorage.removeItem(GUEST_CART_KEY);
10717                    if (data.status == 1) {
10718                        if (data.skipped_items && data.skipped_items.length) {
10719                            sessionStorage.setItem('omspice_cart_skipped', JSON.stringify(data.skipped_items));
10720                        }
10721                        var checkoutIntent = sessionStorage.getItem('omspice_checkout_intent');
10722                        sessionStorage.removeItem('omspice_checkout_intent');
10723                        if (checkoutIntent) {
10724                            window.location.href = "https://omspice.com.au/checkout";
10725                        } else if (window.location.pathname.indexOf('checkout') !== -1 || window.location.pathname.indexOf('/cart') !== -1) {
10726                            window.location.reload();
10727                        } else {
10728                            if (typeof topcart !== 'undefined') {
10729                                topcart.loadCart(data);
10730                            }
10731                            showSkippedGuestCartItems();
10732                        }
10733                    }
10734                }
10735            });
10736        });
10737    }
10738
10739    // Some guest-cart items may get dropped when merged into the real cart
10740    // above (e.g. gone out of stock while browsing signed out). Surfaces
10741    // those reasons once, even across the redirect/reload paths above.
10742    function showSkippedGuestCartItems() {
10743        var raw = sessionStorage.getItem('omspice_cart_skipped');
10744        if (!raw) return;
10745        sessionStorage.removeItem('omspice_cart_skipped');
10746        var skipped = [];
10747        try { skipped = JSON.parse(raw); } catch (e) {}
10748        if (skipped && skipped.length && typeof toastr !== 'undefined') {
10749            toastr.warning(skipped.join('<br>'), 'Some cart items could not be kept', {
10750                timeOut: 7000,
10751                extendedTimeOut: 2000,
10752                escapeHtml: false
10753            });
10754        }
10755    }
10756    $(document).ready(showSkippedGuestCartItems);
10757
10758    (function () {
10759        function escapeHtml(str) {
10760            return String(str || '')
10761                .replace(/&/g, '&amp;')
10762                .replace(/</g, '&lt;')
10763                .replace(/>/g, '&gt;')
10764                .replace(/"/g, '&quot;');
10765        }
10766
10767        function formatPrice(amount) {
10768            var n = parseFloat(amount);
10769            if (isNaN(n)) n = 0;
10770            return '$' + n.toFixed(2);
10771        }
10772
10773        function buildStarsHtml(avg, count) {
10774            var rounded = Math.round(parseFloat(avg) || 0);
10775            var html = '<span class="product-choices-modal__stars">';
10776            for (var i = 1; i <= 5; i++) {
10777                html += '<i class="' + (i <= rounded ? 'fas' : 'far') + ' fa-star"></i>';
10778            }
10779            html += '</span> <span class="product-choices-modal__rating-count">(' + (count || 0) + ')</span>';
10780            return html;
10781        }
10782
10783        function updateVariantButton($variant) {
10784            var qty = parseInt($variant.find('.js-choices-qty-input').val(), 10) || 1;
10785            var unitPrice = parseFloat($variant.data('unit-price')) || 0;
10786            $variant.find('.js-modal-add-to-cart').html('Add to Cart &bull; ' + formatPrice(unitPrice * qty));
10787        }
10788
10789        function renderSummary(data) {
10790            var desc = data.description
10791                ? '<p class="product-choices-modal__desc">' + escapeHtml(data.description) + '</p>'
10792                : '';
10793            var rating = '<div class="product-choices-modal__rating">' + buildStarsHtml(data.avg_rating, data.review_count) + '</div>';
10794            return ''
10795                + '<div class="product-choices-modal__summary-inner">'
10796                + '<a href="' + escapeHtml(data.url) + '" class="product-choices-modal__thumb">'
10797                + '<img src="' + escapeHtml(data.thumbnail_full_url) + '" alt="">'
10798                + '</a>'
10799                + '<div class="product-choices-modal__info">'
10800                + '<h3 class="product-choices-modal__name">' + escapeHtml(data.name) + '</h3>'
10801                + rating
10802                + desc
10803                + '</div></div>';
10804        }
10805
10806        function renderVariant(v, product) {
10807            var hasDiscount = parseFloat(v.price_after_offer) < parseFloat(v.price);
10808            var outOfStock = v.stock_quantity !== null && v.stock_quantity !== undefined && Number(v.stock_quantity) === 0;
10809            var stockHtml = '';
10810            if (v.stock_quantity !== null && v.stock_quantity !== undefined) {
10811                stockHtml = outOfStock
10812                    ? '<span class="product-choices-modal__stock product-choices-modal__stock--out">Out of stock</span>'
10813                    : '<span class="product-choices-modal__stock">Stock: ' + escapeHtml(String(v.stock_quantity)) + ' available</span>';
10814            }
10815            var discountPercent = hasDiscount ? Math.round((1 - (parseFloat(v.price_after_offer) / parseFloat(v.price))) * 100) : 0;
10816            var offerBadge = v.offer_title
10817                ? '<span class="product-choices-modal__offer-badge">' + escapeHtml(v.offer_title) + '</span>'
10818                : (discountPercent > 0
10819                    ? '<span class="product-choices-modal__offer-badge">' + discountPercent + '% OFF</span>'
10820                    : '');
10821            var oldPrice = hasDiscount
10822                ? '<span class="product-choices-modal__price-old">' + formatPrice(v.price) + '</span>'
10823                : '';
10824
10825            return ''
10826                + '<div class="product-choices-modal__variant' + (outOfStock ? ' is-out-of-stock' : '') + '" '
10827                + 'data-property-id="' + escapeHtml(String(v.id)) + '" '
10828                + 'data-unit-name="' + escapeHtml(v.unit_name || '') + '" '
10829                + 'data-unit-price="' + escapeHtml(String(v.price_after_offer)) + '" '
10830                + 'data-label="' + escapeHtml(v.label) + '" '
10831                + 'data-image="' + escapeHtml(v.image || product.thumbnail_full_url) + '" '
10832                + 'data-product-id="' + escapeHtml(String(product.id)) + '" '
10833                + 'data-product-name="' + escapeHtml(product.name) + '">'
10834                + '<div class="product-choices-modal__variant-top">'
10835                + '<img class="product-choices-modal__variant-thumb" src="' + escapeHtml(v.image || product.thumbnail_full_url) + '" alt="">'
10836                + '<div class="product-choices-modal__variant-info">'
10837                + '<div class="product-choices-modal__variant-label-row">'
10838                + '<span class="product-choices-modal__variant-label">' + escapeHtml(v.label) + '</span>'
10839                + offerBadge
10840                + '</div>'
10841                + '<div class="product-choices-modal__variant-prices">'
10842                + '<strong class="product-choices-modal__price-now">' + formatPrice(v.price_after_offer) + '</strong>'
10843                + oldPrice
10844                + '</div>'
10845                + stockHtml
10846                + '</div></div>'
10847                + '<div class="product-choices-modal__variant-actions">'
10848                + '<div class="product-choices-modal__qty">'
10849                + '<span class="product-choices-modal__qty-label">Qty:</span>'
10850                + '<div class="product-choices-modal__qty-stepper">'
10851                + '<button type="button" class="product-choices-modal__qty-btn js-choices-qty-minus"' + (outOfStock ? ' disabled' : '') + ' aria-label="Decrease quantity">&minus;</button>'
10852                + '<input type="text" class="product-choices-modal__qty-input js-choices-qty-input" value="1" readonly>'
10853                + '<button type="button" class="product-choices-modal__qty-btn js-choices-qty-plus"' + (outOfStock ? ' disabled' : '') + ' aria-label="Increase quantity">+</button>'
10854                + '</div>'
10855                + '</div>'
10856                + '<button type="button" class="product-choices-modal__add-btn js-modal-add-to-cart"' + (outOfStock ? ' disabled' : '') + '>'
10857                + 'Add to Cart &bull; ' + formatPrice(v.price_after_offer)
10858                + '</button>'
10859                + '</div></div>';
10860        }
10861
10862        function showAddedState($btn) {
10863            var original = $btn.data('ohtml') || $btn.html();
10864            $btn.data('ohtml', original);
10865            var addedHtml = '<svg class="checkmark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52"><circle class="checkmark__circle" cx="26" cy="26" r="25" fill="none"/><path class="checkmark__check" fill="none" d="M14.1 27.2l7.1 7.2 16.7-16.8"/></svg>Added';
10866            $btn.html(addedHtml);
10867            setTimeout(function () { $btn.html($btn.data('ohtml')); }, 3000);
10868        }
10869
10870        function addToCartFromModal(payload, $btn) {
10871            if (!isAuthenticated) {
10872                var cart = getGuestCart();
10873                var found = false;
10874                for (var i = 0; i < cart.length; i++) {
10875                    if (String(cart[i].product_id) === String(payload.product_id) &&
10876                        String(cart[i].product_property_id) === String(payload.product_property_id)) {
10877                        cart[i].product_quantity += payload.product_quantity;
10878                        found = true;
10879                        break;
10880                    }
10881                }
10882                if (!found) cart.push(payload);
10883                saveGuestCart(cart);
10884                topcart.loadGuestCart();
10885                showAddedState($btn);
10886                return;
10887            }
10888
10889            $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } });
10890            $btn.data('ohtml', $btn.html());
10891            $btn.prop('disabled', true).addClass('cart-adding');
10892            $btn.append('<div class="loader-icon"><img src="https://omspice.com.au/front/images/cart-loader.svg" alt="Processing"></div>');
10893
10894            $.ajax({
10895                type: 'POST',
10896                url: "https://omspice.com.au/cart/store/product",
10897                data: {
10898                    product_id: payload.product_id,
10899                    product_property_id: payload.product_property_id,
10900                    product_quantity: payload.product_quantity,
10901                    product_unit: payload.product_unit,
10902                    _token: $('meta[name="csrf-token"]').attr('content')
10903                },
10904                success: function (data) {
10905                    $btn.removeClass('cart-adding').find('.loader-icon').remove();
10906                    if (data.status == 1) {
10907                        topcart.loadCart(data);
10908                        showAddedState($btn);
10909                        $btn.prop('disabled', false);
10910                    } else if (data.status_code === 'failed' && data.error) {
10911                        $btn.html($btn.data('ohtml')).prop('disabled', false);
10912                        toastr.warning(data.error, '', { timeOut: 4000 });
10913                    } else {
10914                        window.location.href = "https://omspice.com.au/login";
10915                    }
10916                },
10917                error: function () {
10918                    $btn.html($btn.data('ohtml')).removeClass('cart-adding').prop('disabled', false);
10919                    toastr.error('Could not add to cart. Please check your connection and try again.', '', { timeOut: 4000 });
10920                }
10921            });
10922        }
10923
10924        function normalizeVueProduct(product) {
10925            var variants = (product.product_properties || []).map(function (v) {
10926                var offerTitle = (v.offers && v.offers.title) ? v.offers.title : '';
10927                return {
10928                    id: v.id,
10929                    label: String(v.quantity) + (v.quantity_unit_name || ''),
10930                    price: v.price,
10931                    price_after_offer: v.price_after_offer,
10932                    offer_title: offerTitle,
10933                    unit_name: v.quantity_unit_name || '',
10934                    stock_quantity: v.stock_quantity,
10935                    image: product.thumbnail_full_url
10936                };
10937            });
10938            var desc = product.description ? String(product.description).replace(/<[^>]+>/g, '') : '';
10939            if (desc.length > 140) desc = desc.substring(0, 140) + '...';
10940            return {
10941                id: product.id,
10942                name: product.name,
10943                description: desc,
10944                thumbnail_full_url: product.thumbnail_full_url,
10945                avg_rating: product.avg_rating,
10946                review_count: product.review_count || 0,
10947                url: product.product_detail_link || (base_url + '/product/' + (product.slug || '')),
10948                variants: variants
10949            };
10950        }
10951
10952        function parseProductData(el) {
10953            var raw = el.getAttribute('data-product');
10954            if (!raw) return null;
10955            try {
10956                return JSON.parse(raw);
10957            } catch (e1) {
10958                try {
10959                    var ta = document.createElement('textarea');
10960                    ta.innerHTML = raw;
10961                    return JSON.parse(ta.value);
10962                } catch (e2) {
10963                    return null;
10964                }
10965            }
10966        }
10967
10968        window.ProductChoicesModal = {
10969            open: function (data) {
10970                var $modal = $('#productChoicesModal');
10971                if (!$modal.length || !data || !data.variants || !data.variants.length) return;
10972                $modal.find('.js-choices-summary').html(renderSummary(data));
10973                var countLabel = data.variants.length + ' ' + (data.variants.length === 1 ? 'Choice' : 'Choices');
10974                $modal.find('.js-choices-count').text(countLabel);
10975                $modal.find('.js-choices-list').html(data.variants.map(function (v) {
10976                    return renderVariant(v, data);
10977                }).join(''));
10978                $('body').addClass('product-choices-modal-open');
10979                $modal.addClass('is-open').attr('aria-hidden', 'false');
10980            },
10981            openFromVue: function (product) {
10982                this.open(normalizeVueProduct(product));
10983            },
10984            close: function () {
10985                $('body').removeClass('product-choices-modal-open');
10986                $('#productChoicesModal').removeClass('is-open').attr('aria-hidden', 'true');
10987            }
10988        };
10989
10990        window.openProductChoices = function (product) {
10991            window.ProductChoicesModal.openFromVue(product);
10992        };
10993
10994        $(function () {
10995            var $modal = $('#productChoicesModal');
10996            if ($modal.length && !$modal.parent().is('body')) {
10997                $modal.appendTo('body');
10998            }
10999        });
11000
11001        $(document).off('click.choicesModalOpen', '.js-open-choices-modal');
11002        $(document).on('click.choicesModalOpen', '.js-open-choices-modal', function (e) {
11003            e.preventDefault();
11004            e.stopPropagation();
11005            var data = parseProductData(this);
11006            if (data) {
11007                ProductChoicesModal.open(data);
11008            }
11009            return false;
11010        });
11011
11012        $(document).off('click.choicesModalClose', '.js-close-choices-modal');
11013        $(document).on('click.choicesModalClose', '.js-close-choices-modal', function (e) {
11014            e.preventDefault();
11015            ProductChoicesModal.close();
11016        });
11017
11018        $(document).off('keydown.choicesModalEscape');
11019        $(document).on('keydown.choicesModalEscape', function (e) {
11020            if (e.key === 'Escape' && $('#productChoicesModal').hasClass('is-open')) {
11021                ProductChoicesModal.close();
11022            }
11023        });
11024
11025        $(document).off('click.choicesQtyMinus', '.js-choices-qty-minus');
11026        $(document).on('click.choicesQtyMinus', '.js-choices-qty-minus', function () {
11027            var $variant = $(this).closest('.product-choices-modal__variant');
11028            var $input = $variant.find('.js-choices-qty-input');
11029            var val = parseInt($input.val(), 10) || 1;
11030            if (val > 1) {
11031                $input.val(val - 1);
11032                updateVariantButton($variant);
11033            }
11034        });
11035
11036        $(document).off('click.choicesQtyPlus', '.js-choices-qty-plus');
11037        $(document).on('click.choicesQtyPlus', '.js-choices-qty-plus', function () {
11038            var $variant = $(this).closest('.product-choices-modal__variant');
11039            var $input = $variant.find('.js-choices-qty-input');
11040            $input.val((parseInt($input.val(), 10) || 1) + 1);
11041            updateVariantButton($variant);
11042        });
11043
11044        $(document).off('click.modalAddToCart', '.js-modal-add-to-cart');
11045        $(document).on('click.modalAddToCart', '.js-modal-add-to-cart', function () {
11046            var $btn = $(this);
11047            if ($btn.prop('disabled')) return false;
11048            var $variant = $btn.closest('.product-choices-modal__variant');
11049            var qty = parseInt($variant.find('.js-choices-qty-input').val(), 10) || 1;
11050            addToCartFromModal({
11051                product_id: $variant.data('product-id'),
11052                product_property_id: $variant.data('property-id'),
11053                product_quantity: qty,
11054                product_unit: $variant.data('unit-name'),
11055                name: $variant.data('product-name'),
11056                price: String(parseFloat($variant.data('unit-price')) || 0),
11057                image: $variant.data('image'),
11058                size_label: $variant.data('label')
11059            }, $btn);
11060            return false;
11061        });
11062    })();
11063
11064    $(function () {
11065        // Add to Cart
11066        if (document.getElementsByClassName('js-add-to-cart')) {
11067            $(document).off('click.addToCart', '.js-add-to-cart');
11068            $(document).on('click.addToCart', '.js-add-to-cart', function () {
11069                var $this = $(this);
11070
11071                if (blockIfOutOfStock($this)) {
11072                    return false;
11073                }
11074
11075                if (!isAuthenticated) {
11076                    var item = extractCartItemMeta($this);
11077                    var cart = getGuestCart();
11078                    var found = false;
11079                    for (var i = 0; i < cart.length; i++) {
11080                        if (String(cart[i].product_id) === String(item.product_id) &&
11081                            String(cart[i].product_property_id) === String(item.product_property_id)) {
11082                            cart[i].product_quantity += item.product_quantity;
11083                            found = true; break;
11084                        }
11085                    }
11086                    if (!found) cart.push(item);
11087                    saveGuestCart(cart);
11088                    topcart.loadGuestCart();
11089                    $this.data("ohtml", $this.html());
11090                    var nnhtml = "<svg class=\"checkmark\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\"><circle class=\"checkmark__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\"/><path class=\"checkmark__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\"/></svg>Added";
11091                    $this.html(nnhtml);
11092                    setTimeout(function() { $this.html($this.data("ohtml")); }, 3000);
11093                    return false;
11094                }
11095
11096                let e = $this;
11097                $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } });
11098                $this.data("ohtml", $this.html());
11099                var nhtml = '<div class="loader-icon"><img src="https://omspice.com.au/front/images/cart-loader.svg" alt="Processing"></div>';
11100                $this.addClass('cart-adding');
11101                $this.append(nhtml);
11102                $this.attr("disabled", true);
11103
11104                $.ajax({
11105                    type: 'POST',
11106                    url: "https://omspice.com.au/cart/store/product",
11107                    data: e.parents('form').serialize(),
11108                    success: function (data) {
11109                        if (data.status == 1) {
11110                            topcart.loadCart(data);
11111                            var nnhtml = "<svg class=\"checkmark\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\"><circle class=\"checkmark__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\"/><path class=\"checkmark__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\"/></svg>Added";
11112                            $this.html(nnhtml);
11113                            $this.removeClass('cart-adding');
11114                            setTimeout(function () {
11115                                $this.html($this.data("ohtml"));
11116                                $this.attr("disabled", false);
11117                            }, 3000);
11118                        } else {
11119                            $this.html($this.data("ohtml"));
11120                            $this.removeClass('cart-adding').attr("disabled", false);
11121                            if (data.status_code === 'failed' && data.error) {
11122                                toastr.warning(data.error, '', { timeOut: 4000 });
11123                            } else {
11124                                window.location.href = "https://omspice.com.au/login";
11125                            }
11126                        }
11127                    },
11128                    error: function () {
11129                        $this.html($this.data("ohtml"));
11130                        $this.removeClass('cart-adding').attr("disabled", false);
11131                        toastr.error('Could not add to cart. Please check your connection and try again.', '', { timeOut: 4000 });
11132                    }
11133                });
11134                return false;
11135            });
11136        }
11137        if (document.getElementsByClassName('js-add-to-cart-n-go')) {
11138            $(document).off('click.addToCartNGo', '.js-add-to-cart-n-go');
11139            $(document).on('click.addToCartNGo', '.js-add-to-cart-n-go', function () {
11140                var $this = $(this);
11141
11142                if (blockIfOutOfStock($this)) {
11143                    return false;
11144                }
11145
11146                if (!isAuthenticated) {
11147                    var item = extractCartItemMeta($this);
11148                    var cart = getGuestCart();
11149                    var found = false;
11150                    for (var i = 0; i < cart.length; i++) {
11151                        if (String(cart[i].product_id) === String(item.product_id) &&
11152                            String(cart[i].product_property_id) === String(item.product_property_id)) {
11153                            cart[i].product_quantity += item.product_quantity;
11154                            found = true; break;
11155                        }
11156                    }
11157                    if (!found) cart.push(item);
11158                    saveGuestCart(cart);
11159                    openGuestCheckoutModal();
11160                    return false;
11161                }
11162
11163                let e = $this;
11164                $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } });
11165                $.ajax({
11166                    type: 'POST',
11167                    url: "https://omspice.com.au/cart/store/product",
11168                    data: e.parents('form').serialize(),
11169                    success: function (data) {
11170                        if (data.status == 1) {
11171                            topcart.loadCart(data);
11172                            window.location.href = "https://omspice.com.au/checkout";
11173                        } else if (data.status_code === 'failed' && data.error) {
11174                            toastr.warning(data.error, '', { timeOut: 4000 });
11175                        } else {
11176                            window.location.href = "https://omspice.com.au/login";
11177                        }
11178                    }
11179                });
11180                return false;
11181            });
11182        }
11183
11184        // -------------------------------------------------------
11185        // Wishlist
11186        // -------------------------------------------------------
11187                        // Guest: redirect wishlist clicks to login
11188        $(document).off('click.wishlistToggle', '.js-wishlist-toggle');
11189        $(document).on('click.wishlistToggle', '.js-wishlist-toggle', function (e) {
11190            e.preventDefault();
11191            toastr.info('Please log in to save items to your wishlist.', '', { timeOut: 2500, onHidden: function () {
11192                window.location.href = "https://omspice.com.au/login";
11193            }});
11194        });
11195                // -------------------------------------------------------
11196        // End Wishlist
11197        // -------------------------------------------------------
11198
11199        // -------------------------------------------------------
11200        // Product thumbnail spinner (until image fully loads)
11201        // -------------------------------------------------------
11202        (function () {
11203            function markLoaded(img) {
11204                var figure = img && img.closest && img.closest('.js-product-thumb');
11205                if (!figure) return;
11206                figure.classList.remove('is-loading');
11207                figure.classList.add('is-loaded');
11208            }
11209
11210            function markLoading(img) {
11211                var figure = img && img.closest && img.closest('.js-product-thumb');
11212                if (!figure) return;
11213                figure.classList.add('is-loading');
11214                figure.classList.remove('is-loaded');
11215            }
11216
11217            function bindThumb(img) {
11218                if (!img || img.dataset.thumbBound === '1') return;
11219                // Cart page thumbs are managed by Vue (so qty updates don't reset the spinner).
11220                if (img.closest && img.closest('.cart-product-img')) return;
11221                img.dataset.thumbBound = '1';
11222
11223                if (img.complete && img.naturalWidth > 0) {
11224                    markLoaded(img);
11225                    return;
11226                }
11227
11228                markLoading(img);
11229                img.addEventListener('load', function () { markLoaded(img); });
11230                img.addEventListener('error', function () { markLoaded(img); });
11231            }
11232
11233            function scan(root) {
11234                (root || document).querySelectorAll('.js-product-thumb-img').forEach(bindThumb);
11235            }
11236
11237            scan(document);
11238
11239            if ('MutationObserver' in window) {
11240                var observer = new MutationObserver(function (mutations) {
11241                    mutations.forEach(function (mutation) {
11242                        if (mutation.type === 'attributes' && mutation.attributeName === 'src' && mutation.target.classList.contains('js-product-thumb-img')) {
11243                            mutation.target.dataset.thumbBound = '';
11244                            bindThumb(mutation.target);
11245                            return;
11246                        }
11247                        mutation.addedNodes.forEach(function (node) {
11248                            if (node.nodeType !== 1) return;
11249                            if (node.matches && node.matches('.js-product-thumb-img')) {
11250                                bindThumb(node);
11251                            }
11252                            if (node.querySelectorAll) {
11253                                scan(node);
11254                            }
11255                        });
11256                    });
11257                });
11258                observer.observe(document.body, {
11259                    childList: true,
11260                    subtree: true,
11261                    attributes: true,
11262                    attributeFilter: ['src']
11263                });
11264            }
11265        })();
11266        // -------------------------------------------------------
11267        // End product thumbnail spinner
11268        // -------------------------------------------------------
11269
11270        // Newsletter
11271        if (document.getElementById('newsletter-form')) {
11272            $(document).off('submit.newsletterForm', '#newsletter-form');
11273            $(document).on('submit.newsletterForm', '#newsletter-form', function (event) {
11274                event.preventDefault();
11275                let e = $(this);
11276                $.ajaxSetup({
11277                    headers: {
11278                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
11279                    }
11280                });
11281
11282                $.ajax({
11283                    type: 'POST',
11284                    url: "https://omspice.com.au/newsletter/store",
11285                    data: e.serialize(),
11286                    success: function (data) {
11287                        if (data.status_code == 'failed') {
11288                            $('#newsletter_error').addClass('alert-danger');
11289                            $('#newsletter_error').removeClass('alert-success');
11290                            $('#newsletter_error').html(data.data.email);
11291                            $('#newsletter_error').show();
11292                        } else {
11293                            console.log('success');
11294                            $('#newsletter_error').removeClass('alert-danger');
11295                            $('#newsletter_error').addClass('alert-success');
11296                            $('#newsletter_error').html(data.message);
11297                            $('#newsletter_error').show();
11298                        }
11299                    }
11300                });
11301            });
11302        }
11303    });
11304    </script>
11304
11305    
11306    <!-- WhatsApp Chat Widget -->
11307    <div id="whatsapp-chat-widget">
11308        <a href="https://wa.me/61430562316?text=Hi%21%20I%27d%20like%20some%20help%20from%20Om%20Spice%20%26%20Grocery."
11309           id="whatsapp-chat-btn"
11310           target="_blank"
11311           rel="noopener noreferrer"
11312           title="Chat with us on WhatsApp"
11313           aria-label="Chat with us on WhatsApp">
11314            <span class="whatsapp-pulse" aria-hidden="true"></span>
11315            <span class="whatsapp-pulse whatsapp-pulse--delay" aria-hidden="true"></span>
11316            <i class="fab fa-whatsapp" aria-hidden="true"></i>
11317            <span class="whatsapp-tooltip">Chat on WhatsApp</span>
11318        </a>
11319        <button type="button" id="whatsapp-chat-dismiss" class="whatsapp-chat-dismiss" aria-label="Hide WhatsApp chat button">
11320            <i class="fas fa-times" aria-hidden="true"></i>
11321        </button>
11322    </div>
11323
11324    <style>
11325        /* Stacked above the AI shopping assistant tab on desktop
11326           (components/ai-shopping-assistant.blade.php, #ai-assistant-fab),
11327           which sits lowest in this bottom-right corner. On mobile the
11328           assistant tab moves to the vertically-centered right edge instead
11329           — this corner gets crowded there with the app-install banner and
11330           bottom nav — so WhatsApp goes back to its own default spot. */
11331        #whatsapp-chat-widget {
11332            position: fixed;
11333            bottom: 92px;
11334            right: 24px;
11335            /* Matches the AI assistant fab's z-index (900) rather than
11336               9999 — real modals on this site run 10000+, and page content
11337               (e.g. .checkout-coupon, .pdp-cta-row) only needs to clear
11338               901 to stop rendering underneath this widget. The old 9999
11339               meant no reasonable content z-index could ever beat it. */
11340            z-index: 900;
11341            font-family: Arial, sans-serif;
11342        }
11343
11344        @media (max-width: 768px) {
11345            #whatsapp-chat-widget {
11346                bottom: 62px;
11347            }
11348        }
11349
11350        /* Small "hide this" affordance, same pattern as the Shopping
11351           Assistant fab's dismiss badge (components/ai-shopping-assistant.blade.php). */
11352        .whatsapp-chat-dismiss {
11353            position: absolute;
11354            top: -6px;
11355            left: -6px;
11356            width: 22px;
11357            height: 22px;
11358            border-radius: 50%;
11359            border: 1px solid rgba(0, 0, 0, .1);
11360            background: #fff;
11361            color: #777;
11362            font-size: 11px;
11363            display: flex;
11364            align-items: center;
11365            justify-content: center;
11366            padding: 0;
11367            cursor: pointer;
11368            box-shadow: 0 2px 6px rgba(0, 0, 0, .18);
11369            z-index: 1;
11370            transition: background-color .15s ease, color .15s ease;
11371        }
11372        .whatsapp-chat-dismiss:hover,
11373        .whatsapp-chat-dismiss:focus-visible {
11374            background: #f3f3f3;
11375            color: #333;
11376        }
11377
11378        #whatsapp-chat-btn {
11379            position: relative;
11380            width: 60px;
11381            height: 60px;
11382            border-radius: 50%;
11383            background: #25d366;
11384            color: #fff;
11385            border: none;
11386            cursor: pointer;
11387            font-size: 32px;
11388            display: flex;
11389            align-items: center;
11390            justify-content: center;
11391            box-shadow: 0 6px 20px rgba(37, 211, 102, 0.45);
11392            text-decoration: none;
11393            transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
11394            animation: whatsappBounceIn 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) both;
11395        }
11396
11397        #whatsapp-chat-btn:hover {
11398            background: #1ebe57;
11399            transform: scale(1.08);
11400            box-shadow: 0 8px 28px rgba(37, 211, 102, 0.55);
11401            color: #fff;
11402            text-decoration: none;
11403        }
11404
11405        #whatsapp-chat-btn i {
11406            position: relative;
11407            z-index: 2;
11408            animation: whatsappIconPop 2.4s ease-in-out infinite;
11409        }
11410
11411        .whatsapp-pulse {
11412            position: absolute;
11413            inset: 0;
11414            border-radius: 50%;
11415            background: rgba(37, 211, 102, 0.45);
11416            animation: whatsappPulse 2.4s ease-out infinite;
11417            z-index: 1;
11418            /* Decorative only (aria-hidden) — the scale-up in the pulse
11419               keyframes otherwise grows this element's actual clickable
11420               area well past the visible button, intercepting taps on
11421               whatever page content happens to sit nearby (e.g. the mobile
11422               filter drawer's "Apply" button). */
11423            pointer-events: none;
11424        }
11425
11426        .whatsapp-pulse--delay {
11427            animation-delay: 1.2s;
11428        }
11429
11430        .whatsapp-tooltip {
11431            position: absolute;
11432            right: calc(100% + 12px);
11433            top: 50%;
11434            transform: translateY(-50%) translateX(8px);
11435            background: #1f2937;
11436            color: #fff;
11437            font-size: 13px;
11438            font-weight: 600;
11439            line-height: 1.2;
11440            padding: 8px 12px;
11441            border-radius: 8px;
11442            white-space: nowrap;
11443            opacity: 0;
11444            pointer-events: none;
11445            transition: opacity 0.2s ease, transform 0.2s ease;
11446            box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
11447        }
11448
11449        .whatsapp-tooltip::after {
11450            content: '';
11451            position: absolute;
11452            top: 50%;
11453            left: 100%;
11454            transform: translateY(-50%);
11455            border: 6px solid transparent;
11456            border-left-color: #1f2937;
11457        }
11458
11459        #whatsapp-chat-btn:hover .whatsapp-tooltip {
11460            opacity: 1;
11461            transform: translateY(-50%) translateX(0);
11462        }
11463
11464        @keyframes whatsappPulse {
11465            0% {
11466                transform: scale(1);
11467                opacity: 0.7;
11468            }
11469            70% {
11470                transform: scale(1.8);
11471                opacity: 0;
11472            }
11473            100% {
11474                transform: scale(1.8);
11475                opacity: 0;
11476            }
11477        }
11478
11479        @keyframes whatsappBounceIn {
11480            0% {
11481                opacity: 0;
11482                transform: scale(0.3) translateY(20px);
11483            }
11484            60% {
11485                opacity: 1;
11486                transform: scale(1.08) translateY(0);
11487            }
11488            100% {
11489                transform: scale(1) translateY(0);
11490            }
11491        }
11492
11493        @keyframes whatsappIconPop {
11494            0%, 100% {
11495                transform: scale(1);
11496            }
11497            50% {
11498                transform: scale(1.08);
11499            }
11500        }
11501
11502        @media (max-width: 768px) {
11503            .whatsapp-tooltip {
11504                display: none;
11505            }
11506        }
11507    </style>
11508
11509    
11509<script type="26bba01b74dbf278e5cdec51-text/javascript">
11510        window.whatsappBaseUrl = "https:\/\/wa.me\/61430562316";
11511
11512        function openWhatsAppChat(message) {
11513            var url = window.whatsappBaseUrl + '?text=' + encodeURIComponent(message);
11514            window.open(url, '_blank', 'noopener,noreferrer');
11515        }
11516
11517        function openSupportWithProduct(productId, productName) {
11518            var message = 'Hi, I have a question about ' + productName + '.\n' + window.location.href;
11519            openWhatsAppChat(message);
11520        }
11521
11522        // Let customers hide this button entirely — same pattern and same
11523        // "no re-show timer" reasoning as the Shopping Assistant fab's
11524        // dismiss badge (components/ai-shopping-assistant.blade.php).
11525        (function () {
11526            var widget = document.getElementById('whatsapp-chat-widget');
11527            var dismissBtn = document.getElementById('whatsapp-chat-dismiss');
11528            var DISMISS_KEY = 'omspice_whatsapp_hidden';
11529            if (!widget || !dismissBtn) return;
11530
11531            try {
11532                if (localStorage.getItem(DISMISS_KEY) === '1') {
11533                    widget.style.display = 'none';
11534                }
11535            } catch (e) { /* storage unavailable — button just stays visible */ }
11536
11537            dismissBtn.addEventListener('click', function (e) {
11538                e.preventDefault();
11539                e.stopPropagation();
11540                widget.style.display = 'none';
11541                try { localStorage.setItem(DISMISS_KEY, '1'); } catch (e) { /* not persisted this session */ }
11542            });
11543        })();
11544    </script>
11544
11545    <!-- End WhatsApp Chat Widget -->
11546
11547    <!-- Guest Checkout Modal -->
11548    <div id="guest-checkout-modal" class="guest-checkout-modal" role="dialog" aria-modal="true" aria-label="Checkout as guest">
11549        <div class="guest-checkout-modal__box">
11550            <button type="button" class="guest-checkout-modal__close" aria-label="Close">&times;</button>
11551
11552            <div class="guest-checkout-modal__icon"><i class="fas fa-bolt"></i></div>
11553            <h4 class="guest-checkout-modal__title">Checkout as Guest</h4>
11554            <p class="guest-checkout-modal__subtitle">No account needed — just enter your details to continue. You'll be able to set a password later to track future orders.</p>
11555
11556            <div id="guest-checkout-error" class="guest-checkout-modal__error"></div>
11557
11558            <form id="guest-checkout-form">
11559                <div class="guest-checkout-field">
11560                    <label for="guest-checkout-name">Full Name <span class="guest-checkout-field__required">*</span></label>
11561                    <div class="guest-checkout-field__control">
11562                        <i class="fas fa-user"></i>
11563                        <input type="text" name="name" id="guest-checkout-name" required autocomplete="name" placeholder="e.g. Jamie Smith">
11564                    </div>
11565                </div>
11566                <div class="guest-checkout-field">
11567                    <label for="guest-checkout-email">Email <span class="guest-checkout-field__required">*</span></label>
11568                    <div class="guest-checkout-field__control">
11569                        <i class="fas fa-envelope"></i>
11570                        <input type="email" name="email" id="guest-checkout-email" required autocomplete="email" placeholder="[email protected]">
11571                    </div>
11572                </div>
11573                <div class="guest-checkout-field">
11574                    <label for="guest-checkout-phone">Phone <span class="guest-checkout-field__optional">(optional)</span></label>
11575                    <div class="guest-checkout-field__control">
11576                        <i class="fas fa-phone"></i>
11577                        <input type="tel" name="phone_no" id="guest-checkout-phone" autocomplete="tel" placeholder="04xx xxx xxx">
11578                    </div>
11579                </div>
11580                <button type="submit" class="guest-checkout-submit" id="guest-checkout-submit">
11581                    <span class="guest-checkout-submit__label">Continue to Checkout</span>
11582                    <i class="fas fa-arrow-right"></i>
11583                </button>
11584            </form>
11585
11586            <div class="guest-checkout-modal__login">
11587                Already have an account? <a href="https://omspice.com.au/login" id="guest-checkout-login-link">Log in</a>
11588            </div>
11589
11590            <div class="guest-checkout-modal__trust"><i class="fas fa-lock"></i> Your information is safe and secure</div>
11591        </div>
11592    </div>
11593    <style>
11594        .guest-checkout-modal {
11595            display: none;
11596            position: fixed;
11597            inset: 0;
11598            z-index: 10050;
11599            background: rgba(20, 20, 20, 0.6);
11600            align-items: center;
11601            justify-content: center;
11602            padding: 20px;
11603        }
11604        .guest-checkout-modal.is-active {
11605            display: flex;
11606            animation: guestCheckoutFadeIn 0.18s ease;
11607        }
11608        @keyframes guestCheckoutFadeIn {
11609            from { opacity: 0; }
11610            to { opacity: 1; }
11611        }
11612        .guest-checkout-modal__box {
11613            background: #fff;
11614            border-radius: 14px;
11615            padding: 32px 30px 26px;
11616            max-width: 420px;
11617            width: 100%;
11618            position: relative;
11619            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
11620            animation: guestCheckoutPopIn 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
11621            max-height: calc(100vh - 40px);
11622            overflow-y: auto;
11623        }
11624        @keyframes guestCheckoutPopIn {
11625            from { opacity: 0; transform: scale(0.94) translateY(8px); }
11626            to { opacity: 1; transform: scale(1) translateY(0); }
11627        }
11628        .guest-checkout-modal__close {
11629            position: absolute;
11630            top: 14px;
11631            right: 14px;
11632            width: 32px;
11633            height: 32px;
11634            background: #f5f5f5;
11635            border: none;
11636            border-radius: 50%;
11637            font-size: 20px;
11638            line-height: 1;
11639            color: #888;
11640            cursor: pointer;
11641            transition: background 0.15s ease, color 0.15s ease;
11642        }
11643        .guest-checkout-modal__close:hover {
11644            background: #ececec;
11645            color: #333;
11646        }
11647        .guest-checkout-modal__icon {
11648            width: 52px;
11649            height: 52px;
11650            border-radius: 50%;
11651            background: linear-gradient(135deg, #28af50, #1f8f40);
11652            color: #fff;
11653            font-size: 20px;
11654            display: flex;
11655            align-items: center;
11656            justify-content: center;
11657            margin-bottom: 16px;
11658            box-shadow: 0 6px 16px rgba(40, 175, 80, 0.3);
11659        }
11660        .guest-checkout-modal__title {
11661            margin: 0 0 6px;
11662            font-weight: 800;
11663            font-size: 20px;
11664            color: #1a1a1a;
11665        }
11666        .guest-checkout-modal__subtitle {
11667            margin: 0 0 22px;
11668            color: #7a7a7a;
11669            font-size: 13.5px;
11670            line-height: 1.55;
11671        }
11672        .guest-checkout-modal__error {
11673            display: none;
11674            background: #fdecea;
11675            color: #b71c1c;
11676            border-radius: 6px;
11677            padding: 10px 14px;
11678            font-size: 13px;
11679            margin-bottom: 16px;
11680        }
11681        .guest-checkout-field {
11682            margin-bottom: 16px;
11683        }
11684        .guest-checkout-field label {
11685            font-weight: 600;
11686            font-size: 12.5px;
11687            color: #333;
11688            margin-bottom: 6px;
11689            display: block;
11690        }
11691        .guest-checkout-field__required {
11692            color: #e53935;
11693        }
11694        .guest-checkout-field__optional {
11695            color: #aaa;
11696            font-weight: 400;
11697        }
11698        .guest-checkout-field__control {
11699            position: relative;
11700        }
11701        .guest-checkout-field__control i {
11702            position: absolute;
11703            left: 14px;
11704            top: 50%;
11705            transform: translateY(-50%);
11706            color: #b0b0b0;
11707            font-size: 14px;
11708            pointer-events: none;
11709            transition: color 0.15s ease;
11710        }
11711        .guest-checkout-field__control input {
11712            width: 100%;
11713            padding: 11px 14px 11px 40px;
11714            border: 1.5px solid #e2e2e2;
11715            border-radius: 8px;
11716            font-size: 14.5px;
11717            color: #222;
11718            background: #fbfbfb;
11719            transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
11720        }
11721        .guest-checkout-field__control input::placeholder {
11722            color: #b8b8b8;
11723        }
11724        .guest-checkout-field__control input:focus {
11725            outline: none;
11726            border-color: #28af50;
11727            background: #fff;
11728            box-shadow: 0 0 0 3px rgba(40, 175, 80, 0.12);
11729        }
11730        .guest-checkout-field__control input:focus + i,
11731        .guest-checkout-field__control:focus-within i {
11732            color: #28af50;
11733        }
11734        .guest-checkout-submit {
11735            width: 100%;
11736            display: flex;
11737            align-items: center;
11738            justify-content: center;
11739            gap: 8px;
11740            background: #28af50;
11741            color: #fff;
11742            border: none;
11743            border-radius: 8px;
11744            padding: 13px 18px;
11745            font-size: 15px;
11746            font-weight: 700;
11747            cursor: pointer;
11748            margin-top: 6px;
11749            transition: background 0.15s ease, transform 0.05s ease;
11750        }
11751        .guest-checkout-submit:hover {
11752            background: #229144;
11753        }
11754        .guest-checkout-submit:active {
11755            transform: scale(0.99);
11756        }
11757        .guest-checkout-submit:disabled {
11758            opacity: 0.7;
11759            cursor: default;
11760        }
11761        .guest-checkout-modal__login {
11762            text-align: center;
11763            margin-top: 18px;
11764            font-size: 13.5px;
11765            color: #777;
11766        }
11767        .guest-checkout-modal__login a {
11768            color: #28af50;
11769            font-weight: 700;
11770        }
11771        .guest-checkout-modal__login a:hover {
11772            text-decoration: underline;
11773        }
11774        .guest-checkout-modal__trust {
11775            text-align: center;
11776            margin-top: 16px;
11777            padding-top: 16px;
11778            border-top: 1px solid #f0f0f0;
11779            font-size: 11.5px;
11780            color: #aaa;
11781        }
11782        .guest-checkout-modal__trust i {
11783            color: #28af50;
11784            margin-right: 4px;
11785        }
11786        @media (max-width: 480px) {
11787            .guest-checkout-modal__box {
11788                padding: 26px 20px 22px;
11789            }
11790        }
11791    </style>
11792    
11792<script type="26bba01b74dbf278e5cdec51-text/javascript">
11793        function openGuestCheckoutModal() {
11794            $('#guest-checkout-error').hide().empty();
11795            $('#guest-checkout-modal').addClass('is-active');
11796            document.body.style.overflow = 'hidden';
11797        }
11798        function closeGuestCheckoutModal() {
11799            $('#guest-checkout-modal').removeClass('is-active');
11800            document.body.style.overflow = '';
11801        }
11802        function goToLoginPreservingCheckout() {
11803            sessionStorage.setItem('omspice_checkout_intent', '1');
11804            window.location.href = "https://omspice.com.au/login";
11805        }
11806
11807        $(document).off('click.guestCheckoutClose', '.guest-checkout-modal__close');
11808        $(document).on('click.guestCheckoutClose', '.guest-checkout-modal__close', closeGuestCheckoutModal);
11809        $(document).off('click.guestCheckoutModal', '#guest-checkout-modal');
11810        $(document).on('click.guestCheckoutModal', '#guest-checkout-modal', function (e) {
11811            if (e.target.id === 'guest-checkout-modal') closeGuestCheckoutModal();
11812        });
11813        // Real href now (so crawlers/no-JS users still get a working link) —
11814        // preventDefault so JS users go through the sessionStorage flag first.
11815        $(document).off('click.guestCheckoutLogin', '#guest-checkout-login-link, #guest-checkout-error-login-link');
11816        $(document).on('click.guestCheckoutLogin', '#guest-checkout-login-link, #guest-checkout-error-login-link', function (e) {
11817            e.preventDefault();
11818            goToLoginPreservingCheckout();
11819        });
11820
11821        // Header mini-cart "Checkout" button — same guest interception as the cart page's button.
11822        $(document).off('click.guestCheckoutHeader', '#js-header-checkout');
11823        $(document).on('click.guestCheckoutHeader', '#js-header-checkout', function (e) {
11824            if (!isAuthenticated) {
11825                e.preventDefault();
11826                openGuestCheckoutModal();
11827            }
11828        });
11829
11830        $(document).off('submit.guestCheckoutForm', '#guest-checkout-form');
11831        $(document).on('submit.guestCheckoutForm', '#guest-checkout-form', function (e) {
11832            e.preventDefault();
11833            var $form  = $(this);
11834            var $btn   = $('#guest-checkout-submit');
11835            var $error = $('#guest-checkout-error');
11836            $error.hide().empty();
11837
11838            var payload = {
11839                name: $form.find('[name="name"]').val(),
11840                email: $form.find('[name="email"]').val(),
11841                phone_no: $form.find('[name="phone_no"]').val(),
11842                items: getGuestCart(),
11843                _token: $('meta[name="csrf-token"]').attr('content')
11844            };
11845
11846            $btn.prop('disabled', true).find('.guest-checkout-submit__label').text('Please wait...');
11847            $btn.find('i').removeClass('fa-arrow-right').addClass('fa-spinner fa-spin');
11848
11849            $.ajax({
11850                url: "https://omspice.com.au/cart/guest-checkout",
11851                method: 'POST',
11852                data: payload
11853            }).done(function (response) {
11854                if (response.status === 1 && response.redirect) {
11855                    localStorage.removeItem(GUEST_CART_KEY);
11856                    if (response.skipped_items && response.skipped_items.length) {
11857                        sessionStorage.setItem('omspice_cart_skipped', JSON.stringify(response.skipped_items));
11858                    }
11859                    window.location.href = response.redirect;
11860                }
11861            }).fail(function (xhr) {
11862                var message = (xhr.responseJSON && xhr.responseJSON.message) || 'Something went wrong. Please try again.';
11863                $error.text(message);
11864                if (xhr.responseJSON && xhr.responseJSON.existing_account) {
11865                    $error.append(' <a href="https://omspice.com.au/login" id="guest-checkout-error-login-link" style="font-weight:600;text-decoration:underline;">Log in</a>');
11866                }
11867                $error.show();
11868            }).always(function () {
11869                $btn.prop('disabled', false).find('.guest-checkout-submit__label').text('Continue to Checkout');
11870                $btn.find('i').removeClass('fa-spinner fa-spin').addClass('fa-arrow-right');
11871            });
11872        });
11873    </script>
11873
11874    <!-- End Guest Checkout Modal -->
11875
11876    <!-- End Card Function -->
11877    <!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 11877-11878
11877
11878<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
11878GTM-PSWMX7N
vendor: 87 bytes, lines 11878-11880
11878"
11879height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
11880    
11880<!-- End Google Tag Manager (noscript) -->
vendor: 143 bytes, lines 11880-11881
11880
11881<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="26bba01b74dbf278e5cdec51-|49" defer></script>
11881<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"1961ea9334ed46b38aa1048c77e85082","r":1,"spa":2}' crossorigin="anonymous"></script>
11881
11882</body>
11883
11884</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.