PageSourceSearch

https://rayaarishop.com/products/simba-gold-sugar-beads

html rayaarishop.com collected 2026-10-04 03:14:23 UTC 146,531 bytes, 3,099 lines download raw bytes

1<!doctype html>
2<!--[if (gt IE 9)|!(IE)]><!--> <html class="no-js"> <!--<![endif]-->
3<head>
3<script data-source-attribution="shopify.event_observer.bootstrap">
4(function(){let e=navigator,t=`prototype`,n=`sendBeacon`,r=e[n],i=fetch,a=XMLHttpRequest[t],{open:o,send:s}=a,c=`EventListener`,l=`add${c}`,u=`remove${c}`,d=EventTarget[t],f=d[l],p=d[u],m=e=>Error((e=document.currentScript)&&[e?.src,e?.id||e?.dataset?.sourceAttribution]),h=(e=[],t=0)=>(e.p=n=>e[t++%1e3]=n,[e,t=>(e.forEach(e.p=t),e.length=0)]),[g,_]=h(),[v,y]=h(),b,x=new WeakMap,S=e=>e&&g.p([e,b||[m()]]);d[l]=function(e,t,n){let r=this,i=t?.handleEvent||t,a=x.get(t),o=m();i?.call&&!a&&x.set(t,a=function(e){b=[o,e.type];try{i.call(t==i?this:t,e)}finally{b=null}}),v.p([e,o,a,r?.tagName||r+``,r?.id]),f.call(r,e,a||t,n)},d[u]=function(e,t,n){p.call(this,e,x.get(t)||t,n)},a.open=function(e,t){x.set(this,[t+``,e]),o.apply(this,arguments)},a.send=function(e){S(x.get(this)),s.call(this,e)},fetch=(e,t)=>(S([(e?.url||e)+``,t?.method]),i(e,t)),e[n]=(t,n)=>(S([t+``,``]),r.call(e,t,n)),setTimeout(()=>import("//rayaarishop.com/cdn/shopifycloud/storefront/assets/storefront/event_observer_reporter-ed358274.js").then(e=>e.$(_,y,f,i,`76166955055`)))})();
5//# sourceURL=event-observer-collector.js
6</script>
6
7
8   <!-- Google Tag Manager -->
9
10<script>
vendor: 331 bytes, lines 10-18
10(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
11
12new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
13
14j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
15
16'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
17
18})(window,document,'script','dataLayer','
18GTM-5L3QBK5Q
vendor: 3 bytes, line 18
18');
18</script>
18
19
20<!-- End Google Tag Manager -->
21  <meta charset="utf-8">
22  
23  <link rel="shortcut icon" href="//rayaarishop.com/cdn/shop/t/3/assets/favicon.png?v=86561104198338838371778852378" type="image/png" />
24  
25  <!-- Title and description -->
26  <title>
27  Simba Gold Sugar Beads for Aari Work &ndash; RAY AARI SHOP
28  </title>
29  
30  <meta name="description" content="Shop Simba Gold Sugar Beads for Aari work, embroidery, jewellery making, blouse designing, saree decoration, and creative craft projects.">
31  
32  <!-- Social meta -->
33  
34
35  <meta property="og:type" content="product">
36  <meta property="og:title" content="Simba Gold Sugar Beads">
37  <meta property="og:url" content="https://rayaarishop.com/products/simba-gold-sugar-beads">
38  
39  <meta property="og:image" content="http://rayaarishop.com/cdn/shop/files/IMG_9863-1-scaled_grande.jpg?v=1780388495">
40  <meta property="og:image:secure_url" content="https://rayaarishop.com/cdn/shop/files/IMG_9863-1-scaled_grande.jpg?v=1780388495">
41  
42  <meta property="og:price:amount" content="20.00">
43  <meta property="og:price:currency" content="INR">
44
45
46  <meta property="og:description" content="Shop Simba Gold Sugar Beads for Aari work, embroidery, jewellery making, blouse designing, saree decoration, and creative craft projects.">
47
48<meta property="og:site_name" content="RAY AARI SHOP">
49
50
51
52<meta name="twitter:card" content="summary">
53
54
55
56
57  <meta name="twitter:title" content="Simba Gold Sugar Beads">
58  <meta name="twitter:description" content="Discover premium Simba Gold Sugar Beads with a rich golden finish, perfect for Aari work, jewellery making, embroidery, blouse designs, and decorative craft projects.">
59  <meta name="twitter:image" content="https://rayaarishop.com/cdn/shop/files/IMG_9863-1-scaled_medium.jpg?v=1780388495">
60  <meta name="twitter:image:width" content="240">
61  <meta name="twitter:image:height" content="240">
62
63
64  <link rel="canonical" href="https://rayaarishop.com/products/simba-gold-sugar-beads">
65  <meta name="viewport" content="width=device-width,initial-scale=1">
66  <meta name="theme-color" content="#9b0c0c">
67  <!-- CSS -->
68  <link href="//rayaarishop.com/cdn/shop/t/3/assets/bootstrap.min.css?v=102160851808464328901778852378" rel="stylesheet" type="text/css" media="all" />
69  <link href="//rayaarishop.com/cdn/shop/t/3/assets/timber.scss.css?v=24766394441078812321783606128" rel="stylesheet" type="text/css" media="all" />
70  <link href="//rayaarishop.com/cdn/shop/t/3/assets/font-awesome.min.css?v=140533306961432629691778852378" rel="stylesheet" type="text/css" media="all" />
71  <link href="//rayaarishop.com/cdn/shop/t/3/assets/material-design-iconic-font.min.css?v=8996130352833348591778852378" rel="stylesheet" type="text/css" media="all" />
72  <link href="//rayaarishop.com/cdn/shop/t/3/assets/material-design-iconic-font.css?v=146025959603064133441778852378" rel="stylesheet" type="text/css" media="all" />
73  <link href="//rayaarishop.com/cdn/shop/t/3/assets/animate.css?v=107502980827701580791778852378" rel="stylesheet" type="text/css" media="all" />    
74  <link href="//rayaarishop.com/cdn/shop/t/3/assets/style.css?v=452867636429457811780464630" rel="stylesheet" type="text/css" media="all" />
75  <link href="//rayaarishop.com/cdn/shop/t/3/assets/slick.scss?v=158244937576883001951778852378" rel="stylesheet" type="text/css" media="all" />
76  <link href="//rayaarishop.com/cdn/shop/t/3/assets/slick-theme.css?v=174867440334957552321778852378" rel="stylesheet" type="text/css" media="all" />
77
78
79  
80  <link href="https://fonts.googleapis.com/css?family=Rubik:400,500,600,700" rel="stylesheet">
81  
82  
83<link href="https://fonts.googleapis.com/css?family=Rubik:400,500,600,700" rel="stylesheet">
84  
85  
86<link href="https://fonts.googleapis.com/css?family=Rubik:400,500,600,700" rel="stylesheet">
87  
88
89  
90  
91  <!-- Header hook --><meta name="google-site-verification" content="xCqO3iD34J10lDBAoD4QSSnJk8q0utBDRj0CN96QxRg" />
92  
92<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
92<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/76166955055/digital_wallets/dialog">
93<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="buy" href="/cart/45408755482671:1?ucp/version=2026-08-25" payment="com.google.pay dev.shopify.card dev.shopify.shop_pay"><link rel="alternate" type="application/json+oembed" href="https://rayaarishop.com/products/simba-gold-sugar-beads.oembed">
94<script async="async" src="/checkouts/internal/preloads.js?locale=en-IN"></script>
vendor: 1 bytes, line 94
94
95<script id="shopify-features" type="application/json">{"accessToken":"6691be3679b386cab5125dd4ba8c3e72","betas":["rich-media-storefront-analytics"],"domain":"rayaarishop.com","predictiveSearch":true,"shopId":76166955055,"locale":"en"}</script>
vendor: 1 bytes, line 95
95
96<script>var Shopify = Shopify || {};
97Shopify.shop = "rayaarishop.myshopify.com";
98Shopify.locale = "en";
99Shopify.currency = {"active":"INR","rate":"1.0"};
100Shopify.country = "IN";
101Shopify.theme = {"name":"theme-export-rayaarishop-testing-myshopify-com","id":156653781039,"schema_name":"Shopicart","schema_version":"2.2.0","theme_store_id":null,"role":"main"};
102Shopify.theme.handle = "null";
103Shopify.theme.style = {"id":null,"handle":null};
104Shopify.cdnHost = "rayaarishop.com/cdn";
105Shopify.routes = Shopify.routes || {};
106Shopify.routes.root = "/";
107Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
108Shopify.SignInWithShop = Shopify.SignInWithShop || {};
109Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
110Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 110
110
111<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 111
111
112<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 112
112
113<script>
114  window.Shopify = window.Shopify || {};
115  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
116  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
117  window.Shopify.SignInWithShop.eligible = true;
118</script>
vendor: 1 bytes, line 118
118
119<script id="shop-js-analytics" type="application/json">{"pageType":"product"}</script>
vendor: 1 bytes, line 119
119
120<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 120
120
121<script type="module">
122  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
123
124  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
125
126</script>
vendor: 1 bytes, line 126
126
127<script>
128  window.Shopify = window.Shopify || {};
129  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
130  window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]};
131</script>
vendor: 1 bytes, line 131
131
132<script id="__st">var __st={"a":76166955055,"offset":19800,"reqid":"0500a76c-4c7c-4bb7-a15e-e1690a51add8-1791083662","pageurl":"rayaarishop.com\/products\/simba-gold-sugar-beads","u":"9f59e1753c33","p":"product","rtyp":"product","rid":8284680224815};</script>
vendor: 1 bytes, line 132
132
133<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 133
133
134<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 134
134
135<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//rayaarishop.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 135
135
136<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//rayaarishop.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
136<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 136
136
137<script>
138  window.Shopify = window.Shopify || {};
139  window.Shopify.MCP = window.Shopify.MCP || {};
140  window.Shopify.MCP.enabled = true;
141  window.Shopify.MCP.shop = "rayaarishop.myshopify.com";
142  window.Shopify.MCP.mcpEndpoint = "https:\/\/rayaarishop.com\/api\/mcp";
143  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}];
144</script>
vendor: 1 bytes, line 144
144
145<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/rayaarishop.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
146</script>
vendor: 1 bytes, line 146
146
147<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://rayaarishop.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
148</script>
vendor: 1 bytes, line 148
148
149<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
150  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
151</script>
vendor: 1 bytes, line 151
151
152<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
153</script>
153
154
155<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
vendor: 1 bytes, line 155
155
156<script>window.BOLD = window.BOLD || {};
157    window.BOLD.common = window.BOLD.common || {};
158    window.BOLD.common.Shopify = window.BOLD.common.Shopify || {};
159    window.BOLD.common.Shopify.shop = {
160      domain: 'rayaarishop.com',
161      permanent_domain: 'rayaarishop.myshopify.com',
162      url: 'https://rayaarishop.com',
163      secure_url: 'https://rayaarishop.com',
164      money_format: "Rs. {{amount}}",
165      currency: "INR"
166    };
167    window.BOLD.common.Shopify.customer = {
168      id: null,
169      tags: null,
170    };
171    window.BOLD.common.Shopify.cart = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"INR","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0};
172    window.BOLD.common.template = 'product';window.BOLD.common.Shopify.formatMoney = function(money, format) {
173        function n(t, e) {
174            return "undefined" == typeof t ? e : t
175        }
176        function r(t, e, r, i) {
177            if (e = n(e, 2),
178                r = n(r, ","),
179                i = n(i, "."),
180            isNaN(t) || null == t)
181                return 0;
182            t = (t / 100).toFixed(e);
183            var o = t.split(".")
184                , a = o[0].replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1" + r)
185                , s = o[1] ? i + o[1] : "";
186            return a + s
187        }
188        "string" == typeof money && (money = money.replace(".", ""));
189        var i = ""
190            , o = /\{\{\s*(\w+)\s*\}\}/
191            , a = format || window.BOLD.common.Shopify.shop.money_format || window.Shopify.money_format || "$ {{ amount }}";
192        switch (a.match(o)[1]) {
193            case "amount":
194                i = r(money, 2, ",", ".");
195                break;
196            case "amount_no_decimals":
197                i = r(money, 0, ",", ".");
198                break;
199            case "amount_with_comma_separator":
200                i = r(money, 2, ".", ",");
201                break;
202            case "amount_no_decimals_with_comma_separator":
203                i = r(money, 0, ".", ",");
204                break;
205            case "amount_with_space_separator":
206                i = r(money, 2, " ", ",");
207                break;
208            case "amount_no_decimals_with_space_separator":
209                i = r(money, 0, " ", ",");
210                break;
211            case "amount_with_apostrophe_separator":
212                i = r(money, 2, "'", ".");
213                break;
214        }
215        return a.replace(o, i);
216    };
217    window.BOLD.common.Shopify.saveProduct = function (handle, product) {
218      if (typeof handle === 'string' && typeof window.BOLD.common.Shopify.products[handle] === 'undefined') {
219        if (typeof product === 'number') {
220          window.BOLD.common.Shopify.handles[product] = handle;
221          product = { id: product };
222        }
223        window.BOLD.common.Shopify.products[handle] = product;
224      }
225    };
226    window.BOLD.common.Shopify.saveVariant = function (variant_id, variant) {
227      if (typeof variant_id === 'number' && typeof window.BOLD.common.Shopify.variants[variant_id] === 'undefined') {
228        window.BOLD.common.Shopify.variants[variant_id] = variant;
229      }
230    };window.BOLD.common.Shopify.products = window.BOLD.common.Shopify.products || {};
231    window.BOLD.common.Shopify.variants = window.BOLD.common.Shopify.variants || {};
232    window.BOLD.common.Shopify.handles = window.BOLD.common.Shopify.handles || {};window.BOLD.common.Shopify.handle = "simba-gold-sugar-beads"
233window.BOLD.common.Shopify.saveProduct("simba-gold-sugar-beads", 8284680224815);window.BOLD.common.Shopify.saveVariant(45408755482671, { product_id: 8284680224815, product_handle: "simba-gold-sugar-beads", price: 2000, group_id: '', csp_metafield: {}});window.BOLD.common.Shopify.saveVariant(45408755515439, { product_id: 8284680224815, product_handle: "simba-gold-sugar-beads", price: 8000, group_id: '', csp_metafield: {}});window.BOLD.common.Shopify.saveVariant(45408755548207, { product_id: 8284680224815, product_handle: "simba-gold-sugar-beads", price: 52000, group_id: '', csp_metafield: {}});window.BOLD.apps_installed = {} || {};window.BOLD.common.Shopify.metafields = window.BOLD.common.Shopify.metafields || {};window.BOLD.common.Shopify.metafields["bold_rp"] = {};window.BOLD.common.Shopify.metafields["bold_csp_defaults"] = {};</script>
233  
234  
234<script src="//rayaarishop.com/cdn/shop/t/3/assets/header.js?v=46800480770296327591778852402" type="text/javascript"></script>
234   
235  
236  
237  
237<script type="text/javascript" src="https://ws.sharethis.com/button/buttons.js"></script>
237
238  
238<script type="text/javascript">stLight.options({publisher: "4a467312-eb52-4e56-a80a-d5930e0afac4", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>
238
239  
240    
241  
241<script>
242/* loader */
243$(window).load(function myFunction() {
244  $(".s-panel .loader").removeClass("wrloader");
245});
246</script>
vendor: 1 bytes, line 246
246
247<script>
248$(document).ready(function(){
249  $('.toprated').appendTo('.toprt'); 
250  if ($(document).width() <= 767){
251  $('.wscur').appendTo('.rightac .dropdown-menu-right');
252  $('.rightac').appendTo('.appcart');
253  $('.appcry').appendTo('.wscur .dropdown-menu');
254  $('.topws').appendTo('.wscur .dropdown-menu .header-panel-top');
255  
256  $('.collection_sidebar').appendTo('.afilter');
257  }
258});
259</script>
vendor: 1 bytes, line 259
259
260<script>
261$(document).ready(function () {
262
263  if ($(window).width() >= 768) {
264
265    $(window).scroll(function () {
266      var scrollPos = $(this).scrollTop();
267
268      // Sticky headtop
269      if (scrollPos > 50) {
270        $('.headtop').addClass('fixed');
271      } else {
272        $('.headtop').removeClass('fixed');
273      }
274
275      // Sticky headernav below headtop
276      if (scrollPos > $('.headtop').outerHeight()) {
277        $('.headernav').addClass('fixed fadeInDown animated');
278      } else {
279        $('.headernav').removeClass('fixed fadeInDown animated');
280      }
281
282    });
283
284  }
285
286});
287</script>
287
288<!-- Add this directly before the closing <meta name="shopify-y" content="da01993e-6ec6-45b3-b41e-1324cb6ef356" data-expiration="1822641262000"><meta name="shopify-s" content="cb4dd27d-bcd6-44a1-93f5-95ed6a4c25de" data-expiration="1791085462000"><meta name="new-cookie-storage-activated" content="t">
289</head> tag in your theme.liquid -->
290
291<!-- 1. Tailwind CSS via CDN -->
292<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
292
293
294<!-- 2. Google Fonts & Material Icons -->
295<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;600&family=Material+Symbols+Outlined:wght,[email protected],0..1&display=swap" rel="stylesheet"/>
296
297<!-- 3. Your Custom Tailwind Configuration -->
298<script id="tailwind-config">
299  tailwind.config = {
300  
301    darkMode: "class",
302    theme: {
303      extend: {
304        "colors": {
305          "on-primary": "#ffffff",
306          "surface-container-high": "#e2e7ff",
307          "surface-bright": "#faf8ff",
308          "inverse-primary": "#b4c5ff",
309          "surface-container-highest": "#dae2fd",
310          "surface-tint": "#0053db",
311          "background": "#faf8ff",
312          "tertiary-container": "#996100",
313          "secondary-container": "#da2676",
314          "outline": "#737686",
315          "on-primary-container": "#eeefff",
316          "inverse-surface": "#283044",
317          "surface-dim": "#d2d9f4",
318          "surface": "#faf8ff",
319          "primary-fixed-dim": "#b4c5ff",
320          "primary-container": "#2563eb",
321          "error": "#ba1a1a",
322          "tertiary": "#784b00",
323          "surface-container": "#eaedff",
324          "on-secondary": "#ffffff",
325          "on-secondary-fixed": "#3f001c",
326          "on-tertiary-container": "#ffeedd",
327          "outline-variant": "#c3c6d7",
328          "tertiary-fixed-dim": "#ffb95f",
329          "secondary-fixed-dim": "#ffb1c7",
330          "on-primary-fixed-variant": "#003ea8",
331          "on-background": "#131b2e",
332          "secondary": "#b5005d",
333          "on-tertiary": "#ffffff",
334          "on-error-container": "#93000a",
335          "tertiary-fixed": "#ffddb8",
336          "surface-container-lowest": "#ffffff",
337          "on-primary-fixed": "#00174b",
338          "primary-fixed": "#dbe1ff",
339          "on-tertiary-fixed": "#2a1700",
340          "error-container": "#ffdad6",
341          "on-secondary-fixed-variant": "#8e0048",
342          "on-surface": "#131b2e",
343          "secondary-fixed": "#ffd9e2",
344          "inverse-on-surface": "#eef0ff",
345          "surface-variant": "#dae2fd",
346          "surface-container-low": "#f2f3ff",
347          "on-error": "#ffffff",
348          "on-secondary-container": "#fffbff",
349          "on-surface-variant": "#434655",
350          "on-tertiary-fixed-variant": "#653e00",
351          "primary": "#004ac6"
352        },
353        "borderRadius": {
354          "DEFAULT": "0.25rem",
355          "lg": "0.5rem",
356          "xl": "0.75rem",
357          "full": "9999px"
358        },
359        "spacing": {
360          "xs": "4px",
361          "margin": "32px",
362          "gutter": "24px",
363          "base": "8px",
364          "md": "24px",
365          "sm": "12px",
366          "xl": "80px",
367          "lg": "48px"
368        },
369        "fontFamily": {
370          "price-lg": ["Plus Jakarta Sans"],
371          "label-lg": ["Inter"],
372          "headline-md": ["Plus Jakarta Sans"],
373          "headline-lg": ["Plus Jakarta Sans"],
374          "body-lg": ["Inter"],
375          "display-lg": ["Plus Jakarta Sans"],
376          "body-md": ["Inter"]
377        },
378        "fontSize": {
379          "price-lg": ["22px", {"lineHeight": "1", "fontWeight": "700"}],
380          "label-lg": ["14px", {"lineHeight": "1.2", "fontWeight": "600"}],
381          "headline-md": ["24px", {"lineHeight": "1.3", "fontWeight": "600"}],
382          "headline-lg": ["32px", {"lineHeight": "1.2", "letterSpacing": "-0.01em", "fontWeight": "600"}],
383          "body-lg": ["18px", {"lineHeight": "1.6", "fontWeight": "400"}],
384          "display-lg": ["48px", {"lineHeight": "1.1", "letterSpacing": "-0.02em", "fontWeight": "700"}],
385          "body-md": ["16px", {"lineHeight": "1.5", "fontWeight": "400"}]
386        }
387      },
388    },
389  }
390</script>
390
391
392<!-- 4. Global Styles -->
393<style>
394  /* Base Body Styles */
395  .tw-custom {
396  background-color: #faf8ff;
397  color: #131b2e;
398  font-family: 'Inter', sans-serif;
399}
400  
401  ::selection {
402    background-color: rgba(181, 0, 93, 0.3);
403  }
404
405  /* Custom Classes used in sections */
406  .material-symbols-outlined {
407    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
408  }
409  .tw-custom .glass-card {
410    background: rgba(255, 255, 255, 0.7);
411    backdrop-filter: blur(10px);
412    border: 1px solid rgba(255, 255, 255, 0.3);
413  }
414  .active-nav {
415    position: relative;
416  }
417  .active-nav::after {
418    content: '';
419    position: absolute;
420    bottom: -4px;
421    left: 0;
422    width: 100%;
423    height: 2px;
424    background-color: #2563eb;
425  }
426 .tw-custom header nav a {
427  display: inline-flex;
428  align-items: center;
429}
430</style>
431
432
433
434<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
435<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 76166955055,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "product"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 435
435
436<script>
437  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
438</script>
vendor: 1 bytes, line 438
438
439<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
439).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 76166955055,storefrontBaseUrl: "https://rayaarishop.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://rayaarishop.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"2495021103","configuration":"{\"pixel_id\":\"558778750122968\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"2455273519","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-4BKSC7H52W\\\"],\\\"target_country\\\":\\\"ZZ\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-4BKSC7H52W\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-4BKSC7H52W\\\"},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-4BKSC7H52W\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":\\\"G-4BKSC7H52W\\\"},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-4BKSC7H52W\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":\\\"G-4BKSC7H52W\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":\\\"G-4BKSC7H52W\\\"},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-4BKSC7H52W\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-4BKSC7H52W\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-4BKSC7H52W\\\"},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-4BKSC7H52W\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"RAY AARI SHOP","paymentSettings":{"currencyCode":"INR"},"myshopifyDomain":"rayaarishop.myshopify.com","countryCode":"IN","storefrontUrl":"https:\/\/rayaarishop.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[{"price":{"amount":20.0,"currencyCode":"INR"},"product":{"title":"Simba Gold Sugar Beads","vendor":"rayaarishop","id":"8284680224815","untranslatedTitle":"Simba Gold Sugar Beads","url":"\/products\/simba-gold-sugar-beads","type":"Sugar Beads"},"id":"45408755482671","image":{"src":"\/\/rayaarishop.com\/cdn\/shop\/files\/IMG_9863-1-scaled.jpg?v=1780388495"},"sku":null,"title":"10 Gm","untranslatedTitle":"10 Gm"},{"price":{"amount":80.0,"currencyCode":"INR"},"product":{"title":"Simba Gold Sugar Beads","vendor":"rayaarishop","id":"8284680224815","untranslatedTitle":"Simba Gold Sugar Beads","url":"\/products\/simba-gold-sugar-beads","type":"Sugar Beads"},"id":"45408755515439","image":{"src":"\/\/rayaarishop.com\/cdn\/shop\/files\/IMG_9863-1-scaled.jpg?v=1780388495"},"sku":null,"title":"50 Gm","untranslatedTitle":"50 Gm"},{"price":{"amount":520.0,"currencyCode":"INR"},"product":{"title":"Simba Gold Sugar Beads","vendor":"rayaarishop","id":"8284680224815","untranslatedTitle":"Simba Gold Sugar Beads","url":"\/products\/simba-gold-sugar-beads","type":"Sugar Beads"},"id":"45408755548207","image":{"src":"\/\/rayaarishop.com\/cdn\/shop\/files\/IMG_9863-1-scaled.jpg?v=1780388495"},"sku":null,"title":"1 Pak - 450 Gm","untranslatedTitle":"1 Pak - 450 Gm"}],"products":[{"id":"8284680224815","handle":"simba-gold-sugar-beads","isCollective":null,"title":"Simba Gold Sugar Beads","type":"Sugar Beads","untranslatedTitle":"Simba Gold Sugar Beads","url":"\/products\/simba-gold-sugar-beads","vendor":"rayaarishop","remoteShopId":null,"variants":[{"id":"45408755482671","image":{"src":"\/\/rayaarishop.com\/cdn\/shop\/files\/IMG_9863-1-scaled.jpg?v=1780388495"},"price":{"amount":20.0,"currencyCode":"INR"},"sku":null,"title":"10 Gm","untranslatedTitle":"10 Gm"},{"id":"45408755515439","image":{"src":"\/\/rayaarishop.com\/cdn\/shop\/files\/IMG_9863-1-scaled.jpg?v=1780388495"},"price":{"amount":80.0,"currencyCode":"INR"},"sku":null,"title":"50 Gm","untranslatedTitle":"50 Gm"},{"id":"45408755548207","image":{"src":"\/\/rayaarishop.com\/cdn\/shop\/files\/IMG_9863-1-scaled.jpg?v=1780388495"},"price":{"amount":520.0,"currencyCode":"INR"},"sku":null,"title":"1 Pak - 450 Gm","untranslatedTitle":"1 Pak - 450 Gm"}]}],"purchasingCompany":null},},"https://rayaarishop.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"156653781039","themePublished":"true","eventMetadataId":"b6e1e014-cf71-4cd3-987e-4633859215e2","pageType":"product","resourceId":"8284680224815","shopId":"76166955055","storefrontBaseUrl":"https:\/\/rayaarishop.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}],[\"product_viewed\",{\"productVariant\":{\"price\":{\"amount\":20.0,\"currencyCode\":\"INR\"},\"product\":{\"title\":\"Simba Gold Sugar Beads\",\"vendor\":\"rayaarishop\",\"id\":\"8284680224815\",\"untranslatedTitle\":\"Simba Gold Sugar Beads\",\"url\":\"\/products\/simba-gold-sugar-beads\",\"type\":\"Sugar Beads\"},\"id\":\"45408755482671\",\"image\":{\"src\":\"\/\/rayaarishop.com\/cdn\/shop\/files\/IMG_9863-1-scaled.jpg?v=1780388495\"},\"sku\":null,\"title\":\"10 Gm\",\"untranslatedTitle\":\"10 Gm\"}}]]"});})();</script>
439<script>
440  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
441  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
442  window.ShopifyAnalytics.meta.currency = 'INR';
443  var meta = {"product":{"id":8284680224815,"gid":"gid:\/\/shopify\/Product\/8284680224815","vendor":"rayaarishop","type":"Sugar Beads","handle":"simba-gold-sugar-beads","variants":[{"id":45408755482671,"price":2000,"name":"Simba Gold Sugar Beads - 10 Gm","public_title":"10 Gm","sku":null},{"id":45408755515439,"price":8000,"name":"Simba Gold Sugar Beads - 50 Gm","public_title":"50 Gm","sku":null},{"id":45408755548207,"price":52000,"name":"Simba Gold Sugar Beads - 1 Pak - 450 Gm","public_title":"1 Pak - 450 Gm","sku":null}],"remote":false},"page":{"pageType":"product","resourceType":"product","resourceId":8284680224815,"requestId":"0500a76c-4c7c-4bb7-a15e-e1690a51add8-1791083662"}};
444  for (var attr in meta) {
445    window.ShopifyAnalytics.meta[attr] = meta[attr];
446  }
447</script>
vendor: 1 bytes, line 447
447
448<script class="analytics">
449  (function () {
450    var customDocumentWrite = function(content) {
451      var jquery = null;
452
453      if (window.jQuery) {
454        jquery = window.jQuery;
455      } else if (window.Checkout && window.Checkout.$) {
456        jquery = window.Checkout.$;
457      }
458
459      if (jquery) {
460        jquery('body').append(content);
461      }
462    };
463
464    var hasLoggedConversion = function(token) {
465      if (token) {
466        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
467      }
468      return false;
469    }
470
471    var setCookieIfConversion = function(token) {
472      if (token) {
473        var twoMonthsFromNow = new Date(Date.now());
474        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
475
476        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
477      }
478    }
479
480    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
481    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
482    if (trekkie.integrations) {
483      return;
484    }
485    trekkie.methods = [
486      'identify',
487      'page',
488      'ready',
489      'track',
490      'trackForm',
491      'trackLink'
492    ];
493    trekkie.factory = function(method) {
494      return function() {
495        var args = Array.prototype.slice.call(arguments);
496        args.unshift(method);
497        trekkie.push(args);
498        if (method == 'track' || method == 'page') {
499          var pageUrl;
500          try {
501            pageUrl = window.location.href;
502          } catch (e) {}
503          var pageReferrer;
504          try {
505            pageReferrer = document.referrer;
506          } catch (e) {}
507          try {
508            if (window.__TREKKIE_SHIM_QUEUE == null) {
509              window.__TREKKIE_SHIM_QUEUE = [];
510            }
511            window.__TREKKIE_SHIM_QUEUE.push({
512              from: 'trekkie-stub',
513              method: method,
514              args: args.slice(1),
515              pageContext: {
516                url: pageUrl,
517                referrer: pageReferrer
518              }
519            });
520          } catch (e) {
521            // no-op
522          }
523        }
524        return trekkie;
525      };
526    };
527    for (var i = 0; i < trekkie.methods.length; i++) {
528      var key = trekkie.methods[i];
529      trekkie[key] = trekkie.factory(key);
530    }
531    trekkie.load = function(config) {
532      trekkie.config = config || {};
533      trekkie.config.initialDocumentCookie = document.cookie;
534      var first = document.getElementsByTagName('script')[0];
535var script = document.createElement('script');
536script.type = 'text/javascript';
537script.onerror = function(e) {
538  var scriptFallback = document.createElement('script');
539  scriptFallback.type = 'text/javascript';
540  scriptFallback.onerror = function(error) {
541          var Monorail = {
542      produce: function produce(monorailDomain, schemaId, payload) {
543        var currentMs = new Date().getTime();
544        var event = {
545          schema_id: schemaId,
546          payload: payload,
547          metadata: {
548            event_created_at_ms: currentMs,
549            event_sent_at_ms: currentMs
550          }
551        };
552        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
553      },
554      sendRequest: function sendRequest(endpointUrl, payload) {
555        // Try the sendBeacon API
556        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
557          var blobData = new window.Blob([payload], {
558            type: 'text/plain'
559          });
560
561          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
562            return true;
563          } // sendBeacon was not successful
564
565        } // XHR beacon
566
567        var xhr = new XMLHttpRequest();
568
569        try {
570          xhr.open('POST', endpointUrl);
571          xhr.setRequestHeader('Content-Type', 'text/plain');
572          xhr.send(payload);
573        } catch (e) {
574          console.log(e);
575        }
576
577        return false;
578      },
579      isIos12: function isIos12() {
580        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
581      }
582    };
583    Monorail.produce('monorail-edge.shopifysvc.com',
584      'trekkie_storefront_load_errors/1.1',
585      {shop_id: 76166955055,
586      theme_id: 156653781039,
587      app_name: "storefront",
588      context_url: window.location.href,
589      source_url: "//rayaarishop.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
590
591  };
592  scriptFallback.async = true;
593  scriptFallback.src = '//rayaarishop.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
594  first.parentNode.insertBefore(scriptFallback, first);
595};
596script.async = true;
597script.src = '//rayaarishop.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
598first.parentNode.insertBefore(script, first);
599
600    };
601    trekkie.load(
602      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":76166955055,"isMerchantRequest":null,"themeId":1566
60253781039,"themeCityHash":"12755740806202774330","contentLanguage":"en","currency":"INR","eventMetadataId":"b6e1e014-cf71-4cd3-987e-4633859215e2"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
603    );
604
605    var loaded = false;
606    trekkie.ready(function() {
607      if (loaded) return;
608      loaded = true;
609
610      window.ShopifyAnalytics.lib = window.trekkie;
611
612      var originalDocumentWrite = document.write;
613      document.write = customDocumentWrite;
614      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
615      document.write = originalDocumentWrite;
616
617      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
618      var token = match? match[1]: undefined;
619      if (!hasLoggedConversion(token)) {
620        setCookieIfConversion(token);
621        window.ShopifyAnalytics.lib.track("Viewed Product",{"currency":"INR","variantId":45408755482671,"productId":8284680224815,"productGid":"gid:\/\/shopify\/Product\/8284680224815","name":"Simba Gold Sugar Beads - 10 Gm","price":"20.00","sku":null,"brand":"rayaarishop","variant":"10 Gm","category":"Sugar Beads","nonInteraction":true,"remote":false,"available":true},undefined,undefined,{"shopifyEmitted":true});
622      }
623    });
624
625    window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":8284680224815,"requestId":"0500a76c-4c7c-4bb7-a15e-e1690a51add8-1791083662","shopifyEmitted":true});
626
627    var eventsListenerScript = document.createElement('script');
628    eventsListenerScript.async = true;
629    eventsListenerScript.src = "//rayaarishop.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
630    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
631})();</script>
vendor: 1 bytes, line 631
631
632<script
633  defer
634  src="https://rayaarishop.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
635  data-application="storefront-renderer"
636  data-shop-id="76166955055"
637  data-render-region="gcp-us-central1"
638  data-page-type="product"
639  data-theme-instance-id="156653781039"
640  data-theme-name="Shopicart"
641  data-theme-version="2.2.0"
642  data-monorail-region="shop_domain"
643  data-resource-timing-sampling-rate="10"
644  data-shs="true"
645  data-shs-beacon="true"
646  data-shs-export-with-fetch="true"
647  data-shs-logs-sample-rate="1"
648  data-shs-beacon-endpoint="https://rayaarishop.com/api/collect"
649></script>
649
650</head>
651<body id="simba-gold-sugar-beads-for-aari-work" class="template-product" >
652  <!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 652-654
652
653
654<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
654GTM-5L3QBK5Q
vendor: 85 bytes, lines 654-657
654"
655
656height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
657
658<!-- End Google Tag Manager (noscript) -->
659
660  <div id="PageContainer"></div>
661  <div class="quick-view"></div>
662  <div id="shopify-section-custom-header" class="shopify-section"><style>
663    #desktop-nav, #desktop-icons { display: flex; }
664    .mobile-menu-wrapper { display: none; }
665    .header-left { gap: 20px; }
666    #desktop-nav { gap: 15px !important; }
667    #desktop-nav a { font-size: 14px; font-weight: bold; }
668    .header-logo { height: 50px !important; }
669
670    @media (max-width: 1200px) {
671      #desktop-nav, #desktop-icons { display: none !important; }
672      .mobile-menu-wrapper { display: block !important; }
673      .header-logo { height: 44px !important; }
674      .mobile-menu-wrapper details { position: static; }
675      .mobile-menu-wrapper summary {
676        list-style: none; cursor: pointer;
677        display: inline-flex; align-items: center; justify-content: center;
678        padding: 6px; background: none; border: none; color: #475569;
679      }
680      .mobile-menu-wrapper summary::-webkit-details-marker { display: none; }
681      .mobile-nav-content {
682  position: fixed;
683  top: 72px;
684  left: 0;
685  right: 0;
686  background: white;
687  border-top: 1px solid #e2e8f0;
688  padding: 16px 20px 120px;
689  display: flex;
690  flex-direction: column;
691  gap: 8px;
692  z-index: 9999;
693  max-height: calc(100vh - 72px);
694  overflow-y: auto;
695  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
696}
697      .mobile-nav-content a {
698    padding: 14px;
699    border-radius: 12px;
700    text-decoration: none;
701    background: #f8fafc;
702    display: flex;
703    flex-direction: column;
704    gap: 4px;
705    border: 1px solid #e2e8f0;
706    transition: 0.2s;
707  }
708
709  .mobile-nav-content a:hover {
710    background: #eff6ff;
711    border-color: #93c5fd;
712  }
713
714  .mobile-nav-content a strong {
715    font-size: 15px;
716    color: #0f172a;
717    font-weight: 700;
718  }
719      body:has(details[open]) { overflow: hidden; }
720    }
721
722    #cart-count-badge {
723      position: absolute !important;
724      top: 0px !important;
725      right: 0px !important;
726      background: rgb(244, 63, 94) !important;
727      color: white !important;
728      font-size: 9px !important;
729      font-weight: 700 !important;
730      min-width: 16px !important;
731      height: 16px !important;
732      padding: 0 3px !important;
733      border-radius: 8px !important;
734      line-height: 1 !important;
735      pointer-events: none !important;
736      z-index: 100000 !important;
737      box-sizing: border-box !important;
738      display: none !important;
739      align-items: center !important;
740      justify-content: center !important;
741      transition: opacity 0.2s !important;
742    }
743    #cart-count-badge.visible {
744      display: flex !important;
745    }
746
747    #mini-cart-wrapper { position: relative; }
748
749    #mini-cart {
750      position: absolute;
751      top: calc(100% + 8px);
752      right: 0;
753      width: 370px;
754      background: white;
755      border-radius: 12px;
756      box-shadow: 0 8px 32px rgba(0,0,0,0.18);
757      z-index: 99999;
758      max-height: 520px;
759      display: none;
760      flex-direction: column;
761    }
762
763    #mc-top { padding: 16px 20px 0 20px; flex-shrink: 0; }
764
765    #mc-items-scroll {
766      flex: 1; overflow-y: auto; padding: 12px 20px;
767      scrollbar-width: thin; scrollbar-color: rgb(181 0 93) #f1f1f1;
768    }
769    #mc-items-scroll::-webkit-scrollbar { width: 4px; }
770    #mc-items-scroll::-webkit-scrollbar-track { background: rgb(181 0 93); border-radius: 10px; }
771    #mc-items-scroll::-webkit-scrollbar-thumb { background: rgb(181 0 93); border-radius: 10px; }
772
773    #mc-empty { text-align: center; padding: 30px 20px; }
774
775    #mc-footer {
776      display: none; border-top: 1px solid #eee;
777      padding: 14px 20px 16px 20px; flex-shrink: 0;
778      background: white; border-radius: 0 0 12px 12px;
779    }
780
781    .mc-item { display: flex; gap: 12px; margin-bottom: 14px; align-items: flex-start; }
782    .mc-item:last-child { margin-bottom: 0; }
783    .mc-item img { width: 58px; height: 58px; object-fit: cover; border-radius: 8px; flex-shrink: 0; }
784    .mc-item-info { flex: 1; min-width: 0; }
785    .mc-item-title { font-size: 13px; font-weight: 600; margin: 0 0 3px; line-height: 1.3; color: #1e293b; }
786    .mc-item-variant { font-size: 11px; color: #888; margin: 0 0 3px; }
787    .mc-item-price { font-size: 12px; color: #666; margin: 0; }
788    .mc-del-btn { background: none; border: none; cursor: pointer; color: #ccc; padding: 2px; line-height: 1; flex-shrink: 0; transition: color 0.2s; }
789    .mc-del-btn:hover { color: rgb(181 0 93); }
790
791    .mc-subtotal-row { display: flex; justify-content: space-between; margin-bottom: 12px; font-size: 15px; font-weight: 700; }
792    .mc-subtotal-amt { color: rgb(181 0 93); }
793
794    .mc-actions { display: flex; gap: 10px; }
795    .mc-view-btn {
796      flex: 1; text-align: center; padding: 11px 8px;
797      border: 2px solid rgb(181 0 93); border-radius: 8px;
798      color: rgb(181 0 93); font-weight: 700; font-size: 13px;
799      text-decoration: none; display: block; transition: background 0.2s;
800    }
801    .mc-view-btn:hover { background: #fff; }
802    .mc-checkout-btn {
803      flex: 1; text-align: center; padding: 11px 8px;
804      background: rgb(181 0 93); border-radius: 8px;
805      color: white; font-weight: 700; font-size: 13px;
806      text-decoration: none; display: block; transition: background 0.2s;
807    }
808    .mc-checkout-btn:hover { background: rgb(181 0 93); color:#fff; }
809</style>
810
811<header class="fixed top-0 left-0 right-0 z-50 bg-white/90 dark:bg-slate-900/90 backdrop-blur-md shadow-sm border-b border-slate-100 dar
811k:border-slate-800">
812  <div class="flex justify-between items-center w-full px-5 py-3 max-w-[1280px] mx-auto">
813    <div class="flex items-center header-left">
814      <a href="/">
815        
816          <img
817            alt="RAY AARI SHOP"
818            class="header-logo w-auto"
819            src="https://cdn.shopify.com/s/files/1/0761/6695/5055/files/logo.png?v=1778084910"
820          >
821        
822      </a>
823
824      <nav id="desktop-nav" class="flex flex-wrap font-['Plus_Jakarta_Sans'] font-medium tracking-tight">
825        
826        
827        
828          
829            <a
830              class="text-slate-600 hover:text-blue-500 transition-colors duration-200"
831              href="/pages/silk-thread-materials"
832            >Silk Thread Materials</a>
833          
834            <a
835              class="text-slate-600 hover:text-blue-500 transition-colors duration-200"
836              href="/pages/aari-materials"
837            >Aari Work Materials</a>
838          
839            <a
840              class="text-slate-600 hover:text-blue-500 transition-colors duration-200"
841              href="/pages/invisible-chain-materials"
842            >Invisible Chain Materials</a>
843          
844            <a
845              class="text-slate-600 hover:text-blue-500 transition-colors duration-200"
846              href="/pages/brooch-materials"
847            > Brooch Materials</a>
848          
849            <a
850              class="text-slate-600 hover:text-blue-500 transition-colors duration-200"
851              href="/pages/resin-materials"
852            >Resin Materials</a>
853          
854            <a
855              class="text-slate-600 hover:text-blue-500 transition-colors duration-200"
856              href="/collections/tailoring-materials"
857            >Tailoring Materials</a>
858          
859        
860      </nav>
861    </div>
862
863    <div id="desktop-icons" class="flex items-center gap-5">
864      <div class="relative">
865        <form action="/search" method="get" role="search">
866          <input
867            class="pl-10 pr-4 py-2 rounded-full border-none focus:ring-2 focus:ring-primary text-sm w-56"
868            name="q"
869            placeholder="Search premium crafts..."
870            type="text"
871          >
872          <button type="submit" style="position:absolute;left:7px;top:45%;transform:translateY(-50%);">
873            <span class="material-symbols-outlined" style="font-size:18px;">search</span>
874          </button>
875        </form>
876      </div>
877
878      <div class="flex" style="position:relative;">
879        <a
880          href="https://rayaarishop.com/customer_authentication/redirect?locale=en&region_country=IN"
881          class="p-2 text-slate-600 hover:text-blue-500"
882        >
883          <span class="material-symbols-outlined">person</span>
884        </a>
885
886        <a href="/pages/wishlist" class="p-2 text-slate-600 hover:text-blue-500 relative" id="wishlist-icon-link">
887          <span class="material-symbols-outlined">favorite</span>
888          <span id="wishlist-dot" style="position:absolute;top:4px;right:4px;width:8px;height:8px;background:#f43f5e;border-radius:50%;display:none;"></span>
889        </a>
890
891        <div id="mini-cart-wrapper">
892          <a
893            href="/cart"
894            id="cart-icon-btn"
895            class="p-2 text-slate-600 hover:text-blue-500"
896            style="position:relative; display:inline-flex; align-items:center;"
897          >
898            <span class="material-symbols-outlined">shopping_cart</span>
899            <span id="cart-count-badge"></span>
900          </a>
901
902          <div id="mini-cart">
903            <div id="mc-empty">
904              <span class="material-symbols-outlined" style="font-size:48px;color:#ccc;display:block;margin-bottom:8px;"
905                >shopping_basket</span
906              >
907              <p style="color:#999;font-size:14px;margin:0;">Your cart is empty</p>
908            </div>
909            <div id="mc-items-scroll" style="display:none;">
910              <div id="mc-items"></div>
911            </div>
912            <div id="mc-footer">
913              <div class="mc-subtotal-row">
914                <span>Subtotal:</span>
915                <span id="mc-subtotal" class="mc-subtotal-amt">₹0.00</span>
916              </div>
917              <div class="mc-actions">
918                <a href="/cart" class="mc-view-btn">VIEW CART</a>
919                <a href="/pages/checkout" class="mc-checkout-btn">CHECKOUT</a>
920              </div>
921            </div>
922          </div>
923        </div>
924      </div>
925    </div>
926
927    <div class="mobile-menu-wrapper">
928      <details>
929        <summary aria-label="Menu">
930          <span class="material-symbols-outlined" style="font-size:26px;">menu</span>
931        </summary>
932
933        <div class="mobile-nav-content">
934          <a href="/pages/silk-thread-materials">
935            <strong>Silk Thread Materials</strong>
936          </a>
937
938          <a href="/pages/aari-materials">
939            <strong>Aari Work Materials</strong>
940          </a>
941
942          <a href="/pages/invisible-chain-materials">
943            <strong>Invisible Chain Materials</strong>
944          </a>
945
946          <a href="/pages/brecelet-beads-charms">
947            <strong>Bracelet Beads & Charms</strong>
948          </a>
949
950          <a href="/pages/brooch-materials">
951            <strong>Brooch Materials</strong>
952          </a>
953
954          <a href="/collections/hair-accessories">
955            <strong>Hair Accessories</strong>
956          </a>
957
958          <a href="/collections/jumka-making-materials">
959            <strong>Jhumka Making Materials</strong>
960          </a>
961
962          <a href="/pages/clip-stones-crystal-stones-beads">
963            <strong>Clip Stones / Crystal Stones & Beads</strong>
964          </a>
965
966          <a href="/collections/packing-materials">
967            <strong>Packing Materials</strong>
968          </a>
969
970          <a href="/collections/painting-materials">
971            <strong>Painting Materials</strong>
972          </a>
973
974          <a href="/collections/tailoring-materials">
975            <strong>Tailoring Materials</strong>
976          </a>
977
978          <a href="/collections/flowers">
979            <strong>Flowers & Ribbons</strong>
980          </a>
981
982          <a href="/collections/glass-bangles">
983            <strong>Glass Bangles</strong>
984          </a>
985
986          <a href="/collections/glues">
987            <strong>Glue</strong>
988          </a>
989
990          <a href="/pages/resin-materials">
991            <strong>Resin Materials</strong>
992          </a>
993
994          <a href="#">
995            <strong>Terracotta</strong>
996          </a>
997        </div>
998      </details>
999    </div>
1000  </div>
1001</header>
1002
1003<script>
1004  (function () {
1005    var closeTimer = null;
1006    var initialized = false;
1007
1008    function getBadge() {
1009      return document.getElementById('cart-count-badge');
1010    }
1011    function getMC() {
1012      return document.getElementById('mini-cart');
1013    }
1014    function getWrapper() {
1015      return document.getElementById('mini-cart-wrapper');
1016    }
1017
1018    function showBadge(count) {
1019      var b = getBadge();
1020      if (!b) return;
1021      if (count > 0) {
1022        b.textContent = count > 99 ? '99+' : String(count);
1023        b.classList.add('visible');
1024      } else {
1025        b.textContent = '';
1026        b.classList.remove('visible');
1027      }
1028    }
1029
1030    function openMC() {
1031      var mc = getMC();
1032      if (mc) mc.style.display = 'flex';
1033    }
1034    function closeMC() {
1035      var mc = getMC();
1036      if (mc) mc.style.display = 'none';
1037    }
1038
1039    function esc(s) {
1040      return String(s).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
1041    }
1042
1043    function renderCart(cart, keepOpen) {
1044      var itemsEl = document.getElementById('mc-items');
1045      var scrollEl = document.getElementById('mc-items-scroll');
1046      var emptyEl = document.getElementById('mc-empty');
1047      var footerEl = document.getElementById('mc-footer');
1048      var subtotalEl = document.getElementById('mc-subtotal');
1049      if (!itemsEl) return;
1050
1051      showBadge(cart.items ? cart.items.length : 0);
1052
1053      if (!cart.items || cart.items.length === 0) {
1054        emptyEl.style.display = 'block';
1055        scrollEl.style.display = 'none';
1056        footerEl.style.display = 'none';
1057        itemsEl.innerHTML = '';
1058        return;
1059      }
1060
1061      emptyEl.style.display = 'none';
1062      scrollEl.style.display = 'block';
1063      footerEl.style.display = 'block';
1064      subtotalEl.textContent = '₹' + (cart.total_price / 100).toFixed(2);
1065
1066      itemsEl.innerHTML = cart.items
1067        .map(function (item) {
1068          var price = (item.price / 100).toFixed(2);
1069          return (
1070            '<div class="mc-item">' +
1071            '<img src="' +
1072            (item.image || '') +
1073            '" alt="">' +
1074            '<div class="mc-item-info">' +
1075            '<p class="mc-item-title">' +
1076            esc(item.product_title) +
1077            '</p>' +
1078            '<p class="mc-item-price">' +
1079            item.quantity +
1080            ' × ₹' +
1081            price +
1082            '</p>' +
1083            '</div>' +
1084            '<button class="mc-del-btn" data-key="' +
1085            item.key +
1086            '">' +
1087            '<span class="material-symbols-outlined" style="font-size:18px;">delete</span>' +
1088            '</button></div>'
1089          );
1090        })
1091        .join('');
1092
1093      if (keepOpen) {
1094        openMC();
1095        clearTimeout(closeTimer);
1096        closeTimer = setTimeout(closeMC, 3000);
1097      }
1098    }
1099
1100    function loadCart(thenOpen) {
1101      fetch('/cart.js')
1102        .then(function (r) {
1103          return r.json();
1104        })
1105        .then(function (cart) {
1106          renderCart(cart, thenOpen);
1107        })
1108        .catch(function (err) {
1109          console.log('Cart error', err);
1110        });
1111    }
1112
1113    function setupHover() {
1114      var w = getWrapper();
1115      if (!w || w.dataset.bound) return;
1116      w.dataset.bound = '1';
1117      w.addEventListener('mouseenter', function () {
1118        clearTimeout(closeTimer);
1119        loadCart(false);
1120        openMC();
1121      });
1122      w.addEventListener('mouseleave', function () {
1123        closeTimer = setTimeout(closeMC, 400);
1124      });
1125    }
1126
1127function updateWishlistDot() {
1128  var dot = document.getElementById('wishlist-dot');
1129  if (!dot) return;
1130  try {
1131    var raw = localStorage.getItem('user_wishlist');
1132    var items = raw ? JSON.parse(raw) : [];
1133    dot.style.display = (Array.isArray(items) && items.length > 0) ? 'block' : 'none';
1134  } catch (e) {
1135    dot.style.display = 'none';
1136  }
1137}
1138
1139window.updateWishlistDot = updateWishlistDot;
1140
1141document.addEventListener('DOMContentLoaded', updateWishlistDot);
1142window.addEventListener('storage', function(e) {
1143  if (e.key === 'user_wishlist') updateWishlistDot();
1144});
1145
1146// Expose globally so product page and wishlist page can call it instantly
1147window.updateWishlistDot = updateWishlistDot;
1148
1149// Run on page load
1150document.addEventListener('DOMContentLoaded', updateWishlistDot);
1151window.addEventListener('storage', updateWishlistDot);
1152
1153// Run on page load
1154document.addEventListener('DOMContentLoaded', updateWishlistDot);
1155window.addEventListener('storage', updateWishlistDot);
1156
1157    document.addEventListener('click', function (e) {
1158      var btn = e.target.closest('.mc-del-btn');
1159      if (!btn) return;
1160      fetch('/cart/change.js', {
1161        method: 'POST',
1162        headers: { 'Content-Type': 'application/json' },
1163        body: JSON.stringify({ id: btn.dataset.key, quantity: 0 }),
1164      })
1165        .then(function (r) {
1166          return r.json();
1167        })
1168        .then(function (cart) {
1169          renderCart(cart, true);
1170          // If user is on cart page, reload it to sync
1171          if (window.location.pathname === '/cart') {
1172            window.location.reload();
1173          }
1174        });
1175    });
1176
1177    /* KEY FIX: poll every 150ms until badge element exists in DOM */
1178    function tryInit() {
1179      if (initialized) return;
1180      if (!getBadge() || !getWrapper()) {
1181        setTimeout(tryInit, 150);
1182        return;
1183      }
1184      initialized = true;
1185      setupHover();
1186      loadCart(false);
1187      updateWishlistDot();
1188    }
1189
1190    tryInit();
1191    document.addEventListener('DOMContentLoaded', tryInit);
1192    window.addEventListener('load', tryInit);
1193  })();
1194</script>
1194
1195
1196
1197</div>
1198    
1199    <main class="main-content">  
1200  <div class="container-fluid px-3 px-lg-4">        
1201    <div class="row gx-3">
1202      
1203      <div class="col-12">
1204        
1205<div class="">
1206<div class="row">
1207
1208<div class="col-xs-12">
1209<nav class="breadcrumb" aria-label="breadcrumbs">
1210  
1211    
1212
1213    <span aria-hidden="true" class="breadcrumb__sep">|</span>
1214    <span>Simba Gold Sugar Beads</span>
1215   
1216
1217  
1218</nav>
1219</div>
1220
1221</div>
1222</div>
1223
1224        <!-- 1. PRODUCT BANNER SECTION -->
1225<div class="product-banner-wrapper">
1226  <div class="breadcrumb-container">
1227    <a href="/">Home</a>
1228    <span class="sep">/</span>
1229    <a href="/collections/all">Products</a>
1230    <span class="sep">/</span>
1231    <span class="current">Simba Gold Sugar Beads</span>
1232  </div>
1233
1234  
1235</div>
1236
1237<!-- INVENTORY TOAST POPUP -->
1238<div id="inventory-toast" style="
1239  display:none;
1240  position:fixed;
1241  bottom:30px;
1242  left:50%;
1243  transform:translateX(-50%);
1244  background:#1e293b;
1245  color:#fff;
1246  padding:14px 24px;
1247  border-radius:10px;
1248  font-size:14px;
1249  font-weight:600;
1250  z-index:9999;
1251  box-shadow:0 4px 20px rgba(0,0,0,0.2);
1252  white-space:nowrap;
1253">
1254  <span id="inventory-toast-msg"></span>
1255</div>
1256
1257<!-- 2. MAIN PRODUCT CONTENT -->
1258<div class="product-container">
1259  <div class="product-grid">
1260    <!-- Left: Product Media -->
1261    <div class="product-media">
1262      <div class="main-image-box">
1263        <img id="MainProductImage" src="//rayaarishop.com/cdn/shop/files/IMG_9863-1-scaled_1000x1000.jpg?v=1780388495" alt="Simba Gold Sugar Beads">
1264      </div>
1265
1266      
1267    </div>
1268
1269    <!-- Right: Product Info -->
1270    <div class="product-info-panel">
1271      <p class="vendor-label">
1272        
1273          Sugar Beads
1274        
1275      </p>
1276      <h2 class="title-display">Simba Gold Sugar Beads</h2>
1277
1278      <div class="price-section">
1279       <span class="price-main">Total: ₹20.00</span>
1280        
1281      </div>
1282
1283      <div class="product-desc">
1284        <p><span data-sheets-root="1">Discover premium Simba Gold Sugar Beads with a rich golden finish, perfect for Aari work, jewellery making, embroidery, blouse designs, and decorative craft projects.</span></p>
1285      </div>
1286
1287      <!-- Action Form -->
1288      <form action="/cart/add" method="post" enctype="multipart/form-data" class="action-form">
1289        <!-- UPDATED VARIANT SELECTOR (Rows instead of Dropdown) -->
1290        
1291          <div class="variant-swatch-container">
1292            
1293              <div class="option-row" data-index="option1">
1294                <label class="option-label">
1295                  
1296                    Weight
1297                  
1298                </label>
1299                <div class="swatch-list">
1300                  
1301                    <div class="swatch-item">
1302                      <input
1303                        type="radio"
1304                        id="opt-1-1"
1305                        name="option1"
1306                        value="10 Gm"
1307                        class="swatch-input"
1308                        
1309                          checked
1310                        
1311                      >
1312                      <label for="opt-1-1" class="swatch-label">
1313                        10 Gm
1314                      </label>
1315                    </div>
1316                  
1317                    <div class="swatch-item">
1318                      <input
1319                        type="radio"
1320                        id="opt-1-2"
1321                        name="option1"
1322                        value="50 Gm"
1323                        class="swatch-input"
1324                        
1325                      >
1326                      <label for="opt-1-2" class="swatch-label">
1327                        50 Gm
1328                      </label>
1329                    </div>
1330                  
1331                    <div class="swatch-item">
1332                      <input
1333                        type="radio"
1334                        id="opt-1-3"
1335                        name="option1"
1336                        value="1 Pak - 450 Gm"
1337                        class="swatch-input"
1338                        
1339                      >
1340                      <label for="opt-1-3" class="swatch-label">
1341                        1 Pak - 450 Gm
1342                      </label>
1343                    </div>
1344                  
1345                </div>
1346              </div>
1347            
1348          </div>
1349          <!-- Hidden input to store the final variant ID -->
1350          <input
1351            type="hidden"
1352            name="id"
1353            id="FinalVariantId"
1354            value="45408755482671"
1355          >
1356        
1357
1358        <div
1359  class="qty-control-group"
1360  id="qtyControlGroup"
1361  
1362>
1363          <label>Quantity</label>
1364          <div class="qty-box">
1365            <button type="button" class="qty-btn c2c-qtyminus">−</button>
1366            <input type="text" name="quantity" value="1" class="c2c-qty-input" pattern="[0-9]*">
1367            <button
1368  type="button"
1369  class="qty-btn c2c-qtyplus"
1370  id="qtyPlusBtn"
1371>
1372  +
1373</button>
1374          </div>
1375        </div>
1376
1377<div class="button-row">
1378  
1379    <button type="submit" name="add" class="btn-primary">
1380      Add to Cart
1381    </button>
1382
1383    <button
1384      type="button"
1385      id="checkoutBtn"
1386      class="btn-secondary"
1387      onclick="buyItNow(this.form)"
1388    >
1389      Checkout
1390    </button>
1391  
1392          <button
1393            type="button"
1394            class="btn-wishlist add-to-wishlist"
1395            id="WishlistButton"
1396            data-handle="simba-gold-sugar-beads"
1397          >
1398            <span class="heart">♡</span>
1399            <span class="wish-text">Add to Wishlist</span>
1400          </button>
1401        </div>
1402      </form>
1403
1404      <div class="meta-footer">
1405        <div class="meta-row">
1406          <span>Availability</span>
1407          <span class="stock-status in-stock">
1408            In Stock
1409          </span>
1410        </div>
1411        <div class="meta-row">
1412          <span>Type</span>
1413          <span class="capitalize">Sugar Beads</span>
1414        </div>
1415      </div>
1416    </div>
1417  </div>
1418</div>
1419
1420<style>
1421  :root {
1422    --primary-color: #004ac6;
1423    --secondary-color: #b5005d;
1424    --bg-color: #faf8ff;
1425    --text-main: #131b2e;
1426    --text-variant: #434655;
1427    --outline: #c3c6d7;
1428    --surface-container: #eaedff;
1429  }
1430
1431  body {
1432    background-color: var(--bg-color);
1433    color: var(--text-main);
1434    font-family: 'Plus Jakarta Sans', sans-serif;
1435    margin: 0;
1436  }
1437
1438  /* NEW SWATCH STYLES */
1439  .variant-swatch-container { margin-bottom: 30px; }
1440  .option-row { margin-bottom: 25px; }
1441  .option-label {
1442    display: block;
1443    font-weight: 700;
1444    margin-bottom: 12px;
1445    font-size: 13px;
1446    text-transform: uppercase;
1447    letter-spacing: 0.5px;
1448    color: #64748b;
1449  }
1450  .swatch-list { display: flex; flex-wrap: wrap; gap: 10px; }
1451  .swatch-item { position: relative; }
1452  .swatch-input { position: absolute; opacity: 0; width: 0; height: 0; }
1453  .swatch-label {
1454    display: block;
1455    padding: 12px 22px;
1456    border: 1px solid var(--outline);
1457    border-radius: 10px;
1458    font-size: 14px;
1459    font-weight: 600;
1460    cursor: pointer;
1461    transition: all 0.3s ease;
1462    background: #fff;
1463    color: var(--text-main);
1464  }
1465  .swatch-input:checked + .swatch-label {
1466    border-color: var(--primary-color);
1467    background: #f0f4ff;
1468    color: var(--primary-color);
1469    box-shadow: 0 0 0 1px var(--primary-color);
1470  }
1471
1472  .product-container { max-width: 1280px; margin: 0 auto; padding: 0 20px 80px; }
1473  .product-banner-wrapper { max-width: 1280px; margin: 40px auto; padding: 0 20px; }
1474  .breadcrumb-container { font-size: 14px; margin-bottom: 20px; color: var(--text-variant); }
1475  .breadcrumb-container a { text-decoration: none; color: inherit; }
1476  .breadcrumb-container .sep { margin: 0 8px; opacity: 0.5; }
1477  .breadcrumb-container .current { font-weight: 600; color: var(--text-main); }
1478
1479  .product-banner {
1480    position: relative;
1481    height: 380px;
1482    border-radius: 16px;
1483    overflow: hidden;
1484    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
1485  }
1486  .product-banner img { width: 100%; height: 100%; object-fit: cover; }
1487  .product-banner-overlay {
1488    position: absolute;
1489    inset: 0;
1490    background: rgba(0,0,0,0.3);
1491    display: flex;
1492    align-items: center;
1493    justify-content: center;
1494  }
1495  .product-banner-overlay h1 { color: #fff; font-size: 48px; margin: 0; text-align: center; font-weight:800; }
1496
1497  .product-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 60px; margin-top: 20px; }
1498  .main-image-box {
1499    height: 600px;
1500    overflow: hidden;
1501    border-radius: 12px;
1502    background: #fff;
1503}
1504
1505.main-image-box img {
1506    width: 100%;
1507    height: 100%;
1508    object-fit: contain;
1509}
1510  
1511  
1512  .thumb-controls {
1513    display: flex;
1514    justify-content: flex-end;
1515    gap: 10px;
1516    margin-top: 15px;
1517    margin-bottom: 10px;
1518}
1519
1520.thumb-controls button {
1521    width: 40px;
1522    height: 40px;
1523    border: 1px solid #ddd;
1524    background: #fff;
1525    cursor: pointer;
1526    border-radius: 8px;
1527    font-size: 18px;
1528}
1529
1530.thumb-controls button:hover {
1531    background: #f5f5f5;
1532}
1533  .thumbnail-list {
1534    display: flex;
1535    gap: 12px;
1536    margin-top: 20px;
1537    overflow-x: auto;
1538    scrollbar-width: none;
1539    -ms-overflow-style: none;
1540}
1541
1542.thumbnail-list::-webkit-scrollbar {
1543    display: none;
1544}
1545
1546.thumb-item {
1547    flex: 0 0 calc((100% - 48px) / 5);
1548    max-width: calc((100% - 48px) / 5);
1549    height: 90px;
1550    border-radius: 8px;
1551    overflow: hidden;
1552    cursor: pointer;
1553}
1554
1555.thumb-item img {
1556    width: 100%;
1557    height: 100%;
1558    object-fit: cover;
1559}
1560  .thumb-item:hover { border-color: var(--primary-color); }
1561
1562  .vendor-label { color: var(--secondary-color); font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 10px; font-size: 14px; }
1563  .title-display { font-size: 38px; margin: 0 0 20px; line-height: 1.2; }
1564  .price-section { margin-bottom: 30px; display: flex; align-items: baseline; gap: 15px; }
1565  .price-main { font-size: 32px; font-weight: 700; color: var(--primary-color); }
1566  .price-compare { text-decoration: line-through; color: var(--text-variant); font-size: 18px; }
1567  .product-desc { line-height: 1.7; color: var(--text-variant); margin-bottom: 40px; }
1568
1569  .qty-control-group { margin-bottom: 30px; }
1570  .qty-control-group label { display: block; font-weight: 600; margin-bottom: 10px; font-size: 14px; }
1571  .qty-box { display: flex; align-items: center; border: 1px solid var(--outline); width: fit-content; border-radius: 8px; padding: 4px; background: #fff; }
1572  .qty-btn { background: none; border: none; width: 40px; height: 40px; cursor: pointer; font-size: 20px; border-radius: 4px; }
1573  .qty-btn:hover { background: var(--surface-container); }
1574  .qty-btn:disabled { opacity: 0.35; cursor: not-allowed; }
1575  .qty-box input { width: 50px; text-align: center; border: none; font-weight: 700; outline: none; font-size: 16px; }
1576
1577  .button-row { display: flex; flex-wrap: wrap; gap: 15px; }
1578  .btn-primary, .btn-secondary, .btn-wishlist { height: 56px; border-radius: 12px; font-weight: 700; text-transform: uppercase; cursor: pointer; transition: 0.3s; border: none; font-size: 14px; display: flex; align-items: center; justify-content: center; flex: 1; min-width: 160px; }
1579  .btn-primary { background: var(--primary-color); color: #fff; }
1580  .btn-primary:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0,74,198,0.2); }
1581  .btn-secondary { background: var(--secondary-color); color: #fff; }
1582  .btn-secondary:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(181,0,93,0.2); }
1583  .btn-wishlist { background: #fff; border: 1px solid var(--outline); color: var(--text-main); flex-basis: 100%; }
1584  .btn-wishlist .heart { font-size: 20px; margin-right: 8px; color: var(--secondary-color); }
1585  .btn-wishlist:hover { border-color: var(--secondary-color); background: #fffbff; }
1586  .btn-wishlist.is-active { border-color: var(--secondary-color) !important; color: var(--secondary-color) !important; background: #fffbff !important; }
1587
1588  #checkoutBtn { background: linear-gradient(to right, #DB2777, #F59E0B) !important; color: #fff !important; border: none; box-shadow: 0 4px 15px rgba(219, 39, 119, 0.2); transition: all 0.3s ease; }
1589  #checkoutBtn:hover { opacity: 0.9; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(219, 39, 119, 0.4); }
1590
1591  .meta-footer { border-top: 1px solid var(--outline); margin-top: 40px; padding-top: 30px; }
1592  .meta-row { display: flex; justify-content: space-between; margin-bottom: 10px; font-size: 15px; }
1593  .stock-status.in-stock { color: var(--primary-color); font-weight: 700; }
1594  .stock-status.out-stock { color: #ba1a1a; font-weight: 700; }
1595.qty-btn {
1596  position: relative;
1597}
1598
1599.qty-btn:disabled {
1600  opacity: 0.5;
1601  cursor: not-allowed;
1602}
1603
1604.qty-btn:disabled:hover::after {
1605  content: attr(data-tooltip);
1606  position: absolute;
1607  bottom: 100%;
1608  left: 50%;
1609  transform: translateX(-50%);
1610  background: #111827;
1611  color: #fff;
1612  padding: 8px 12px;
1613  border-radius: 6px;
1614  white-space: nowrap;
1615  font-size: 12px;
1616  z-index: 9999;
1617}
1618.qty-control-group,
1619.qty-box {
1620  overflow: visible !important;
1621}
1622
1623  @media (max-width: 991px) { .product-grid { grid-template-columns: 1fr; gap: 40px; } .product-banner { height: 260px; } .product-banner-overlay h1 { font-size: 32px; } .title-display { font-size: 30px; } }
1624  @media (max-width: 480px) { .button-row { flex-direction: column; } .btn-primary, .btn-secondary, .btn-wishlist { width: 100%; flex: none; } }
1625</style>
1626
1627<script>
1628    document.addEventListener('DOMContentLoaded', function () {
1629
1630      // -----------------------------------------------------------------
1631      // 1️⃣  Variant / Swatch handling (stores unit prices in data‑attrs)
1632      // -----------------------------------------------------------------
1633      const productVariants = [
1634
1635{
1636  id: 45408755482671,
1637  option1: "10 Gm",
1638  option2: null,
1639  option3: null,
1640  price: 2000,
1641  compare_at_price: 0,
1642  available: true,
1643  inventory_quantity: 0,
1644  image: null
1645},
1646
1647{
1648  id: 45408755515439,
1649  option1: "50 Gm",
1650  option2: null,
1651  option3: null,
1652  price: 8000,
1653  compare_at_price: 0,
1654  available: true,
1655  inventory_quantity: 0,
1656  image: null
1657},
1658
1659{
1660  id: 45408755548207,
1661  option1: "1 Pak - 450 Gm",
1662  option2: null,
1663  option3: null,
1664  price: 52000,
1665  compare_at_price: 0,
1666  available: true,
1667  inventory_quantity: 0,
1668  image: null
1669}
1670
1671];
1672      const swatchInputs    = document.querySelectorAll('.swatch-input');
1673
1674      // --- NEW: Inventory tracking variables ---
1675      let currentInventory = 0;
1676      let toastTimer = null;
1677
1678      // --- NEW: Show toast popup ---
1679      function showInventoryToast(qty) {
1680        const toast = document.getElementById('inventory-toast');
1681        document.getElementById('inventory-toast-msg').textContent =
1682          'Only ' + qty + ' item' + (qty === 1 ? '' : 's') + ' available in stock';
1683        toast.style.display = 'block';
1684        clearTimeout(toastTimer);
1685        toastTimer = setTimeout(function () { toast.style.display = 'none'; }, 3000);
1686      }
1687
1688      // --- NEW: Enable/disable + button based on inventory ---
1689function updatePlusBtn() {
1690  const qtyInput = document.querySelector('.c2c-qty-input');
1691  const plusBtn  = document.querySelector('.c2c-qtyplus');
1692
1693  if (!plusBtn || !qtyInput) return;
1694
1695  const val = parseInt(qtyInput.value, 10) || 1;
1696
1697  if (currentInventory > 0 && val >= currentInventory) {
1698
1699    plusBtn.disabled = true;
1700
1701    plusBtn.setAttribute(
1702      'data-tooltip',
1703      'Only ' + currentInventory + ' items available in stock'
1704    );
1705
1706  } else {
1707
1708    plusBtn.disabled = false;
1709
1710    plusBtn.removeAttribute('data-tooltip');
1711  }
1712}
1713
1714      // Helper: format cents → "Rs. X,XXX.xx"
1715      const formatMoney = cents => {
1716        return 'Total: ₹' + (cents / 100).toLocaleString('en-IN', {
1717          minimumFractionDigits: 2
1718        });
1719      };
1720
1721      // Store the unit price (and compare‑at price) for a given variant
1722      const storeUnitPrices = variant => {
1723        const priceMainEl = document.querySelector('.price-main');
1724        const priceCompEl = document.querySelector('.price-compare');
1725
1726        priceMainEl.dataset.price = variant.price; // price already in cents
1727        if (priceCompEl) {
1728          if (variant.compare_at_price) {
1729            priceCompEl.dataset.compare = variant.compare_at_price;
1730            priceCompEl.style.display = 'inline';
1731          } else {
1732            priceCompEl.style.display = 'none';
1733          }
1734        }
1735      };
1736
1737      // When a swatch changes, find the matching variant & store its prices
1738      function updateVariant () {
1739        const selectedOptions = {};
1740        document.querySelectorAll('.option-row').forEach(row => {
1741          const idx = row.getAttribute('data-index');
1742          const checked = row.querySelector('.swatch-input:checked');
1743          if (checked) selectedOptions[idx] = checked.value;
1744        });
1745
1746        const matched = productVariants.find(v =>
1747          Object.keys(selectedOptions).every(k => v[k] === selectedOptions[k])
1748        );
1749
1750        if (matched) {
1751          console.log(matched);
1752          console.log(matched.image);
1753           if (matched.image) {
1754              document.getElementById('MainProductImage').src = matched.image;
1755            }
1756
1757          // hidden field for form submit
1758          document.getElementById('FinalVariantId').value = matched.id;
1759
1760          // --- NEW: Update inventory for selected variant ---
1761          currentInventory = matched.inventory_quantity || 0;
1762          console.log("Variant:", matched.option1);
1763console.log("Inventory:", matched.inventory_quantity);
1764console.log("CurrentInventory:", currentInventory);
1765
1766          const qtyInput = document.querySelector('.c2c-qty-input');
1767
1768if (qtyInput) {
1769  let currentQty = parseInt(qtyInput.value, 10) || 1;
1770
1771  // If current quantity is greater than available stock,
1772  // reduce it to max stock.
1773  if (currentInventory > 0 && currentQty > currentInventory) {
1774    qtyInput.value = currentInventory;
1775  }
1776
1777  // For out-of-stock variants
1778  if (currentInventory <= 0) {
1779    qtyInput.value = 1;
1780  }
1781}
1782
1783          // Store unit prices for later multiplication
1784          storeUnitPrices(matched);
1785
1786          // Update total price now that we have a fresh unit price
1787          updateTotalPrice();
1788
1789          // --- NEW: Re-check + button after variant change ---
1790          updatePlusBtn();
1791
1792          // Stock status UI
1793          const stock = document.querySelector('.stock-status');
1794          const addBtn = document.querySelector('.btn-primary');
1795          const checkoutBtn = document.getElementById('checkoutBtn');
1796          const qtyGroup = document.getElementById('qtyControlGroup');
1797
1798          if (matched.available) {
1799            if (qtyGroup) qtyGroup.style.display = 'block';
1800            stock.innerHTML = 'In Stock';
1801            stock.className = 'stock-status in-stock';
1802
1803            if (addBtn) {
1804              addBtn.disabled = false;
1805              addBtn.innerHTML = 'Add to Cart';
1806              addBtn.style.background = '';
1807              addBtn.style.cursor = '';
1808            }
1809
1810            if (checkoutBtn) checkoutBtn.style.display = 'flex';
1811
1812          } else {
1813             if (qtyGroup) qtyGroup.style.display = 'none';
1814            stock.innerHTML = 'Out of Stock';
1815            stock.className = 'stock-status out-stock';
1816
1817            if (addBtn) {
1818              addBtn.disabled = true;
1819              addBtn.innerHTML = 'Out of Stock';
1820              addBtn.style.background = '#999';
1821              addBtn.style.cursor = 'not-allowed';
1822            }
1823
1824            if (checkoutBtn) checkoutBtn.style.display = 'none';
1825          }
1826        }
1827      }
1828
1829      swatchInputs.forEach(input => input.addEventListener('change', updateVariant));
1830
1831      // -----------------------------------------------------------------
1832      // 2️⃣  Wishlist handling (unchanged)
1833      // -----------------------------------------------------------------
1834      const wishlistBtn = document.getElementById('WishlistButton');
1835      if (wishlistBtn) {
1836        const productHandle = wishlistBtn.getAttribute('data-handle');
1837        const heartIcon     = wishlistBtn.querySelector('.heart');
1838        const wishText      = wishlistBtn.querySelector('.wish-text');
1839
1840        let wishlist = [];
1841        try { wishlist = JSON.parse(localStorage.getItem('user_wishlist')) || []; }
1842        catch (e) { /* ignore */ }
1843
1844        // Initialise UI state
1845        if (wishlist.includes(productHandle)) {
1846          wishlistBtn.classList.add('is-active');
1847          heartIcon.innerHTML = '♥';
1848          wishText.innerHTML = 'In Wishlist';
1849        }
1850
1851        wishlistBtn.addEventListener('click', function (e) {
1852          e.preventDefault();
1853
1854          let current = [];
1855          try { current = JSON.parse(localStorage.getItem('user_wishlist')) || []; }
1856          catch (e) { /* ignore */ }
1857
1858          if (current.includes(productHandle)) {
1859            // REMOVE
1860            current = current.filter(item => item !== productHandle);
1861            this.classList.remove('is-active');
1862            heartIcon.innerHTML = '♡';
1863            wishText.innerHTML = 'Add to Wishlist';
1864          } else {
1865            // ADD
1866            current.push(productHandle);
1867            this.classList.add('is-active');
1868            heartIcon.innerHTML = '♥';
1869            wishText.innerHTML = 'In Wishlist';
1870          }
1871          localStorage.setItem('user_wishlist', JSON.stringify(current));
1872          if (window.updateWishlistDot) window.updateWishlistDot();
1873        });
1874      }
1875
1876      // -----------------------------------------------------------------
1877      // 3️⃣  Total‑price calculation based on quantity (unchanged)
1878      // -----------------------------------------------------------------
1879      function updateTotalPrice () {
1880        const qtyInput = document.querySelector('.c2c-qty-input');
1881        const qty = parseInt(qtyInput?.value, 10) || 1;
1882
1883        const priceMainEl = document.querySelector('.price-main');
1884        if (!priceMainEl) return;
1885
1886        let unitPrice = parseInt(priceMainEl.dataset.price, 10);
1887
1888        if (!unitPrice) {
1889          const hiddenId = document.getElementById('FinalVariantId')?.value;
1890          const variant = productVariants.find(v => v.id == hiddenId) ||
1891                         productVariants[0];
1892          unitPrice = variant?.price || 0;
1893          priceMainEl.dataset.price = unitPrice;
1894        }
1895
1896        if (!unitPrice) unitPrice = 0;
1897
1898        const total = unitPrice * qty;
1899        priceMainEl.innerHTML = formatMoney(total);
1900
1901        const priceCompEl = document.querySelector('.price-compare');
1902        if (priceCompEl) {
1903          let compareUnit = parseInt(priceCompEl.dataset.compare, 10);
1904          if (!compareUnit) {
1905            const hiddenId = document.getElementById('FinalVariantId')?.value;
1906            const variant = productVariants.find(v => v.id == hiddenId) ||
1907                           productVariants[0];
1908            compareUnit = variant?.compare_at_price || 0;
1909            priceCompEl.dataset.compare = compareUnit;
1910          }
1911          if (compareUnit) {
1912            priceCompEl.innerHTML = formatMoney(compareUnit * qty);
1913            priceCompEl.style.display = 'inline';
1914          } else {
1915            priceCompEl.style.display = 'none';
1916          }
1917        }
1918      }
1919
1920      // -----------------------------------------------------------------
1921      // 4️⃣  Quantity button wiring — + button now checks inventory limit
1922      // -----------------------------------------------------------------
1923      const plusBtns  = document.querySelectorAll('.c2c-qtyplus');
1924      const minusBtns = document.querySelectorAll('.c2c-qtyminus');
1925
1926      plusBtns.forEach(btn => {
1927        btn.addEventListener('click', function (e) {
1928          e.preventDefault(); e.stopImmediatePropagation();
1929          const input = this.parentElement.querySelector('.c2c-qty-input');
1930          let val = parseInt(input.value, 10) || 1;
1931          // --- NEW: Block increment if at inventory limit ---
1932          if (currentInventory > 0 && val >= currentInventory) {
1933            showInventoryToast(currentInventory);
1934            updatePlusBtn();
1935            return;
1936          }
1937          input.value = ++val;
1938          input.dispatchEvent(new Event('change', { bubbles: true }));
1939          updateTotalPrice();
1940          // --- NEW: Re-check + button state after increment ---
1941          updatePlusBtn();
1942        });
1943      });
1944
1945      minusBtns.forEach(btn => {
1946        btn.addEventListener('click', function (e) {
1947          e.preventDefault(); e.stopImmediatePropagation();
1948          const input = this.parentElement.querySelector('.c2c-qty-input');
1949          let val = parseInt(input.value, 10) || 1;
1950          if (val > 1) input.value = --val;
1951          else input.value = 1;
1952          input.dispatchEvent(new Event('change', { bubbles: true }));
1953          updateTotalPrice();
1954          // --- NEW: Re-enable + button when qty drops below limit ---
1955          updatePlusBtn();
1956        });
1957      });
1958
1959      // Direct typing – also updates price
1960      const qtyInputs = document.querySelectorAll('.c2c-qty-input');
1961qtyInputs.forEach(input => {
1962  input.addEventListener('input', function () {
1963
1964    this.value = this.value.replace(/[^0-9]/g, '');
1965
1966    let qty = parseInt(this.value, 10) || 1;
1967
1968    if (qty < 1) qty = 1;
1969
1970    if (currentInventory > 0 && qty > currentInventory) {
1971      qty = currentInventory;
1972      showInventoryToast(currentInventory);
1973    }
1974
1975    this.value = qty;
1976
1977    updateTotalPrice();
1978    updatePlusBtn();
1979  });
1980});
1981
1982      // -----------------------------------------------------------------
1983      // 5️⃣  Initialise on first load (unchanged logic + new updatePlusBtn)
1984      // -----------------------------------------------------------------
1985      (function initOnPageLoad () {
1986        const hiddenId = document.getElementById('FinalVariantId').value;
1987        const initialVariant = productVariants.find(v => v.id == hiddenId);
1988
1989        if (initialVariant) {
1990          storeUnitPrices(initialVariant);
1991        } else {
1992          const priceMainEl = document.querySelector('.price-main');
1993          const priceCompEl = document.querySelector('.price-compare');
1994
1995          const extractCents = txt => {
1996            const cleaned = txt.replace(/[^0-9.]/g, '');
1997            const parts   = cleaned.split('.');
1998            const rupees  = parseInt(parts[0] || '0', 10);
1999            const paisa   = parts[1] ? parseInt((parts[1] + '00').slice(0,2), 10) : 0;
2000            return rupees * 100 + paisa;
2001          };
2002
2003          priceMainEl.dataset.price = extractCents(priceMainEl.textContent);
2004          if (priceCompEl && priceCompEl.textContent.trim()) {
2005            priceCompEl.dataset.compare = extractCents(priceCompEl.textContent);
2006            priceCompEl.style.display = 'inline';
2007          }
2008        }
2009
2010        // Compute the total for the default quantity (1)
2011        updateTotalPrice();
2012        // --- NEW: Set initial + button state ---
2013        updatePlusBtn();
2014      })();
2015
2016    });
2017const thumbList = document.querySelector('.thumbnail-list');
2018
2019if (thumbList) {
2020
2021  document.getElementById('thumbNext')?.addEventListener('click', () => {
2022    thumbList.scrollBy({
2023      left: 500,
2024      behavior: 'smooth'
2025    });
2026  });
2027
2028  document.getElementById('thumbPrev')?.addEventListener('click', () => {
2029    thumbList.scrollBy({
2030      left: -500,
2031      behavior: 'smooth'
2032    });
2033  });
2034
2035}
2036    // -----------------------------------------------------------------
2037    // 6️⃣  "Buy it now" – unchanged
2038    // -----------------------------------------------------------------
2039    function buyItNow(form) {
2040      if (!form) return;
2041      const formData = new FormData(form);
2042      fetch('/cart/add.js', { method: 'POST', body: formData })
2043        .then(() =>
2043 { window.location.href = '/pages/checkout'; })
2044        .catch(() => { window.location.href = '/pages/checkout'; });
2045    }
2046</script>
2046
2047      </div>
2048
2049    </div>
2050  </div>
2051</main>
2052  <div id="shopify-section-custom-footer" class="shopify-section"><footer class="bg-slate-50 dark:bg-slate-950 border-t border-slate-200 dark:border-slate-800">
2053  <div class="grid grid-cols-1 md:grid-cols-[1.5fr_0.8fr_0.8fr_1.3fr] gap-10 pt-28 pb-14 px-8 max-w-[1280px] mx-auto">
2054    <!-- COLUMN 1 -->
2055    <div class="flex flex-col items-start gap-5 text-left">
2056      
2057        <img
2058          alt="Ray Aari Material Store"
2059          class="h-20 w-auto object-contain !ml-0"
2060          src="https://cdn.shopify.com/s/files/1/0761/6695/5055/files/logo.png?v=1778084910"
2061        >
2062      
2063
2064      <!-- CONTENT UNDER LOGO -->
2065      <p class="font-['Plus_Jakarta_Sans'] text-[15px] font-medium text-slate-500 dark:text-slate-400 leading-7 max-w-[320px]">
2066        Your one-stop destination for premium Ray Aari Material store, bangles making supplies, and wholesale craft
2067        tools. We empower creators worldwide with quality products and wholesale pricing.
2068      </p>
2069
2070      <!-- SOCIAL ICONS -->
2071      <div class="flex gap-4 mt-2">
2072        <!-- Instagram -->
2073        <a
2074          href="https://www.instagram.com/ray_aari_shop/"
2075          target="_blank"
2076          class="social-icon"
2077          aria-label="Instagram"
2078        >
2079          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2080            <path d="M7.75 2C4.57 2 2 4.57 2 7.75v8.5C2 19.43 4.57 22 7.75 22h8.5C19.43 22 22 19.43 22 16.25v-8.5C22 4.57 19.43 2 16.25 2h-8.5zm0 1.8h8.5a3.95 3.95 0 0 1 3.95 3.95v8.5a3.95 3.95 0 0 1-3.95 3.95h-8.5a3.95 3.95 0 0 1-3.95-3.95v-8.5A3.95 3.95 0 0 1 7.75 3.8zm8.9 1.35a1.05 1.05 0 1 0 0 2.1 1.05 1.05 0 0 0 0-2.1zM12 7a5 5 0 1 0 5 5 5 5 0 0 0-5-5zm0 1.8A3.2 3.2 0 1 1 8.8 12 3.2 3.2 0 0 1 12 8.8z"/>
2081          </svg>
2082        </a>
2083
2084        <!-- YouTube -->
2085        <a
2086          href="https://www.youtube.com/@rayaarishop"
2087          target="_blank"
2088          class="social-icon"
2089          aria-label="YouTube"
2090        >
2091          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
2092            <path d="M21.8 8s-.2-1.4-.8-2a2.9 2.9 0 0 0-2-.8C16.2 5 12 5 12 5s-4.2 0-7 .2a2.9 2.9 0 0 0-2 .8c-.6.6-.8 2-.8 2S2 9.6 2 11.2v1.5C2 14.4 2.2 16 2.2 16s.2 1.4.8 2a3.4 3.4 0 0 0 2.2.8c1.6.2 6.8.2 6.8.2s4.2 0 7-.2a2.9 2.9 0 0 0 2-.8c.6-.6.8-2 .8-2s.2-1.6.2-3.3v-1.5C22 9.6 21.8 8 21.8 8zM10 15.5v-7l6 3.5-6 3.5z"/>
2093          </svg>
2094        </a>
2095      </div>
2096    </div>
2097
2098    <!-- COLUMN 2 -->
2099    <div>
2100      <h4 class="text-[18px] font-extrabold uppercase tracking-wider mb-6 text-slate-900 dark:text-white">
2101        Quick Links
2102      </h4>
2103
2104      <ul class="flex flex-col gap-4 font-['Plus_Jakarta_Sans'] text-[15px] font-medium">
2105        <li>
2106          <a class="footer-link" href="/pages/all-categories"> All Categories </a>
2107        </li>
2108
2109        <li>
2110          <a class="footer-link" href="/pages/about-us"> About Us </a>
2111        </li>
2112
2113        <li>
2114          <a class="footer-link" href="/blogs/news"> Blogs </a>
2115        </li>
2116
2117        <li>
2118          <a class="footer-link" href="/collections/all"> Products </a>
2119        </li>
2120
2121        <li>
2122          <a class="footer-link" href="/pages/contact"> Contact Us </a>
2123        </li>
2124
2125        
2126      </ul>
2127    </div>
2128
2129    <!-- COLUMN 3 -->
2130    <div>
2131      <h4 class="text-[18px] font-extrabold uppercase tracking-wider mb-6 text-slate-900 dark:text-white">
2132        My Account
2133      </h4>
2134
2135      <ul class="flex flex-col gap-4 font-['Plus_Jakarta_Sans'] text-[15px] font-medium">
2136        <li>
2137          <a class="footer-link" href="/account"> My Account </a>
2138        </li>
2139
2140        <li>
2141          <a class="footer-link" href="/cart"> Cart </a>
2142        </li>
2143
2144        <li>
2145          <a class="footer-link" href="/pages/checkout"> Checkout </a>
2146        </li>
2147
2148        <li>
2149          <a class="footer-link" href="/pages/wishlist"> Wishlist </a>
2150        </li>
2151      </ul>
2152    </div>
2153
2154    <!-- COLUMN 4 -->
2155    <div>
2156      <h4 class="text-[18px] font-extrabold uppercase tracking-wider mb-6 text-slate-900 dark:text-white">
2157        Contact Info
2158      </h4>
2159
2160      <div class="flex flex-col gap-6 font-['Plus_Jakarta_Sans'] text-[15px] font-medium text-slate-600 dar
2160k:text-slate-300">
2161        <!-- Address -->
2162        <div class="flex items-start gap-4">
2163          <div class="contact-icon">
2164            <svg
2165              xmlns="http://www.w3.org/2000/svg"
2166              class="w-7 h-7"
2167              fill="none"
2168              viewBox="0 0 24 24"
2169              stroke="currentColor"
2170              stroke-width="2"
2171            >
2172              <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a2 2 0 01-2.828 0l-4.243-4.243a8 8 0 1111.314 0z"/>
2173              <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/>
2174            </svg>
2175          </div>
2176
2177          <p class="leading-7">
2178            Sivanatham salai,<br>
2179            Arappalayam cross Road,<br>
2180            Madurai - 625016
2181          </p>
2182        </div>
2183
2184        <!-- GST -->
2185        <div class="flex items-center gap-4">
2186          <div class="contact-icon">
2187            <svg
2188              xmlns="http://www.w3.org/2000/svg"
2189              class="w-7 h-7"
2190              fill="none"
2191              viewBox="0 0 24 24"
2192              stroke="currentColor"
2193              stroke-width="2"
2194            >
2195              <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6M7 4h10a2 2 0 012 2v12a2 2 0 01-2 2H7a2 2 0 01-2-2V6a2 2 0 012-2z"/>
2196            </svg>
2197          </div>
2198
2199          <p>GST No: 33CPPPP0040B1ZD</p>
2200        </div>
2201
2202        <!-- Phone -->
2203        <div class="flex items-center gap-4">
2204          <div class="contact-icon">
2205            <svg
2206              xmlns="http://www.w3.org/2000/svg"
2207              class="w-7 h-7"
2208              fill="none"
2209              viewBox="0 0 24 24"
2210              stroke="currentColor"
2211              stroke-width="2"
2212            >
2213              <path stroke-linecap="round" stroke-linejoin="round" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/>
2214            </svg>
2215          </div>
2216
2217          <a href="tel:+919342579120" class="hover:text-pink-600 transition"> +91 9342579120 </a>
2218        </div>
2219
2220        <!-- Email -->
2221        <div class="flex items-center gap-4">
2222          <div class="contact-icon">
2223            <svg
2224              class="w-7 h-7 text-current"
2225              viewBox="0 0 24 24"
2226              fill="none"
2227              stroke="currentColor"
2228              stroke-width="2"
2229              stroke-linecap="round"
2230              stroke-linejoin="round"
2231              aria-hidden="true"
2232            >
2233              <path d="M4 4h16a2 2 0 012 2v12a2 2 0 01-2 2H4a2 2 0 01-2-2V6a2 2 0 012-2z"/>
2234              <polyline points="22,6 12,13 2,6"/>
2235            </svg>
2236          </div>
2237
2238          <a href="mailto:[email protected]" class="hover:text-pink-600 transition break-all">
2239            [email protected]
2240          </a>
2241        </div>
2242
2243        <!-- Website -->
2244        <div class="flex items-center gap-4">
2245          <div class="contact-icon">
2246            <svg
2247              class="w-7 h-7 text-current"
2248              viewBox="0 0 24 24"
2249              fill="none"
2250              stroke="currentColor"
2251              stroke-width="2"
2252              stroke-linecap="round"
2253              stroke-linejoin="round"
2254              aria-hidden="true"
2255            >
2256              <circle cx="12" cy="12" r="10"/>
2257              <line x1="2" y1="12" x2="22" y2="12"/>
2258              <path d="M12 2a15.3 15.3 0 010 20"/>
2259              <path d="M12 2a15.3 15.3 0 000 20"/>
2260            </svg>
2261          </div>
2262
2263          <a href="https://www.rayaarishop.com" target="_blank" class="hover:text-pink-600 transition">
2264            www.rayaarishop.com
2265          </a>
2266        </div>
2267      </div>
2268    </div>
2269  </div>
2270
2271<!-- COPYRIGHT -->
2272  <div class="max-w-[1280px] mx-auto px-8 py-8 border-t border-slate-200 dark:border-slate-800">
2273    <div class="flex flex-col md:flex-row items-center justify-between gap-3 text-center md:text-left">
2274
2275      <p class="font-['Plus_Jakarta_Sans'] text-[15px] font-medium text-slate-500 dark:text-slate-400">
2276        © 2026 Ray Aari Shop. All rights reserved. |
2277        Powered by
2278        <a href="https://metatroncubesolutions.com/" target="_blank" class="font-semibold hover:text-pink-600 transition">
2279          Metatroncube
2280        </a>
2281      </p>
2282
2283      <a href="/pages/privacy-policy" class="font-['Plus_Jakarta_Sans'] text-[15px] font-semibold text-slate-500 dark:text-slate-400 hover:text-pink-600 transition whitespace-nowrap">
2284        Privacy Policy
2285      </a>
2286
2287    </div>
2288  </div>
2289</footer>
2290
2291<style>
2292  .social-icon{
2293    width:48px;
2294    height:48px;
2295    border-radius:9999px;
2296    display:flex;
2297    align-items:center;
2298    justify-content:center;
2299    background:linear-gradient(to right,#db2777,#f59e0b);
2300    color:#fff;
2301    transition:all .3s ease;
2302  }
2303
2304  .social-icon svg{
2305    width:24px;
2306    height:24px;
2307  }
2308
2309  .social-icon:hover{
2310    transform:translateY(-3px);
2311    opacity:.9;
2312  }
2313
2314  .footer-link{
2315    color:rgb(100 116 139);
2316    transition:all .3s ease;
2317    display:inline-block;
2318  }
2319
2320  .footer-link:hover{
2321    color:#db2777;
2322    transform:translateX(4px);
2323  }
2324
2325  .contact-icon{
2326    min-width:42px;
2327    min-height:42px;
2328    width:42px;
2329    height:42px;
2330    border-radius:9999px;
2331    display:flex;
2332    align-items:center;
2333    justify-content:center;
2334    color:#db2777;
2335    flex-shrink:0;
2336  }
2337
2338  .contact-icon svg{
2339    width:30px;
2340    height:30px;
2341  }
2342</style>
2343</div> 
2344  
2344<script src="//rayaarishop.com/cdn/shop/t/3/assets/timber.js?v=40628480752110449371778852402" type="text/javascript"></script>
2344  
2345  
2345<script src="//rayaarishop.com/cdn/shop/t/3/assets/core-files.js?v=132615598331300870811778852402" type="text/javascript"></script>
2345  
2346  
2346<script src="//rayaarishop.com/cdn/shopifycloud/storefront/assets/themes_support/option_selection-b017cd28.js" type="text/javascript"></script>
2346
2347  
2347<script src="//rayaarishop.com/cdn/shopifycloud/storefront/assets/themes_support/api.jquery-7ab1a3a4.js" type="text/javascript"></script>
2347    
2348  
2348<script src="//rayaarishop.com/cdn/shop/t/3/assets/shop.js?v=13436303116142394571780480046" type="text/javascript"></script>
2348  
2349  
2349<script src="//rayaarishop.com/cdn/shop/t/3/assets/slick.js?v=2718881879225888791778852378" type="text/javascript"></script>
2349
2350
2351  
2352  
2353  
2353<script src="//rayaarishop.com/cdn/shop/t/3/assets/social-buttons.js?v=119607936257803311281778852402" type="text/javascript"></script>
2353
2354  
2355  
2356
2357  
2357<script>
2358    window.use_sticky = true;
2359    window.ajax_cart = false;
2360    window.money_format = "Rs. {{amount}} INR";
2361    window.shop_currency = "INR";
2362    window.show_multiple_currencies = true;
2363    window.enable_sidebar_multiple_choice = true;
2364    window.loading_url = "//rayaarishop.com/cdn/shop/t/3/assets/loading.gif?v=170610131068126301611778852378";     
2365    window.dropdowncart_type = "hover";
2366    window.file_url = "//rayaarishop.com/cdn/shop/files/?v=5511";
2367    window.asset_url = "";
2368    window.items="Items";
2369    window.many_in_stock="Many In Stock";
2370    window.out_of_stock=" Out of stock";
2371    window.in_stock=" In Stock";
2372    window.unavailable="Unavailable";
2373  </script>
2373  
2374
2375  <!-- Begin quick-view-template -->
2376<div class="clearfix" id="quickview-template" style="display:none">
2377  <div class="overlay"></div>
2378  <div class="content clearfix row">
2379    <div class="product-img images col-sm-6 col-xs-12">
2380      <div class="quickview-featured-image product-photo-container"></div>
2381      <div class="more-view-wrapper">
2382        <ul class="product-photo-thumbs quickview-more-views-owlslider">
2383        </ul>
2384      </div>
2385    </div>
2386    <div class="col-sm-6 col-xs-12 quickright">
2387      <div class="product-item product-detail-section">
2388        <h2 class="product-title"><a>&nbsp;</a></h2>
2389        <p class="item-text page-des"></p>
2390        <div class="prices product_price">
2391          <label>Price:</label>
2392          <span class="price" id="QProductPrice"></span>
2393          <span class="compare-price" id="QComparePrice"></span>
2394        </div><div class="clearfix"></div>
2395        
2396        <div class="product-infor">
2397          <p class="product-inventory"><label>Availability:</label><span></span></p>    
2398        </div>
2399
2400
2401
2402        <div class="details clearfix">
2403
2404          <form action="/cart/add" method="post" class="variants">
2405            <select name='id' style="display:none"></select>
2406            <div class="qty-section quantity-box">
2407              <label>Quantity:</label>
2408              <div class="dec button quickqtyminus">-</div>
2409              <input type="number" name="quantity" id="Qty" value="1" class="quantity">
2410              <div class="inc button quickqtyplus">+</div>
2411              <div class="actions">
2412                <button type="button" class="add-to-cart-btn btn">
2413                  Add to Cart
2414                </button>
2415              </div>
2416            </div>  
2417          </form>
2418
2419        </div>  
2420
2421
2422      </div>
2423    </div>  
2424 <a href="javascript:void(0)" class="close-window"></a> 
2425  </div>
2426 
2427</div>
2428<script type="text/javascript">  
2429  Shopify.doNotTriggerClickOnThumb = false; 
2430                                       
2431  var selectCallbackQuickview = function(variant, selector) {
2432      var productItem = jQuery('.quick-view .product-item');
2433          addToCart = productItem.find('.add-to-cart-btn'),
2434          productPrice = productItem.find('.price'),
2435          comparePrice = productItem.find('.compare-price'),
2436          totalPrice = productItem.find('.total-price span'),
2437          inventory = productItem.find('.product-inventory');
2438      if (variant) {
2439        if (variant && variant.available) {
2440      addToCart
2441        .removeClass('disabled')
2442        .removeAttr('disabled')
2443        .text('Add To Cart');
2444  } else {
2445      addToCart
2446        .addClass('disabled')
2447        .attr('disabled', 'disabled')
2448        .text('Sold Out');
2449}
2450    
2451        // Regardless of stock, update the product price
2452        productPrice.html(Shopify.formatMoney(variant.price, "Rs. {{amount}}"));
2453    
2454        // Also update and show the product's compare price if necessary
2455        if ( variant.compare_at_price > variant.price ) {
2456          comparePrice
2457            .html(Shopify.formatMoney(variant.compare_at_price, "Rs. {{amount}}"))
2458            .show();
2459          productPrice.addClass('on-sale');
2460        } else {
2461          comparePrice.hide();
2462          productPrice.removeClass('on-sale');
2463        }
2464    
2465       
2466    
2467     //update variant inventory
2468     
2469     var inventoryInfo = productItem.find('.product-inventory span');
2470          if (variant.available) {
2471            if (variant.inventory_management !=null ) {
2472              inventoryInfo.text(window.in_stock );
2473              inventoryInfo.addClass('items-count');
2474              inventoryInfo.removeClass('many-in-stock');
2475              inventoryInfo.removeClass('out-of-stock');
2476              inventoryInfo.removeClass('unavailable');
2477            } else {
2478              inventoryInfo.text(window.many_in_stock);
2479              inventoryInfo.addClass('many-in-stock')
2480              inventoryInfo.removeClass('items-count');
2481              inventoryInfo.removeClass('out-of-stock');
2482              inventoryInfo.removeClass('unavailable');
2483            }
2484          } else {
2485            inventoryInfo.addClass('out-of-stock')
2486            inventoryInfo.text(window.out_of_stock);
2487            inventoryInfo.removeClass('items-count');
2488            inventoryInfo.removeClass('many-in-stock');
2489            inventoryInfo.removeClass('unavailable');
2490          }
2491     
2492    
2493    
2494    /*recaculate total price*/
2495        //try pattern one before pattern 2
2496        var regex = /([0-9]+[.|,][0-9]+[.|,][0-9]+)/g;
2497        var unitPriceTextMatch = jQuery('.quick-view .price').text().match(regex);
2498
2499        if (!unitPriceTextMatch) {
2500          regex = /([0-9]+[.|,][0-9]+)/g;
2501          unitPriceTextMatch = jQuery('.quick-view .price').text().match(regex);     
2502        }
2503
2504        if (unitPriceTextMatch) {
2505          var unitPriceText = unitPriceTextMatch[0];     
2506          var unitPrice = unitPriceText.replace(/[.|,]/g,'');
2507          var quantity = parseInt(jQuery('.quick-view input[name=quantity]').val());
2508          var totalPrice = unitPrice * quantity;
2509
2510          var totalPriceText = Shopify.formatMoney(totalPrice, window.money_format);
2511          regex = /([0-9]+[.|,][0-9]+[.|,][0-9]+)/g;     
2512          if (!totalPriceText.match(regex)) {
2513            regex = /([0-9]+[.|,][0-9]+)/g;
2514          } 
2515          totalPriceText = totalPriceText.match(regex)[0];
2516
2517          var regInput = new RegExp(unitPriceText, "g"); 
2518          var totalPriceHtml = jQuery('.quick-view .price').html().replace(regInput ,totalPriceText);
2519          jQuery('.quick-view .total-price span').html(totalPriceHtml);             
2520        }
2521    /*end of price calculation*/
2522    
2523    
2524    
2525        Currency.convertAll('INR', jQuery('#currencies').val(), 'span.money', 'money_format');
2526        
2527                            
2528        /*begin variant image*/
2529        if (variant && variant.featured_image) {
2530            var newImage = Shopify.resizeImage(variant.featured_image.src, 'small');
2531            newImage = newImage.replace(/https?:/,'');
2532            jQuery('.quick-view .quickview-more-views img').each(function() {
2533              var grandSize = jQuery(this).attr('src');
2534              if (grandSize == newImage) {
2535                jQuery(this).parent().trigger('click');              
2536                return false;
2537              }
2538            });
2539        }
2540        /*end of variant image*/ 
2541      } else {
2542        // The variant doesn't exist. Just a safegaurd for errors, but disable the submit button anyway
2543        addToCart.text('Unavailable').addClass('disabled').attr('disabled', 'disabled');
2544       
2545           
2546          var inventoryInfo = productItem.find('.product-inventory span');
2547          inventoryInfo.addClass("unavailable");
2548          inventoryInfo.removeClass("many-in-stock");
2549          inventoryInfo.removeClass("items-count");
2550          inventoryInfo.removeClass("out-of-stock");
2551          inventoryInfo.text(window.unavailable);
2552          
2553      }   
2554  };  
2555  
2556  </script>
2556
2557  <div class="loading-modal modal">Loading</div>
2558<div class="ajax-error-modal modal">
2559  <div class="modal-inner">
2560    <div class="ajax-error-title">Error</div>
2561    <div class="ajax-error-message"></div>
2562  </div>
2563</div>
2564<div class="ajax-success-modal modal">
2565  	<div class="overlay"></div>
2566	<div class="content"> 
2567      
2568      <p class="added-to-cart info">Added to cart</p>
2569      <p class="added-to-wishlist info">In wishlist</p>
2570      <div class="ajax-left">        
2571      <img class="ajax-product-image img-responsive center-block" alt="modal window" src="/" />
2572      </div>
2573      <div class="ajax-right"> 
2574        <h3 class="ajax-product-title">Product name</h3>
2575        <span class="ajax_price"></span><span class="ajax_dprice"></span>
2576        <p class="ajax_des"></p>
2577        <div class="success-message added-to-cart"><a href="/cart" class="btn">View Cart</a> </div>  
2578        <div class="success-message added-to-wishlist"> <a href="/pages/wishlist" class="btn"><i class="fa fa-heart"></i>View Wishlist</a></div>            
2579      </div>
2580    <a href="javascript:void(0)" class="close-modal"><i class="fa fa-times"></i></a>
2581 	</div>    
2582</div>
2583  
2584<script src="//rayaarishop.com/cdn/s/javascripts/currencies.js" type="text/javascript"></script>
vendor: 1 bytes, line 2584
2584
2585<script src="//rayaarishop.com/cdn/shop/t/3/assets/jquery.currencies.min.js?v=32143995123130278511778852378" type="text/javascript"></script>
2585
2586
2587<script>      
2588  
2589  
2590// Pick your format here:  
2591// Can be 'money_format' or 'money_with_currency_format'
2592Currency.format = 'money_format';
2593var shopCurrency = 'INR';
2594
2595Currency.moneyFormats[shopCurrency].money_with_currency_format = "Rs. {{amount}} INR";
2596Currency.moneyFormats[shopCurrency].money_format = "Rs. {{amount}}";
2597
2598var cookieCurrency = Currency.cookie.read();
2599
2600jQuery('span.money span.money').each(function() {
2601	jQuery(this).parent('span.money').removeClass('money');
2602});
2603
2604jQuery('span.money').each(function() {
2605	jQuery(this).attr('data-currency-INR', jQuery(this).html());
2606});
2607
2608var currencySwitcher = jQuery('#currencies');
2609if (cookieCurrency == null || cookieCurrency == shopCurrency) {
2610	Currency.currentCurrency = shopCurrency;
2611}
2612else {
2613	Currency.currentCurrency = cookieCurrency;
2614    currencySwitcher.val(cookieCurrency);    
2615    Currency.convertAll(shopCurrency, cookieCurrency);	
2616}
2617jQuery('.selectize-input input').attr('disabled','disabled');
2618currencySwitcher.change(function() {
2619  	var newCurrency =  jQuery(this).val();
2620    Currency.cookie.write(newCurrency);
2621    Currency.convertAll(Currency.currentCurrency, newCurrency);	
2622    jQuery("#currencies-modal span").text(newCurrency);
2623  	if (jQuery("#cart-currency").length >0) {
2624      jQuery("#cart-currency").text(newCurrency);
2625  	}
2626    jQuery("#currencies-modal").fadeIn(500).delay(3000).fadeOut(500);    
2627});
2628var original_selectCallback = window.selectCallback;
2629var selectCallback = function(variant, selector) {
2630	original_selectCallback(variant, selector);
2631	Currency.convertAll(shopCurrency, jQuery('#currencies').val());
2632};
2633</script>
2633
2634
2635
2636
2637<style type="text/css">
2638  .selectize-control.plugin-drag_drop.multi>.selectize-input>div.ui-sortable-placeholder{visibility:visible !important;background:#f2f2f2 !important;background:rgba(0,0,0,0.06) !important;border:0 none !important;-webkit-box-shadow:inset 0 0 12px 4px #ffffff;box-shadow:inset 0 0 12px 4px #ffffff}.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after{content:'!';visibility:hidden}.selectize-control.plugin-drag_drop .ui-sortable-helper{-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2);box-shadow:0 2px 5px rgba(0,0,0,0.2)}.selectize-dropdown-header{position:relative;padding:3px 12px;border-bottom:1px solid #d0d0d0;background:#f8f8f8;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}.selectize-dropdown-header-close{position:absolute;right:12px;top:50%;color:#333333;opacity:0.4;margin-top:-12px;line-height:20px;font-size:20px !important}.selectize-dropdown-header-close:hover{color:#000000}.selectize-dropdown.plugin-optgroup_columns .optgroup{border-right:1px solid #f2f2f2;border-top:0 none;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child{border-right:0 none}.selectize-dropdown.plugin-optgroup_columns .optgroup:before{display:none}.selectize-dropdown.plugin-optgroup_columns .optgroup-header{border-top:0 none}.selectize-control.plugin-remove_button [data-value]{position:relative;padding-right:24px !important}.selectize-control.plugin-remove_button [data-value] .remove{z-index:1;position:absolute;top:0;right:0;bottom:0;width:17px;text-align:center;font-weight:bold;font-size:12px;color:inherit;text-decoration:none;vertical-align:middle;display:inline-block;padding:1px 0 0 0;border-left:1px solid rgba(0,0,0,0);-webkit-border-radius:0 2px 2px 0;-moz-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.selectize-control.plugin-remove_button [data-value] .remove:hover{background:rgba(0,0,0,0.05)}.selectize-control.plugin-remove_button [data-value].active .remove{border-left-color:rgba(0,0,0,0)}.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover{background:none}.selectize-control.plugin-remove_button .disabled [data-value] .remove{border-left-color:rgba(77,77,77,0)}.selectize-control{position:relative}.selectize-dropdown,.selectize-input,.selectize-input input{line-height:20px;-webkit-font-smoothing:inherit}.selectize-input,.selectize-control.single .selectize-input.input-active{cursor:text;display:inline-block}.selectize-input{border:1px solid #cccccc;padding:6px 12px;display:inline-block;width:100%;overflow:hidden;position:relative;z-index:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:none;box-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.selectize-control.multi .selectize-input.has-items{padding:5px 12px 2px}.selectize-input.disabled,.selectize-input.disabled *{cursor:default !important}.selectize-input.focus{-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.15);box-shadow:inset 0 1px 2px rgba(0,0,0,0.15)}.selectize-input.dropdown-active{-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}.selectize-input>*{vertical-align:baseline;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline}.selectize-control.multi .selectize-input>div{cursor:pointer;margin:0 3px 3px 0;padding:1px 3px;background:#efefef;color:#333333;border:0 solid rgba(0,0,0,0)}.selectize-control.multi .selectize-input>div.active{background:#428bca;color:#ffffff;border:0 solid rgba(0,0,0,0)}.selectize-control.multi .selectize-input.disabled>div,.selectize-control.multi .selectize-input.disabled>div.active{color:#808080;background:#ffffff;border:0 solid rgba(77,77,77,0)}.selectize-input>input{padding:0 !important;min-height:0 !important;max-height:none !important;max-width:100% !important;margin:0 !important;text-indent:0 !important;border:0 none !important;background:none !important;line-height:inherit !important;-webkit-user-select:auto !important;-webkit-box-shadow:none !important;box-shadow:none !important}.selectize-input>input::-ms-clear{display:none}.selectize-input>
2638input:focus{outline:none !important}.selectize-input::after{content:' ';display:block;clear:left}.selectize-input.dropdown-active::before{content:' ';display:block;position:absolute;background:#ffffff;height:1px;bottom:0;left:0;right:0}.selectize-dropdown{position:absolute;z-index:10;border:1px solid #cccccc;background:#ffffff;margin:-1px 0 0 0;border-top:0 none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.selectize-dropdown [data-selectable]{cursor:pointer;overflow:hidden}.selectize-dropdown [data-selectable] .highlight{background:rgba(255,237,40,0.4);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.selectize-dropdown [data-selectable],.selectize-dropdown .optgroup-header{padding:3px 12px}.selectize-dropdown .optgroup:first-child .optgroup-header{border-top:0 none}.selectize-dropdown .optgroup-header{color:#999999;background:#ffffff;cursor:default}.selectize-dropdown .active{background-color:#f5f5f5;color:#262626}.selectize-dropdown .active.create{color:#262626}.selectize-dropdown .create{color:rgba(51,51,51,0.5)}.selectize-dropdown-content{overflow-y:auto;overflow-x:hidden;max-height:200px}.selectize-control.single .selectize-input,.selectize-control.single .selectize-input input{cursor:pointer}.selectize-control.single .selectize-input.input-active,.selectize-control.single .selectize-input.input-active input{cursor:text}.selectize-control.single .selectize-input:after{content:' ';display:block;position:absolute;top:50%;right:17px;margin-top:-3px;width:0;height:0;border-style:solid;border-width:5px 5px 0 5px;border-color:#333333 transparent transparent transparent}.selectize-control.single .selectize-input.dropdown-active:after{margin-top:-4px;border-width:0 5px 5px 5px;border-color:transparent transparent #333333 transparent}.selectize-control.rtl.single .selectize-input:after{left:17px;right:auto}.selectize-control.rtl .selectize-input>input{margin:0 4px 0 -2px !important}.selectize-control .selectize-input.disabled{opacity:0.5;background-color:#ffffff}.selectize-dropdown,.selectize-dropdown.form-control{height:auto;padding:0;margin:2px 0 0 0;z-index:1000;background:#ffffff;border:1px solid rgba(0,0,0,0.15)}.selectize-dropdown .optgroup-header{font-size:12px;line-height:1.42857143}.selectize-dropdown .optgroup:first-child:before{display:none}.selectize-dropdown .optgroup:before{content:' ';display:block;height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5;margin-left:-12px;margin-right:-12px}.selectize-dropdown-content{padding:5px 0}.selectize-dropdown-header{padding:6px 12px}.selectize-input{min-height:34px}.selectize-input.dropdown-active{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.selectize-input.dropdown-active::before{display:none}.selectize-input.focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}.selectize-control.multi .selectize-input.has-items{padding-left:9px;padding-right:9px}.selectize-control.multi .selectize-input>div{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.form-control.selectize-control{padding:0;height:auto;border:none;background:none;-webkit-box-shadow:none;box-shadow:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
2639</style>
2640  
2641
2642<script>
2643jQuery(function($){ 
2644function dropDown() {
2645	elementClick = '.header_toggle';
2646	elementSlide = '.header_slide_element';
2647	activeClass  = 'active';
2648	$(elementClick).on('click', function(e) {
2649		e.stopPropagation();
2650		var subUl = $(this).next(elementSlide);
2651		$(this).toggleClass(activeClass);
2652		
2653		$(elementClick).not(this).removeClass(activeClass);
2654		e.preventDefault();
2655	});
2656	$(document).on('click', elementSlide, function(e) {
2657		e.stopPropagation();
2658	});
2659	$(document).on('click', function(e) {
2660		e.stopPropagation();
2661		if (e.which != 3) {
2662			var elementHide = $(elementClick).next(elementSlide);
2663			$(elementClick).removeClass('active');
2664		}
2665	});
2666}
2667dropDown()
2668});
2669</script>
2669
2670
2671<script>
2672  $('.qtyplus').click(function(e){
2673    e.preventDefault();
2674    var currentVal = parseInt($('input[name="quantity"]').val());
2675    if (!isNaN(currentVal)) {
2676      $('input[name="quantity"]').val(currentVal + 1);
2677    } else {
2678      $('input[name="quantity"]').val(1);
2679    }
2680  });
2681
2682  $(".qtyminus").click(function(e) {
2683    e.preventDefault();
2684    var currentVal = parseInt($('input[name="quantity"]').val());
2685    if (!isNaN(currentVal) && currentVal > 0) {
2686      $('input[name="quantity"]').val(currentVal - 1);
2687    } else {
2688      $('input[name="quantity"]').val(1);
2689    }
2690  });
2691</script>
2691
2692  
2693 
2693<script type="text/javascript">
2694    $('.quick-view .close-window').click(function() {  			
2695	$('.quick-view').switchClass("open-in","open-out");
2696	});
2697</script>
2697
2698  
2699  
2699<script>
2700var x, i, j, selElmnt, a, b, c;
2701x = document.getElementsByClassName("custom-select");
2702for (i = 0; i < x.length; i++) {
2703  selElmnt = x[i].getElementsByTagName("select")[0];
2704  a = document.createElement("DIV");
2705  a.setAttribute("class", "select-selected");
2706  a.innerHTML = selElmnt.options[selElmnt.selectedIndex].innerHTML;
2707  x[i].appendChild(a);
2708  b = document.createElement("DIV");
2709  b.setAttribute("class", "select-items select-hide");
2710  for (j = 1; j < selElmnt.length; j++) {
2711    c = document.createElement("DIV");
2712    c.innerHTML = selElmnt.options[j].innerHTML;
2713    c.addEventListener("click", function(e) {
2714        var i, s, h;
2715        s = this.parentNode.parentNode.getElementsByTagName("select")[0];
2716        h = this.parentNode.previousSibling;
2717        for (i = 0; i < s.length; i++) {
2718          if (s.options[i].innerHTML == this.innerHTML) {
2719            s.selectedIndex = i;
2720            h.innerHTML = this.innerHTML;
2721            break;
2722          }
2723        }
2724        h.click();
2725    });
2726    b.appendChild(c);
2727  }
2728  x[i].appendChild(b);
2729  a.addEventListener("click", function(e) {
2730      e.stopPropagation();
2731      closeAllSelect(this);
2732      this.nextSibling.classList.toggle("select-hide");
2733      this.classList.toggle("select-arrow-active");
2734    });
2735}
2736function closeAllSelect(elmnt) {
2737  var x, y, i, arrNo = [];
2738  x = document.getElementsByClassName("select-items");
2739  y = document.getElementsByClassName("select-selected");
2740  for (i = 0; i < y.length; i++) {
2741    if (elmnt == y[i]) {
2742      arrNo.push(i)
2743    } else {
2744      y[i].classList.remove("select-arrow-active");
2745    }
2746  }
2747  for (i = 0; i < x.length; i++) {
2748    if (arrNo.indexOf(i)) {
2749      x[i].classList.add("select-hide");
2750    }
2751  }
2752}
2753document.addEventListener("click", closeAllSelect);
2754</script>
2754
2755
2756
2757<script>
2758    // ensure these are available to the global window, for use in the bootstrap js asset
2759    window.BOLD_mc_bootstrapSettings = {
2760        shopDomainUrl: 'https://mc.boldapps.net/rayaarishop.myshopify.com',
2761        flagsAssetUrl: '//rayaarishop.com/cdn/shop/t/3/assets/flags.min.css?v=114234350723737000261778852378',
2762        pickerCssAssetUrl: '//rayaarishop.com/cdn/shop/t/3/assets/bold-currency-picker.css?v=133912845013494754821778852378',
2763        productOriginalPrice: 2000
2764    };
2765</script>
vendor: 1 bytes, line 2765
2765
2766<script src="https://mc.boldapps.net/install_assets/bold.multicurrency.js" defer></script>
vendor: 1 bytes, line 2766
2766
2767<script src="//rayaarishop.com/cdn/shop/t/3/assets/bold-currency-bootstrap.js?v=21804782392171732811778852378" defer></script>
vendor: 1 bytes, line 2767
2767
2768<script type="text/template" id="bold-currency-picker-template">
2769    <div class="BOLD-mc-picker multi">
2770        <div class="currentCurrency loading" data-current-currency>
2771            <span class="flag flag-loading" data-flag></span>
2772            <span class="name" data-name>&bull;&bull;&bull;</span>
2773            <span class="chevron">
2774                <svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"><path d="M13.148 10.398l-1.297 1.289q-0.148 0.148-0.352 0.148t-0.352-0.148l-4.148-4.148-4.148 4.148q-0.148 0.148-0.352 0.148t-0.352-0.148l-1.297-1.289q-0.148-0.148-0.148-0.355t0.148-0.355l5.797-5.789q0.148-0.148 0.352-0.148t0.352 0.148l5.797 5.789q0.148 0.148 0.148 0.355t-0.148 0.355z" /></svg>
2775            </span>
2776        </div>
2777        <ul class="currencyList" data-currency-list></ul>
2778    </div>
2779</script>
2779
2780
2781<script type="text/template" id="bold-currency-picker-mount-template">
2782<span style="display:none;" class="BOLD-mc-picker-mnt " data-open="up" data-bold-mc-picker-mnt></span>
2783</script>
2783
2784<!-- ✅ Collection Grid Wishlist Fix -->
2785
2786
2787<!-- ✅ Mobile Bottom Menu -->
2788<div class="mobile-bottom-menu">
2789  <a href="/" class="menu-item">
2790    <i class="fa fa-home"></i><span>Home</span>
2791  </a>
2792
2793  <a href="/collections/all" class="menu-item">
2794    <i class="fa fa-th-large"></i><span>Collections</span>
2795  </a>
2796
2797  <a href="/pages/wishlist" class="menu-item">
2798    <i class="fa fa-heart"></i><span>Wishlist</span>
2799  </a>
2800
2801  <a href="/search" class="menu-item">
2802    <i class="fa fa-search"></i><span>Find</span>
2803  </a>
2804
2805  <a href="/cart" class="menu-item">
2806  <i class="fa fa-shopping-cart"></i><span>Cart</span>
2807  </a>
2808
2809  <a href="/account" class="menu-item">
2810    <i class="fa fa-user"></i><span>Account</span>
2811  </a>
2812</div>
2813 
2813<script>
2814// Prevent multiple reloads with a flag
2815let isProcessingFee = false;
2816let reloadAttempted = false;
2817
2818document.addEventListener("DOMContentLoaded", async function() {
2819    const feeVariantId = 47185559748834;
2820    const minAmount = 19900;
2821    const feeRate = 0.02;
2822
2823    // Only run on cart page
2824    if (window.location.pathname !== "/cart") return;
2825    
2826    // Prevent multiple executions
2827    if (isProcessingFee) return;
2828    isProcessingFee = true;
2829    
2830    // Check if we just reloaded (prevent infinite loop)
2831    if (sessionStorage.getItem('justReloaded') === 'true') {
2832        sessionStorage.removeItem('justReloaded');
2833        isProcessingFee = false;
2834        return;
2835    }
2836
2837    try {
2838        const cart = await fetch("/cart.js").then(r => r.json());
2839        const feeItem = cart.items.find(i => i.id == feeVariantId);
2840
2841        // Count real products (not fee)
2842        const realProducts = cart.items.filter(item => item.id != feeVariantId);
2843        
2844        // If no real products, remove fee if exists
2845        if (realProducts.length === 0) {
2846            if (feeItem) {
2847                console.log("Cart has no real products. Removing fee.");
2848                await fetch("/cart/change.js", {
2849                    method: "POST",
2850                    headers: { "Content-Type": "application/json" },
2851                    body: JSON.stringify({ id: feeVariantId, quantity: 0 })
2852                });
2853                sessionStorage.setItem('justReloaded', 'true');
2854                location.reload();
2855            }
2856            isProcessingFee = false;
2857            return;
2858        }
2859
2860        const subtotal = cart.total_price;
2861
2862        // If order is below minimum, remove fee if exists
2863        if (subtotal < minAmount) {
2864            if (feeItem) {
2865                await fetch("/cart/change.js", {
2866                    method: "POST",
2867                    headers: { "Content-Type": "application/json" },
2868                    body: JSON.stringify({ id: feeVariantId, quantity: 0 })
2869                });
2870                sessionStorage.setItem('justReloaded', 'true');
2871                location.reload();
2872            }
2873            isProcessingFee = false;
2874            return;
2875        }
2876
2877        // Calculate fee
2878        const feeAmountPaise = Math.round(subtotal * feeRate);
2879        const feeQuantity = Math.max(1, Math.round(feeAmountPaise / 100));
2880
2881        // Update or add fee ONLY if needed
2882        let needsUpdate = false;
2883        
2884        if (feeItem) {
2885            if (feeItem.quantity !== feeQuantity) {
2886                needsUpdate = true;
2887            }
2888        } else {
2889            needsUpdate = true;
2890        }
2891        
2892        if (needsUpdate && !reloadAttempted) {
2893            reloadAttempted = true;
2894            
2895            if (feeItem) {
2896                await fetch("/cart/change.js", {
2897                    method: "POST",
2898                    headers: { "Content-Type": "application/json" },
2899                    body: JSON.stringify({ id: feeVariantId, quantity: feeQuantity })
2900                });
2901            } else {
2902                await fetch("/cart/add.js", {
2903                    method: "POST",
2904                    headers: { "Content-Type": "application/json" },
2905                    body: JSON.stringify({
2906                        id: feeVariantId,
2907                        quantity: feeQuantity
2908                    })
2909                });
2910            }
2911            
2912            sessionStorage.setItem('justReloaded', 'true');
2913            setTimeout(() => {
2914                location.reload();
2915            }, 500);
2916        }
2917        
2918        isProcessingFee = false;
2919        
2920    } catch (error) {
2921        console.error("Error in fee calculation:", error);
2922        isProcessingFee = false;
2923    }
2924});
2925</script>
vendor: 1 bytes, line 2925
2925
2926<script>
2927  document.addEventListener("DOMContentLoaded", function() {
2928    var discountSelect = document.getElementById("discountSelect");
2929    var savingsText = document.getElementById("cartSavings");
2930
2931    if(discountSelect && savingsText){
2932      discountSelect.addEventListener("change", function() {
2933        // Clear previous celebration icon if exists
2934        var existingIcon = savingsText.querySelector(".celebrate-icon");
2935        if(existingIcon) existingIcon.remove();
2936
2937        if(this.value === "MULTISTORE5"){
2938          // Change color to green
2939          savingsText.style.color = "green";
2940
2941          // Create celebration icon element
2942          var icon = document.createElement("span");
2943          icon.className = "celebrate-icon";
2944          icon.textContent = " 🎉"; // You can change this to any icon or emoji
2945          savingsText.appendChild(icon);
2946        } else {
2947          // Default color
2948          savingsText.style.color = "";
2949        }
2950      });
2951    }
2952  });
2953</script>
vendor: 1 bytes, line 2953
2953
2954<script>
2955$(document).on("click", ".add-to-wishlist", function () {
2956  var button = $(this);
2957  var handle = button.data("handle");
2958  var wishlistName = "wbwishList";
2959  var wishlist = localStorage.getItem(wishlistName);
2960  wishlist = wishlist ? wishlist.split("__") : [];
2961  var isNowWished;
2962  if (!wishlist.includes(handle)) {
2963    wishlist.push(handle);
2964    isNowWished = true;
2965  } else {
2966    wishlist = wishlist.filter(function(item) { return item !== handle; });
2967    isNowWished = false;
2968  }
2969  localStorage.setItem(wishlistName, wishlist.join("__"));
2970  var iEl = button.find('i.fa-heart, i.zmdi-favorite, i[class*="heart"]');
2971  var svgPath = button.find('svg path');
2972  var heartSpan = button.find('.heart');
2973  if (isNowWished) {
2974    button.addClass("active wished");
2975    button.find(".wish-text").text("In Wishlist");
2976    iEl.css({ color: '#e91e63' }).addClass('fas').removeClass('far');
2977    svgPath.css({ fill: '#e91e63', stroke: '#e91e63' });
2978    heartSpan.html("♥").css('color', '#e91e63');
2979  } else {
2980    button.removeClass("active wished");
2981    button.find(".wish-text").text("Add to Wishlist");
2982    iEl.css({ color: '' }).addClass('far').removeClass('fas');
2983    svgPath.css({ fill: 'transparent', stroke: '#e91e63' });
2984    heartSpan.html("♡").css('color', '');
2985  }
2986});
2987</script>
2987
2988
2989<script>
2990document.addEventListener('DOMContentLoaded', function () {
2991
2992  function getWishlist() {
2993    try {
2994      return JSON.parse(localStorage.getItem('user_wishlist')) || [];
2995    } catch(e) {
2996      return [];
2997    }
2998  }
2999
3000  function saveWishlist(list) {
3001    localStorage.setItem(
3002      'user_wishlist',
3003      JSON.stringify(list)
3004    );
3005  }
3006
3007  function updateButtons() {
3008
3009    const wishlist = getWishlist();
3010
3011    document.querySelectorAll('.add-in-wishlist-js').forEach(function(btn) {
3012
3013      let handle = '';
3014
3015      // Try from href
3016      const href = btn.getAttribute('href');
3017
3018      if (href && href.includes('/products/')) {
3019
3020        const match = href.match(/\/products\/([^\/?#]+)/);
3021
3022        if (match) {
3023          handle = match[1];
3024        }
3025      }
3026
3027      // Fallback from parent
3028      if (!handle) {
3029
3030        const card = btn.closest('[class*="product"]');
3031
3032        if (card) {
3033
3034          const productLink = card.querySelector('a[href*="/products/"]');
3035
3036          if (productLink) {
3037
3038            const match = productLink.href.match(/\/products\/([^\/?#]+)/);
3039
3040            if (match) {
3041              handle = match[1];
3042            }
3043          }
3044        }
3045      }
3046
3047      if (!handle) return;
3048
3049      btn.setAttribute('data-handle', handle);
3050
3051      const isWished = wishlist.includes(handle);
3052
3053      if (isWished) {
3054        btn.classList.add('active');
3055      } else {
3056        btn.classList.remove('active');
3057      }
3058
3059      // Prevent duplicate binding
3060      if (btn.dataset.bound === 'true') return;
3061
3062      btn.dataset.bound = 'true';
3063
3064      btn.addEventListener('click', function(e) {
3065
3066        e.preventDefault();
3067
3068        let currentWishlist = getWishlist();
3069
3070        if (currentWishlist.includes(handle)) {
3071
3072          currentWishlist = currentWishlist.filter(
3073            item => item !== handle
3074          );
3075
3076          btn.classList.remove('active');
3077
3078        } else {
3079
3080          currentWishlist.push(handle);
3081
3082          btn.classList.add('active');
3083        }
3084
3085        saveWishlist(currentWishlist);
3086      });
3087    });
3088  }
3089
3090  updateButtons();
3091
3092});
3093</script>
3093
3094
3095<style> [data-variant-id="47185559748834"] img {display: none !important;} </style>
3096<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
3096
3097</body>
3098
3099</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.