PageSourceSearch

https://kaylabatikdesign.com/

html kaylabatikdesign.com collected 2026-10-06 19:07:20 UTC 258,585 bytes, 6,795 lines download raw bytes

1<!doctype html>
2<html
3  
4  lang="en"
5>
6  <head>
6<script data-source-attribution="shopify.event_observer.bootstrap">
7(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("//kaylabatikdesign.com/cdn/shopifycloud/storefront/assets/storefront/event_observer_reporter-ed358274.js").then(e=>e.$(_,y,f,i,`35551084679`)))})();
8//# sourceURL=event-observer-collector.js
9</script>
9
10
11    
12    
13
14
15<meta charset="utf-8">
16<meta
17  http-equiv="X-UA-Compatible"
18  content="IE=edge"
19>
20<meta
21  name="viewport"
22  content="width=device-width,initial-scale=1"
23>
24<meta
25  name="view-transition"
26  content="same-origin"
27>
28<meta
29  name="theme-color"
30  content=""
31>
32
33<meta
34  property="og:site_name"
35  content="Kayla Batik Design (003157239-U)"
36>
37<meta
38  property="og:url"
39  content="https://kaylabatikdesign.com/"
40>
41<meta
42  property="og:title"
43  content="kaylabatikdesign.com"
44>
45<meta
46  property="og:type"
47  content="website"
48>
49<meta
50  property="og:description"
51  content="Designed by founder and made by local tailors in Malaysia, using imported cotton batik, our batik are made mainly using the traditional way of hand-stamping and dyeing process. We truly appreciate the art of batik and strive to preserve this heritage. We believe colorful batiks are made for all occasions and all ages."
52><meta
53    property="og:image"
54    content="http://kaylabatikdesign.com/cdn/shop/files/Untitled-1_e3fea8e5-bdfa-4f30-9b2d-a14c4eea3791.png?v=1603264519"
55  >
56  <meta
57    property="og:image:secure_url"
58    content="https://kaylabatikdesign.com/cdn/shop/files/Untitled-1_e3fea8e5-bdfa-4f30-9b2d-a14c4eea3791.png?v=1603264519"
59  >
60  <meta
61    property="og:image:width"
62    content="403"
63  >
64  <meta
65    property="og:image:height"
66    content="495"
67  ><meta
68  name="twitter:card"
69  content="summary_large_image"
70>
71<meta
72  name="twitter:title"
73  content="kaylabatikdesign.com"
74>
75<meta
76  name="twitter:description"
77  content="Designed by founder and made by local tailors in Malaysia, using imported cotton batik, our batik are made mainly using the traditional way of hand-stamping and dyeing process. We truly appreciate the art of batik and strive to preserve this heritage. We believe colorful batiks are made for all occasions and all ages."
78>
79
80<title>
81  kaylabatikdesign.com
82 &ndash; Kayla Batik Design (003157239-U)</title>
83
84<link
85  rel="canonical"
86  href="https://kaylabatikdesign.com/"
87>
88
89
90  <meta
91    name="description"
92    content="Designed by founder and made by local tailors in Malaysia, using imported cotton batik, our batik are made mainly using the traditional way of hand-stamping and dyeing process. We truly appreciate the art of batik and strive to preserve this heritage. We believe colorful batiks are made for all occasions and all ages."
93  >
94
95<link href="//kaylabatikdesign.com/cdn/shop/t/5/assets/overflow-list.css?v=16727044177065489451778748726" as="style" rel="preload">
96<link href="//kaylabatikdesign.com/cdn/shop/t/5/assets/base.css?v=78423535682412742611778751104" rel="stylesheet" type="text/css" media="all" />
97
98
99
100
101<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 101
101
102<script type="importmap">
103  {
104    "imports": {
105      "@theme/overflow-list": "//kaylabatikdesign.com/cdn/shop/t/5/assets/overflow-list.js?v=46858356770684902511778748726",
106      "@theme/product-title": "//kaylabatikdesign.com/cdn/shop/t/5/assets/product-title-truncation.js?v=81744426891537421781778748726",
107      "@theme/component": "//kaylabatikdesign.com/cdn/shop/t/5/assets/component.js?v=184240237101443119871778748726",
108      "@theme/dialog": "//kaylabatikdesign.com/cdn/shop/t/5/assets/dialog.js?v=150888536568694194021778748726",
109      "@theme/events": "//kaylabatikdesign.com/cdn/shop/t/5/assets/events.js?v=1118589085892804011778748726",
110      "@theme/focus": "//kaylabatikdesign.com/cdn/shop/t/5/assets/focus.js?v=60436577539430446401778748726",
111      "@theme/morph": "//kaylabatikdesign.com/cdn/shop/t/5/assets/morph.js?v=104045809772310330131778748726",
112      "@theme/paginated-list": "//kaylabatikdesign.com/cdn/shop/t/5/assets/paginated-list.js?v=95298315036233333871778748726",
113      "@theme/performance": "//kaylabatikdesign.com/cdn/shop/t/5/assets/performance.js?v=171015751390534793081778748726",
114      "@theme/product-form": "//kaylabatikdesign.com/cdn/shop/t/5/assets/product-form.js?v=142170751179338062901778748726",
115      "@theme/recently-viewed-products": "//kaylabatikdesign.com/cdn/shop/t/5/assets/recently-viewed-products.js?v=94729125001750262651778748726",
116      "@theme/scrolling": "//kaylabatikdesign.com/cdn/shop/t/5/assets/scrolling.js?v=162288454571026455011778748726",
117      "@theme/section-renderer": "//kaylabatikdesign.com/cdn/shop/t/5/assets/section-renderer.js?v=123311117485513785771778748726",
118      "@theme/section-hydration": "//kaylabatikdesign.com/cdn/shop/t/5/assets/section-hydration.js?v=108434990705342316311778748726",
119      "@theme/money-formatting": "//kaylabatikdesign.com/cdn/shop/t/5/assets/money-formatting.js?v=182191346160333327151778748726",
120      "@theme/utilities": "//kaylabatikdesign.com/cdn/shop/t/5/assets/utilities.js?v=28506172887375975941778748726",
121      "@theme/variant-picker": "//kaylabatikdesign.com/cdn/shop/t/5/assets/variant-picker.js?v=24924540959574313291778748726",
122      "@theme/media-gallery": "//kaylabatikdesign.com/cdn/shop/t/5/assets/media-gallery.js?v=14624021005636302161778748726",
123      "@theme/quick-add": "//kaylabatikdesign.com/cdn/shop/t/5/assets/quick-add.js?v=114575661933533593881778748726",
124      "@theme/paginated-list-aspect-ratio": "//kaylabatikdesign.com/cdn/shop/t/5/assets/paginated-list-aspect-ratio.js?v=25254270272143792451778748726",
125      "@theme/popover-polyfill": "//kaylabatikdesign.com/cdn/shop/t/5/assets/popover-polyfill.js?v=119029313658895111201778748726",
126      "@theme/component-quantity-selector": "//kaylabatikdesign.com/cdn/shop/t/5/assets/component-quantity-selector.js?v=67906657287482036641778748726",
127      "@theme/comparison-slider": "//kaylabatikdesign.com/cdn/shop/t/5/assets/comparison-slider.js?v=106705562947035711941778748726",
128      "@theme/sticky-add-to-cart": "//kaylabatikdesign.com/cdn/shop/t/5/assets/sticky-add-to-cart.js?v=48956925339276737091778748726",
129      "@theme/fly-to-cart": "//kaylabatikdesign.com/cdn/shop/t/5/assets/fly-to-cart.js?v=48483246440248933081778748726"
130    }
131  }
132</script>
132
133
134<script
135  src="//kaylabatikdesign.com/cdn/shop/t/5/assets/view-transitions.js?v=7106414069516106341778748726"
136  async
137  
138></script>
138
139
140<link
141  rel="modulepreload"
142  href="//kaylabatikdesign.com/cdn/shop/t/5/assets/utilities.js?v=28506172887375975941778748726"
143  fetchpriority="low"
144>
145<link
146  rel="modulepreload"
147  href="//kaylabatikdesign.com/cdn/shop/t/5/assets/component.js?v=184240237101443119871778748726"
148  fetchpriority="low"
149>
150<link
151  rel="modulepreload"
152  href="//kaylabatikdesign.com/cdn/shop/t/5/assets/section-renderer.js?v=123311117485513785771778748726"
153  fetchpriority="low"
154>
155<link
156  rel="modulepreload"
157  href="//kaylabatikdesign.com/cdn/shop/t/5/assets/section-hydration.js?v=108434990705342316311778748726"
158  fetchpriority="low"
159>
160<link
161  rel="modulepreload"
162  href="//kaylabatikdesign.com/cdn/shop/t/5/assets/morph.js?v=104045809772310330131778748726"
163  fetchpriority="low"
164>
165
166
167
168<link
169  rel="modulepreload"
170  href="//kaylabatikdesign.com/cdn/shop/t/5/assets/focus.js?v=60436577539430446401778748726"
171  fetchpriority="low"
172>
173<link
174  rel="modulepreload"
175  href="//kaylabatikdesign.com/cdn/shop/t/5/assets/recently-viewed-products.js?v=94729125001750262651778748726"
176  fetchpriority="low"
177>
178<link
179  rel="modulepreload"
180  href="//kaylabatikdesign.com/cdn/shop/t/5/assets/scrolling.js?v=162288454571026455011778748726"
181  fetchpriority="low"
182>
183<link
184  rel="modulepreload"
185  href="//kaylabatikdesign.com/cdn/shop/t/5/assets/events.js?v=1118589085892804011778748726"
186  fetchpriority="low"
187>
188<script
189  src="//kaylabatikdesign.com/cdn/shop/t/5/assets/popover-polyfill.js?v=119029313658895111201778748726"
190  type="module"
191  fetchpriority="low"
192></script>
vendor: 1 bytes, line 192
192
193<script
194  src="//kaylabatikdesign.com/cdn/shop/t/5/assets/overflow-list.js?v=46858356770684902511778748726"
195  type="module"
196  fetchpriority="low"
197></script>
vendor: 1 bytes, line 197
197
198<script
199  src="//kaylabatikdesign.com/cdn/shop/t/5/assets/quick-add.js?v=114575661933533593881778748726"
200  type="module"
201  fetchpriority="low"
202></script>
202
203
204  
204<script
205    src="//kaylabatikdesign.com/cdn/shop/t/5/assets/cart-discount.js?v=107077853990124422021778748726"
206    type="module"
207    fetchpriority="low"
208  ></script>
208
209
210
211<script
212  src="//kaylabatikdesign.com/cdn/shop/t/5/assets/dialog.js?v=150888536568694194021778748726"
213  type="module"
214  fetchpriority="low"
215></script>
vendor: 1 bytes, line 215
215
216<script
217  src="//kaylabatikdesign.com/cdn/shop/t/5/assets/variant-picker.js?v=24924540959574313291778748726"
218  type="module"
219  fetchpriority="low"
220></script>
vendor: 1 bytes, line 220
220
221<script
222  src="//kaylabatikdesign.com/cdn/shop/t/5/assets/product-card.js?v=28695665944407642501778748726"
223  type="module"
224  fetchpriority="low"
225></script>
vendor: 1 bytes, line 225
225
226<script
227  src="//kaylabatikdesign.com/cdn/shop/t/5/assets/product-form.js?v=142170751179338062901778748726"
228  type="module"
229  fetchpriority="low"
230></script>
vendor: 1 bytes, line 230
230
231<script
232  src="//kaylabatikdesign.com/cdn/shop/t/5/assets/fly-to-cart.js?v=48483246440248933081778748726"
233  type="module"
234  fetchpriority="low"
235></script>
vendor: 1 bytes, line 235
235
236<script
237  src="//kaylabatikdesign.com/cdn/shop/t/5/assets/accordion-custom.js?v=97588419883090888471778748726"
238  type="module"
239  fetchpriority="low"
240></script>
vendor: 1 bytes, line 240
240
241<script
242  src="//kaylabatikdesign.com/cdn/shop/t/5/assets/media.js?v=37825095869491791421778748726"
243  type="module"
244  fetchpriority="low"
245></script>
vendor: 1 bytes, line 245
245
246<script
247  src="//kaylabatikdesign.com/cdn/shop/t/5/assets/product-price.js?v=83480980452100801711778748726"
248  type="module"
249  fetchpriority="low"
250></script>
vendor: 1 bytes, line 250
250
251<script
252  src="//kaylabatikdesign.com/cdn/shop/t/5/assets/product-sku.js?v=121804655373531320511778748726"
253  type="module"
254  fetchpriority="low"
255></script>
vendor: 1 bytes, line 255
255
256<script
257  src="//kaylabatikdesign.com/cdn/shop/t/5/assets/product-title-truncation.js?v=81744426891537421781778748726"
258  type="module"
259  fetchpriority="low"
260></script>
vendor: 1 bytes, line 260
260
261<script
262  src="//kaylabatikdesign.com/cdn/shop/t/5/assets/product-inventory.js?v=81520546963552472391778748726"
263  type="module"
264  fetchpriority="low"
265></script>
vendor: 1 bytes, line 265
265
266<script
267  src="//kaylabatikdesign.com/cdn/shop/t/5/assets/show-more.js?v=94563802205717136101778748726"
268  type="module"
269  fetchpriority="low"
270></script>
vendor: 1 bytes, line 270
270
271<script
272  src="//kaylabatikdesign.com/cdn/shop/t/5/assets/slideshow.js?v=168726587398279102001778748726"
273  type="module"
274  fetchpriority="low"
275></script>
vendor: 1 bytes, line 275
275
276<script
277  src="//kaylabatikdesign.com/cdn/shop/t/5/assets/layered-slideshow.js?v=30135417790894624731778748726"
278  type="module"
279  fetchpriority="low"
280></script>
vendor: 1 bytes, line 280
280
281<script
282  src="//kaylabatikdesign.com/cdn/shop/t/5/assets/anchored-popover.js?v=95953304814728754461778748726"
283  type="module"
284  fetchpriority="low"
285></script>
vendor: 1 bytes, line 285
285
286<script
287  src="//kaylabatikdesign.com/cdn/shop/t/5/assets/floating-panel.js?v=151277338116891310371778748726"
288  type="module"
289  fetchpriority="low"
290></script>
vendor: 1 bytes, line 290
290
291<script
292  src="//kaylabatikdesign.com/cdn/shop/t/5/assets/video-background.js?v=25237992823806706551778748726"
293  type="module"
294  fetchpriority="low"
295></script>
vendor: 1 bytes, line 295
295
296<script
297  src="//kaylabatikdesign.com/cdn/shop/t/5/assets/component-quantity-selector.js?v=67906657287482036641778748726"
298  type="module"
299  fetchpriority="low"
300></script>
vendor: 1 bytes, line 300
300
301<script
302  src="//kaylabatikdesign.com/cdn/shop/t/5/assets/media-gallery.js?v=14624021005636302161778748726"
303  type="module"
304  fetchpriority="low"
305></script>
vendor: 1 bytes, line 305
305
306<script
307  src="//kaylabatikdesign.com/cdn/shop/t/5/assets/rte-formatter.js?v=40306132146590816021778748726"
308  type="module"
309  fetchpriority="low"
310></script>
vendor: 1 bytes, line 310
310
311<script
312  src="//kaylabatikdesign.com/cdn/shop/t/5/assets/volume-pricing.js?v=15442793518842484731778748726"
313  type="module"
314  fetchpriority="low"
315></script>
vendor: 1 bytes, line 315
315
316<script
317  src="//kaylabatikdesign.com/cdn/shop/t/5/assets/price-per-item.js?v=144512917617120124431778748726"
318  type="module"
319  fetchpriority="low"
320></script>
vendor: 1 bytes, line 320
320
321<script
322  src="//kaylabatikdesign.com/cdn/shop/t/5/assets/volume-pricing-info.js?v=94479640769665442661778748726"
323  type="module"
324  fetchpriority="low"
325></script>
325
326
327
328  
328<script
329    src="//kaylabatikdesign.com/cdn/shop/t/5/assets/localization.js?v=15585934801240115691778748726"
330    type="module"
331    fetchpriority="low"
332  ></script>
332
333
334
335
336
337<script
338  src="//kaylabatikdesign.com/cdn/shop/t/5/assets/auto-close-details.js?v=58350291535404441581778748726"
339  defer="defer"
340></script>
340
341
342<script>
343  const Theme = {
344    translations: {
345      placeholder_image: `Placeholder image`,
346      added: `Added`,
347      recipient_form_fields_visible: `Recipient form fields are now visible`,
348      recipient_form_fields_hidden: `Recipient form fields are now hidden`,
349      recipient_form_error: `There was an error with the form submission`,
350      items_added_to_cart_one: `1 item added to cart`,
351      items_added_to_cart_other: `{{ count }} items added to cart`,
352      cart_count: `Total items in cart`,
353    },
354    routes: {
355      cart_add_url: '/cart/add.js',
356      cart_change_url: '/cart/change',
357      cart_update_url: '/cart/update',
358      cart_url: '/cart',
359      predictive_search_url: '/search/suggest',
360      search_url: '/search',
361    },
362    template: {
363      name: 'index',
364    },
365  };
366</script>
366
367<style data-shopify>
368
369
370  :root {
371    /* Page Layout */
372    --sidebar-width: 25rem;
373    --narrow-content-width: 36rem;
374    --normal-content-width: 42rem;
375    --wide-content-width: 46rem;
376    --narrow-page-width: 90rem;
377    --normal-page-width: 120rem;
378    --wide-page-width: 150rem;
379
380    /* Section Heights */
381    --section-height-small: 15rem;
382    --section-height-medium: 25rem;
383    --section-height-large: 35rem;
384
385    @media screen and (min-width: 40em) {
386      --section-height-small: 40svh;
387      --section-height-medium: 55svh;
388      --section-height-large: 70svh;
389    }
390
391    @media screen and (min-width: 60em) {
392      --section-height-small: 50svh;
393      --section-height-medium: 65svh;
394      --section-height-large: 80svh;
395    }
396
397    /* Letter spacing */
398    --letter-spacing-sm: 0.06em;
399    --letter-spacing-md: 0.13em;
400
401    /* Font families */
402    --font-body--family: Arial, sans-serif;
403    --font-body--style: normal;
404    --font-body--weight: 400;
405    --font-subheading--family: "Times New Roman", Times, serif;
406    --font-subheading--style: normal;
407    --font-subheading--weight: 400;
408    --font-heading--family: "Times New Roman", Times, serif;
409    --font-heading--style: normal;
410    --font-heading--weight: 700;
411    --font-accent--family: "Times New Roman", Times, serif;
412    --font-accent--style: normal;
413    --font-accent--weight: 700;
414
415    /* Margin sizes */
416    --font-heading--spacing: 0.25em;
417    --font-h1--spacing: var(--font-heading--spacing);
418    --font-h2--spacing: var(--font-heading--spacing);
419    --font-h3--spacing: var(--font-heading--spacing);
420    --font-h4--spacing: var(--font-heading--spacing);
421    --font-h5--spacing: var(--font-heading--spacing);
422    --font-h6--spacing: var(--font-heading--spacing);
423    --font-paragraph--spacing: 0.5em;
424
425    /* Heading colors */
426    --font-h1--color: var(--color-foreground-heading);
427    --font-h2--color: var(--color-foreground-heading);
428    --font-h3--color: var(--color-foreground-heading);
429    --font-h4--color: var(--color-foreground-heading);
430    --font-h5--color: var(--color-foreground-heading);
431    --font-h6--color: var(--color-foreground-heading);
432
433    /** Z-Index / Layering */
434    --layer-section-background: -2;
435    --layer-lowest: -1;
436    --layer-base: 0;
437    --layer-flat: 1;
438    --layer-raised: 2;
439    --layer-heightened: 4;
440    --layer-sticky: 8;
441    --layer-window-overlay: 10;
442    --layer-header-menu: 12;
443    --layer-overlay: 16;
444    --layer-menu-drawer: 18;
445    --layer-temporary: 20;
446
447    /* Max-width / Measure */
448    --max-width--body-normal: 32.5em;
449    --max-width--body-narrow: 22.75em;
450
451    --max-width--heading-normal: 32.5em;
452    --max-width--heading-narrow: 19.5em;
453
454    --max-width--display-normal: 13em;
455    --max-width--display-narrow: 9.75em;
456    --max-width--display-tight: 3.25em;
457
458    /* Letter-spacing / Tracking */
459    --letter-spacing--display-tight: -0.03em;
460    --letter-spacing--display-normal: 0em;
461    --letter-spacing--display-loose: 0.03em;
462
463    --letter-spacing--heading-tight: -0.03em;
464    --letter-spacing--heading-normal: 0em;
465    --letter-spacing--heading-loose: 0.03em;
466
467    --letter-spacing--body-tight: -0.03em;
468    --letter-spacing--body-normal: 0em;
469    --letter-spacing--body-loose: 0.03em;
470
471    /* Line height / Leading */
472    --line-height: 1;
473
474    --line-height--display-tight: 1;
475    --line-height--display-normal: 1.1;
476    --line-height--display-loose: 1.2;
477
478    --line-height--heading-tight: 1.15;
479    --line-height--heading-normal: 1.25;
480    --line-height--heading-loose: 1.35;
481
482    --line-height--body-tight: 1.2;
483    --line-height--body-normal: 1.4;
484    --line-height--body-loose: 1.6;
485
486    /* Typography presets */
487    --font-size--paragraph: 0.875rem;--font-size--h1: clamp(3.0rem, 5.6vw, 3.5rem);--font-size--h2: clamp(2.25rem, 4.8vw, 3.0rem);--font-size--h3: 2.0rem;--font-size--h4: 1.5rem;--font-size--h5: 0.875rem;--font-size--h6: 0.75rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-loose);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: none;--font-h1--line-height: var(--line-height--display-tight);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-tight);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--display-normal);--font-h4--weight: var(--font-heading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-heading--family);--font-h4--style: var(--font-heading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-tight);--font-h5--weight: var(--font-subheading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-subheading--family);--font-h5--style: var(--font-subheading--style);--font-h5--case: none;--font-h5--line-height: var(--line-height--display-loose);--font-h6--weight: var(--font-subheading--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-subheading--family);--font-h6--style: var(--font-subheading--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-loose);
488
489    /* Hardcoded font sizes */
490    --font-size--3xs: 0.625rem;
491    --font-size--2xs: 0.75rem;
492    --font-size--xs: 0.8125rem;
493    --font-size--sm: 0.875rem;
494    --font-size--md: 1rem;
495    --font-size--lg: 1.125rem;
496    --font-size--xl: 1.25rem;
497    --font-size--2xl: 1.5rem;
498    --font-size--3xl: 2rem;
499    --font-size--4xl: 2.5rem;
500    --font-size--5xl: 3rem;
501    --font-size--6xl: 3.5rem;
502
503    /* Menu font sizes */
504    --menu-font-sm--size: 0.875rem;
505    --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
506    --menu-font-md--size: 1rem;
507    --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
508    --menu-font-lg--size: 1.125rem;
509    --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
510    --menu-font-xl--size: 1.25rem;
511    --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
512    --menu-font-2xl--size: 1.75rem;
513    --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));
514
515    /* Colors */
516    --color-error: #8B0000;
517    --color-success: #006400;
518    --color-white: #FFFFFF;
519    --color-white-rgb: 255 255 255;
520    --color-black: #000000;
521    --color-instock: #3ED660;
522    --color-lowstock: #EE9441;
523    --color-outofstock: #C8C8C8;
524
525    /* Opacity */
526    --opacity-5: 0.05;
527    --opacity-8: 0.08;
528    --opacity-10: 0.1;
529    --opacity-15: 0.15;
530    --opacity-20: 0.2;
531    --opacity-25: 0.25;
532    --opacity-30: 0.3;
533    --opacity-40: 0.4;
534    --opacity-50: 0.5;
535    --opacity-60: 0.6;
536    --opacity-70: 0.7;
537    --opacity-80: 0.8;
538    --opacity-85: 0.85;
539    --opacity-90: 0.9;
540    --opacity-subdued-text: var(--opacity-70);
541
542    --shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
543    --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);
544
545    /* Spacing */
546    --margin-3xs: 0.125rem;
547    --margin-2xs: 0.3rem;
548    --margin-xs: 0.5rem;
549    --margin-sm: 0.7rem;
550    --margin-md: 0.8rem;
551    --margin-lg: 1rem;
552    --margin-xl: 1.25rem;
553    --margin-2xl: 1.5rem;
554    --margin-3xl: 1.75rem;
555    --margin-4xl: 2rem;
556    --margin-5xl: 3rem;
557    --margin-6xl: 5rem;
558
559    --scroll-margin: 50px;
560
561    --padding-3xs: 0.125rem;
562    --padding-2xs: 0.25rem;
563    --padding-xs: 0.5rem;
564    --padding-sm: 0.7rem;
565    --padding-md: 0.8rem;
566    --padding-lg: 1rem;
567    --padding-xl: 1.25rem;
568    --padding-2xl: 1.5rem;
569    --padding-3xl: 1.75rem;
570    --padding-4xl: 2rem;
571    --padding-5xl: 3rem;
572    --padding-6xl: 4rem;
573
574    --gap-3xs: 0.125rem;
575    --gap-2xs: 0.3rem;
576    --gap-xs: 0.5rem;
577    --gap-sm: 0.7rem;
578    --gap-md: 0.9rem;
579    --gap-lg: 1rem;
580    --gap-xl: 1.25rem;
581    --gap-2xl: 2rem;
582    --gap-3xl: 3rem;
583
584    --spacing-scale-sm: 0.6;
585    --spacing-scale-md: 0.7;
586    --spacing-scale-default: 1.0;
587
588    /* Checkout buttons gap */
589    --checkout-button-gap: 10px;
590
591    /* Borders */
592    --style-border-width: 1px;
593    --style-border-radius-xs: 0.2rem;
594    --style-border-radius-sm: 0.6rem;
595    --style-border-radius-md: 0.8rem;
596    --style-border-radius-50: 50%;
597    --style-border-radius-lg: 1rem;
598    --style-border-radius-pills: 40px;
599    --style-border-radius-inputs: 4px;
600    --style-border-radius-buttons-primary: 0px;
601    --style-border-radius-buttons-secondary: 0px;
602    --style-border-width-primary: 0px;
603    --style-border-width-secondary: 1px;
604    --style-border-width-inputs: 1px;
605    --style-border-radius-popover: 14px;
606    --style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%);
607    --style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%);
608    --style-border-swatch-opacity: 10%;
609    --style-border-swatch-width: 1px;
610    --style-border-swatch-style: solid;
611
612    /* Animation */
613    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
614    --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
615    --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
616    --animation-speed-fast: 0.0625s;
617    --animation-speed: 0.125s;
618    --animation-speed-slow: 0.2s;
619    --animation-speed-medium: 0.15s;
620    --animation-easing: ease-in-out;
621    --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
622    --drawer-animation-speed: 0.2s;
623    --animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
624    --animation-values: var(--animation-speed) var(--animation-easing);
625    --animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
626    --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
627    --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
628    --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
629    --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
630    --animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
631    --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
632    --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
633    /* Spring definitions suffixed with perceptual duration (d<ms>) and bounce (b<%>)*/
634    --spring-d300-b0-easing: linear(0, 0.0033 0.81%, 0.027 2.42%, 0.0916 4.84%, 0.4745 15.32%, 0.6422 20.97%, 0.7175, 0.7789, 0.8283 30.64%, 0.876, 0.9111 38.71%, 0.941, 0.9611 48.39%, 0.9707, 0.978 54.84%, 0.9885 62.1%, 0.9949 70.97%, 0.9982 82.26%, 0.9997 100%);
635    --spring-d300-b0-duration: 0.4980s;
636    --spring-d280-b0-easing: linear(0, 0.0044, 0.0164 1.85%, 0.085 4.63%, 0.4571 14.81%, 0.575 18.52%, 0.6505, 0.7148 24.07%, 0.7849, 0.8393, 0.8809 35.18%, 0.9189, 0.9453 44.44%, 0.9662, 0.9793 55.55%, 0.9894 62.95%, 0.995 71.28%, 0.9982 82.39%, 0.9997 99.98%);
637    --spring-d280-b0-duration: 0.4648s;
638    --spring-d260-b0-easing: linear(0, 0.0058, 0.0216 2.15%, 0.0748 4.29%, 0.4646 15.03%, 0.5673, 0.655, 0.7279, 0.7872, 0.8349, 0.8727 34.36%, 0.9107, 0.9379 42.95%, 0.9609 48.31%, 0.9778 54.76%, 0.9887 62.27%, 0.9948 70.86%, 0.9983 82.67%, 0.9997 99.85%);
639    --spring-d260-b0-duration: 0.4316s;
640    --spring-d220-b0-easing: linear(
641      0,
642      0.0093 1.37%,
643      0.0696 4.12%,
644      0.4667 15.09%,
645      0.6322 20.58%,
646      0.6986 23.32%,
647      0.7793 27.44%,
648      0.8219 30.18%,
649      0.8721,
650      0.9089 38.42%,
651      0.9427,
652      0.9644,
653      0.978 54.88%,
654      0.9881 61.74%,
655      0.9944 69.97%,
656      0.998 80.95%,
657      0.9996 98.78%
658    );
659    --spring-d220-b0-duration: 0.3818s;
660    --spring-d180-b0-easing: linear(0, 0.0234, 0.0805 4.48%, 0.4865 15.68%, 0.6211 20.16%, 0.7696 26.88%, 0.8064 29.12%, 0.8646, 0.9063, 0.9358, 0.9563 47.04%, 0.9757, 0.9867 60.48%, 0.9941 69.44%, 0.9979 80.64%, 0.9996 98.56%);
661    --spring-d180-b0-duration: 0.2988s;
662
663    /* View transitions */
664    /* View transition old */
665    --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;
666
667    /* View transition new */
668    --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;
669
670    /* Focus */
671    --focus-outline-width: 0.09375rem;
672    --focus-outline-offset: 0.2em;
673
674    /* Badges */
675    --badge-blob-padding-block: 1px;
676    --badge-blob-padding-inline: 12px 8px;
677    --badge-rectangle-padding-block: 1px;
678    --badge-rectangle-padding-inline: 6px;
679    @media screen and (min-width: 750px) {
680      --badge-blob-padding-block: 4px;
681      --badge-blob-padding-inline: 16px 12px;
682      --badge-rectangle-padding-block: 4px;
683      --badge-rectangle-padding-inline: 10px;
684    }
685
686    /* Icons */
687    --icon-size-2xs: 0.6rem;
688    --icon-size-xs: 0.85rem;
689    --icon-size-sm: 1.25rem;
690    --icon-size-md: 1.375rem;
691    --icon-size-lg: 1.5rem;
692    --icon-stroke-width: 1.5px;
693
694    /* Input */
695    --input-email-min-width: 200px;
696    --input-search-max-width: 650px;
697    --input-padding-y: 0.8rem;
698    --input-padding-x: 0.8rem;
699    --input-padding: var(--input-padding-y) var(--input-padding-x);
700    --input-box-shadow-width: var(--style-border-width-inputs);
701    --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
702    --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
703    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
704    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
705    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
706    --input-textarea-min-height: 55px;
707
708    /* Checkbox */
709    --checkbox-size: 22px;
710    --checkbox-border-radius: 7px;
711    --checkbox-border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55));
712    --checkbox-label-padding: 8px;
713
714    @media screen and (min-width: 750px) {
715      --checkbox-size: 16px;
716      --checkbox-border-radius: 5px;
717      --checkbox-label-padding: 6px;
718    }
719
720    /* Button size */
721    --button-size-sm: 30px;
722    --button-size-md: 36px;
723    --button-size: var(--minimum-touch-target);
724    --button-padding-inline: 24px;
725    --button-padding-block: 16px;
726
727    /* Button font-family */
728    --button-font-family-primary: var(--font-body--family);
729    --button-font-family-secondary: var(--font-body--family);
730
731    /* Button text case */
732    --button-text-case: ;
733    --button-text-case-primary: uppercase;
734    --button-text-case-secondary: uppercase;
735
736    /* Borders */
737    --border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
738    --border-width-sm: 1px;
739    --border-width-md: 2px;
740    --border-width-lg: 5px;
741    --border-radius-sm: 0.25rem;
742
743    /* Drawers */
744    --drawer-inline-padding: 25px;
745    --drawer-menu-inline-padding: 2.5rem;
746    --drawer-header-block-padding: 20px;
747    --drawer-content-block-padding: 10px;
748    --drawer-header-desktop-top: 0rem;
749    --drawer-padding: calc(var(--padding-sm) + 7px);
750    --drawer-height: 100dvh;
751    --drawer-width: 95vw;
752    --drawer-max-width: 500px;
753
754    /* Variant Picker Swatches */
755    --variant-picker-swatch-width-unitless: 34;
756    --variant-picker-swatch-height-unitless: 34;
757    --variant-picker-swatch-width: 34px;
758    --variant-picker-swatch-height: 34px;
759    --variant-picker-swatch-radius: 32px;
760    --variant-picker-border-width: 1px;
761    --variant-picker-border-style: solid;
762    --variant-picker-border-opacity: 10%;
763
764    /* Variant Picker Buttons */
765    --variant-picker-button-radius: 14px;
766    --variant-picker-button-border-width: 1px;
767
768    /* Slideshow */
769    --slideshow-controls-size: 3.5rem;
770    --slideshow-controls-icon: 2rem;
771    --peek-next-slide-size: 3rem;
772
773    /* Utilities */
774    --backdrop-opacity: 0.15;
775    --backdrop-color-rgb: var(--color-shadow-rgb);
776    --minimum-touch-target: 44px;
777    --disabled-opacity: 0.5;
778    --skeleton-opacity: 0.025;
779
780    /* Shapes */
781    --shape--circle: circle(50% at center);
782    --shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%);
783    --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
784    --shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883
784% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%);
785
786    /* Buy buttons */
787    --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));
788
789    /* Card image width and height variables */
790    --card-width-small: 10rem;
791
792    --height-small: 10rem;
793    --height-medium: 11.5rem;
794    --height-large: 13rem;
795    --height-full: 100vh;
796
797    @media screen and (min-width: 750px) {
798      --height-small: 17.5rem;
799      --height-medium: 21.25rem;
800      --height-large: 25rem;
801    }
802
803    /* Modal */
804    --modal-max-height: 65dvh;
805    --quick-add-modal-height: min(38.5rem, 96vh);
806    --quick-add-modal-width: min(54rem, 96vw);
807    --quick-add-modal-gallery-width: 24rem;
808
809    /* Card styles for search */
810    --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
811    --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
812    --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));
813
814    /* Cart */
815    --cart-primary-font-family: var(--font-body--family);
816    --cart-primary-font-style: var(--font-body--style);
817    --cart-primary-font-weight: var(--font-body--weight);
818    --cart-secondary-font-family: var(--font-secondary--family);
819    --cart-secondary-font-style: var(--font-secondary--style);
820    --cart-secondary-font-weight: var(--font-secondary--weight);
821  }
822</style>
823
824
825<style data-shopify>
826  
827    
828      :root,
829    
830    
831    
832    .color-scheme-1 {
833        --color-background: rgb(255 255 255 / 1.0);
834        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
835        --color-background-rgb: 255 255 255;
836        --opacity-5-15: 0.05;
837        --opacity-10-25: 0.1;
838        --opacity-35-55: 0.35;
839        --opacity-40-60: 0.4;
840        --opacity-30-60: 0.3;
841        --color-foreground: rgb(0 0 0 / 0.81);
842        --color-foreground-rgb: 0 0 0;
843        --color-foreground-heading: rgb(0 0 0 / 1.0);
844        --color-foreground-heading-rgb: 0 0 0;
845        --color-primary: rgb(0 0 0 / 0.81);
846        --color-primary-rgb: 0 0 0;
847        --color-primary-hover: rgb(0 0 0 / 1.0);
848        --color-primary-hover-rgb: 0 0 0;
849        --color-border: rgb(0 0 0 / 0.06);
850        --color-border-rgb: 0 0 0;
851        --color-shadow: rgb(0 0 0 / 1.0);
852        --color-shadow-rgb: 0 0 0;
853        --color-primary-button-text: rgb(0 0 0 / 1.0);
854        --color-primary-button-background: rgb(237 232 208 / 1.0);
855        --color-primary-button-border: rgb(0 0 0 / 1.0);
856        --color-primary-button-hover-text: rgb(0 0 0 / 1.0);
857        --color-primary-button-hover-background: rgb(246 237 186 / 1.0);
858        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
859        --color-secondary-button-text: rgb(0 0 0 / 1.0);
860        --color-secondary-button-background: rgb(0 0 0 / 0.0);
861        --color-secondary-button-border: rgb(0 0 0 / 1.0);
862        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
863        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
864        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
865        --color-input-background: rgb(255 255 255 / 0.78);
866        --color-input-text: rgb(51 51 51 / 1.0);
867        --color-input-text-rgb: 51 51 51;
868        --color-input-border: rgb(223 223 223 / 1.0);
869        --color-input-hover-background: rgb(0 0 0 / 0.01);
870        --color-variant-background: rgb(255 255 255 / 1.0);
871        --color-variant-border: rgb(0 0 0 / 0.13);
872        --color-variant-text: rgb(0 0 0 / 1.0);
873        --color-variant-text-rgb: 0 0 0;
874        --color-variant-hover-background: rgb(245 245 245 / 1.0);
875        --color-variant-hover-text: rgb(0 0 0 / 1.0);
876        --color-variant-hover-border: rgb(230 230 230 / 1.0);
877        --color-selected-variant-background: rgb(0 0 0 / 1.0);
878        --color-selected-variant-border: rgb(0 0 0 / 1.0);
879        --color-selected-variant-text: rgb(255 255 255 / 1.0);
880        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
881        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
882        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
883
884        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
885        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
886        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
887        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
888        --font-h1--color: var(--color-foreground-heading);
889        --font-h2--color: var(--color-foreground-heading);
890        --font-h3--color: var(--color-foreground-heading);
891        --font-h4--color: var(--color-foreground-heading);
892        --font-h5--color: var(--color-foreground-heading);
893        --font-h6--color: var(--color-foreground-heading);
894
895        /* Shadows */
896        
897          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
898        
899        
900          --shadow-blur: 20px;
901          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
902        
903      }
904  
905    
906    
907    
908    .color-scheme-2 {
909        --color-background: rgb(245 245 245 / 1.0);
910        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
911        --color-background-rgb: 245 245 245;
912        --opacity-5-15: 0.05;
913        --opacity-10-25: 0.1;
914        --opacity-35-55: 0.35;
915        --opacity-40-60: 0.4;
916        --opacity-30-60: 0.3;
917        --color-foreground: rgb(0 0 0 / 0.81);
918        --color-foreground-rgb: 0 0 0;
919        --color-foreground-heading: rgb(0 0 0 / 1.0);
920        --color-foreground-heading-rgb: 0 0 0;
921        --color-primary: rgb(0 0 0 / 0.81);
922        --color-primary-rgb: 0 0 0;
923        --color-primary-hover: rgb(255 255 255 / 1.0);
924        --color-primary-hover-rgb: 255 255 255;
925        --color-border: rgb(223 223 223 / 1.0);
926        --color-border-rgb: 223 223 223;
927        --color-shadow: rgb(0 0 0 / 1.0);
928        --color-shadow-rgb: 0 0 0;
929        --color-primary-button-text: rgb(255 255 255 / 1.0);
930        --color-primary-button-background: rgb(0 0 0 / 1.0);
931        --color-primary-button-border: rgb(0 0 0 / 1.0);
932        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
933        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
934        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
935        --color-secondary-button-text: rgb(0 0 0 / 1.0);
936        --color-secondary-button-background: rgb(0 0 0 / 0.0);
937        --color-secondary-button-border: rgb(0 0 0 / 1.0);
938        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
939        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
940        --color-secondary-button-hover-border: rgb(51 51 51 / 0.73);
941        --color-input-background: rgb(0 0 0 / 0.0);
942        --color-input-text: rgb(0 0 0 / 0.53);
943        --color-input-text-rgb: 0 0 0;
944        --color-input-border: rgb(0 0 0 / 0.13);
945        --color-input-hover-background: rgb(255 255 255 / 0.36);
946        --color-variant-background: rgb(255 255 255 / 1.0);
947        --color-variant-border: rgb(230 230 230 / 1.0);
948        --color-variant-text: rgb(0 0 0 / 1.0);
949        --color-variant-text-rgb: 0 0 0;
950        --color-variant-hover-background: rgb(245 245 245 / 1.0);
951        --color-variant-hover-text: rgb(0 0 0 / 1.0);
952        --color-variant-hover-border: rgb(230 230 230 / 1.0);
953        --color-selected-variant-background: rgb(0 0 0 / 1.0);
954        --color-selected-variant-border: rgb(0 0 0 / 1.0);
955        --color-selected-variant-text: rgb(255 255 255 / 1.0);
956        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
957        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
958        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
959
960        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
961        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
962        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
963        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
964        --font-h1--color: var(--color-foreground-heading);
965        --font-h2--color: var(--color-foreground-heading);
966        --font-h3--color: var(--color-foreground-heading);
967        --font-h4--color: var(--color-foreground-heading);
968        --font-h5--color: var(--color-foreground-heading);
969        --font-h6--color: var(--color-foreground-heading);
970
971        /* Shadows */
972        
973          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
974        
975        
976          --shadow-blur: 20px;
977          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
978        
979      }
980  
981    
982    
983    
984    .color-scheme-3 {
985        --color-background: rgb(238 241 234 / 1.0);
986        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
987        --color-background-rgb: 238 241 234;
988        --opacity-5-15: 0.05;
989        --opacity-10-25: 0.1;
990        --opacity-35-55: 0.35;
991        --opacity-40-60: 0.4;
992        --opacity-30-60: 0.3;
993        --color-foreground: rgb(0 0 0 / 0.81);
994        --color-foreground-rgb: 0 0 0;
995        --color-foreground-heading: rgb(0 0 0 / 1.0);
996        --color-foreground-heading-rgb: 0 0 0;
997        --color-primary: rgb(0 0 0 / 0.81);
998        --color-primary-rgb: 0 0 0;
999        --color-primary-hover: rgb(0 0 0 / 1.0);
1000        --color-primary-hover-rgb: 0 0 0;
1001        --color-border: rgb(0 0 0 / 0.81);
1002        --color-border-rgb: 0 0 0;
1003        --color-shadow: rgb(0 0 0 / 1.0);
1004        --color-shadow-rgb: 0 0 0;
1005        --color-primary-button-text: rgb(255 255 255 / 1.0);
1006        --color-primary-button-background: rgb(0 0 0 / 1.0);
1007        --color-primary-button-border: rgb(0 0 0 / 1.0);
1008        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1009        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
1010        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
1011        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1012        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1013        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1014        --color-secondary-button-hover-text: rgb(0 0 0 / 0.81);
1015        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
1016        --color-secondary-button-hover-border: rgb(0 0 0 / 0.81);
1017        --color-input-background: rgb(0 0 0 / 0.0);
1018        --color-input-text: rgb(0 0 0 / 0.81);
1019        --color-input-text-rgb: 0 0 0;
1020        --color-input-border: rgb(0 0 0 / 0.81);
1021        --color-input-hover-background: rgb(255 255 255 / 0.36);
1022        --color-variant-background: rgb(255 255 255 / 1.0);
1023        --color-variant-border: rgb(230 230 230 / 1.0);
1024        --color-variant-text: rgb(0 0 0 / 1.0);
1025        --color-variant-text-rgb: 0 0 0;
1026        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1027        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1028        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1029        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1030        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1031        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1032        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1033        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1034        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1035
1036        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1037        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1038        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1039        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1040        --font-h1--color: var(--color-foreground-heading);
1041        --font-h2--color: var(--color-foreground-heading);
1042        --font-h3--color: var(--color-foreground-heading);
1043        --font-h4--color: var(--color-foreground-heading);
1044        --font-h5--color: var(--color-foreground-heading);
1045        --font-h6--color: var(--color-foreground-heading);
1046
1047        /* Shadows */
1048        
1049          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1050        
1051        
1052          --shadow-blur: 20px;
1053          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1054        
1055      }
1056  
1057    
1058    
1059    
1060    .color-scheme-4 {
1061        --color-background: rgb(225 237 245 / 1.0);
1062        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1063        --color-background-rgb: 225 237 245;
1064        --opacity-5-15: 0.05;
1065        --opacity-10-25: 0.1;
1066        --opacity-35-55: 0.35;
1067        --opacity-40-60: 0.4;
1068        --opacity-30-60: 0.3;
1069        --color-foreground: rgb(0 0 0 / 0.81);
1070        --color-foreground-rgb: 0 0 0;
1071        --color-foreground-heading: rgb(0 0 0 / 1.0);
1072        --color-foreground-heading-rgb: 0 0 0;
1073        --color-primary: rgb(0 0 0 / 0.81);
1074        --color-primary-rgb: 0 0 0;
1075        --color-primary-hover: rgb(0 0 0 / 1.0);
1076        --color-primary-hover-rgb: 0 0 0;
1077        --color-border: rgb(29 54 134 / 0.5);
1078        --color-border-rgb: 29 54 134;
1079        --color-shadow: rgb(0 0 0 / 1.0);
1080        --color-shadow-rgb: 0 0 0;
1081        --color-primary-button-text: rgb(255 255 255 / 1.0);
1082        --color-primary-button-background: rgb(0 0 0 / 1.0);
1083        --color-primary-button-border: rgb(29 54 134 / 1.0);
1084        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1085        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
1086        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1087        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1088        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1089        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1090        --color-secondary-button-hover-text: rgb(0 0 0 / 0.81);
1091        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
1092        --color-secondary-button-hover-border: rgb(0 0 0 / 0.81);
1093        --color-input-background: rgb(0 0 0 / 0.0);
1094        --color-input-text: rgb(0 0 0 / 0.81);
1095        --color-input-text-rgb: 0 0 0;
1096        --color-input-border: rgb(0 0 0 / 0.81);
1097        --color-input-hover-background: rgb(255 255 255 / 0.36);
1098        --color-variant-background: rgb(255 255 255 / 1.0);
1099        --color-variant-border: rgb(230 230 230 / 1.0);
1100        --color-variant-text: rgb(0 0 0 / 1.0);
1101        --color-variant-text-rgb: 0 0 0;
1102        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1103        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1104        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1105        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1106        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1107        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1108        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1109        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1110        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1111
1112        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1113        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1114        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1115        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1116        --font-h1--color: var(--color-foreground-heading);
1117        --font-h2--color: var(--color-foreground-heading);
1118        --font-h3--color: var(--color-foreground-heading);
1119        --font-h4--color: var(--color-foreground-heading);
1120        --font-h5--color: var(--color-foreground-heading);
1121        --font-h6--color: var(--color-foreground-heading);
1122
1123        /* Shadows */
1124        
1125          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1126        
1127        
1128          --shadow-blur: 20px;
1129          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1130        
1131      }
1132  
1133    
1134    
1135    
1136    .color-scheme-5 {
1137        --color-background: rgb(0 0 0 / 1.0);
1138        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1139        --color-background-rgb: 0 0 0;
1140        --opacity-5-15: 0.15;
1141        --opacity-10-25: 0.25;
1142        --opacity-35-55: 0.55;
1143        --opacity-40-60: 0.6;
1144        --opacity-30-60: 0.6;
1145        --color-foreground: rgb(255 255 255 / 1.0);
1146        --color-foreground-rgb: 255 255 255;
1147        --color-foreground-heading: rgb(255 255 255 / 1.0);
1148        --color-foreground-heading-rgb: 255 255 255;
1149        --color-primary: rgb(255 255 255 / 1.0);
1150        --color-primary-rgb: 255 255 255;
1151        --color-primary-hover: rgb(255 255 255 / 0.69);
1152        --color-primary-hover-rgb: 255 255 255;
1153        --color-border: rgb(255 255 255 / 0.69);
1154        --color-border-rgb: 255 255 255;
1155        --color-shadow: rgb(0 0 0 / 1.0);
1156        --color-shadow-rgb: 0 0 0;
1157        --color-primary-button-text: rgb(0 0 0 / 1.0);
1158        --color-primary-button-background: rgb(255 255 255 / 1.0);
1159        --color-primary-button-border: rgb(255 255 255 / 1.0);
1160        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1161        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
1162        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1163        --color-secondary-button-text: rgb(255 255 255 / 1.0);
1164        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1165        --color-secondary-button-border: rgb(255 255 255 / 0.69);
1166        --color-secondary-button-hover-text: rgb(255 255 255 / 0.93);
1167        --color-secondary-button-hover-background: rgb(255 255 255 / 0.04);
1168        --color-secondary-button-hover-border: rgb(255 255 255 / 0.69);
1169        --color-input-background: rgb(51 51 51 / 1.0);
1170        --color-input-text: rgb(255 255 255 / 0.93);
1171        --color-input-text-rgb: 255 255 255;
1172        --color-input-border: rgb(255 255 255 / 0.69);
1173        --color-input-hover-background: rgb(255 255 255 / 0.04);
1174        --color-variant-background: rgb(255 255 255 / 1.0);
1175        --color-variant-border: rgb(230 230 230 / 1.0);
1176        --color-variant-text: rgb(0 0 0 / 1.0);
1177        --color-variant-text-rgb: 0 0 0;
1178        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1179        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1180        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1181        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1182        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1183        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1184        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1185        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1186        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1187
1188        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1189        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1190        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1191        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1192        --font-h1--color: var(--color-foreground-heading);
1193        --font-h2--color: var(--color-foreground-heading);
1194        --font-h3--color: var(--color-foreground-heading);
1195        --font-h4--color: var(--color-foreground-heading);
1196        --font-h5--color: var(--color-foreground-heading);
1197        --font-h6--color: var(--color-foreground-heading);
1198
1199        /* Shadows */
1200        
1201          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1202        
1203        
1204          --shadow-blur: 20px;
1205          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1206        
1207      }
1208  
1209    
1210    
1211    
1212    .color-scheme-6 {
1213        --color-background: rgb(0 0 0 / 0.0);
1214        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1215        --color-background-rgb: 0 0 0;
1216        --opacity-5-15: 0.15;
1217        --opacity-10-25: 0.25;
1218        --opacity-35-55: 0.55;
1219        --opacity-40-60: 0.6;
1220        --opacity-30-60: 0.6;
1221        --color-foreground: rgb(255 255 255 / 1.0);
1222        --color-foreground-rgb: 255 255 255;
1223        --color-foreground-heading: rgb(255 255 255 / 1.0);
1224        --color-foreground-heading-rgb: 255 255 255;
1225        --color-primary: rgb(255 255 255 / 1.0);
1226        --color-primary-rgb: 255 255 255;
1227        --color-primary-hover: rgb(255 255 255 / 0.69);
1228        --color-primary-hover-rgb: 255 255 255;
1229        --color-border: rgb(230 230 230 / 1.0);
1230        --color-border-rgb: 230 230 230;
1231        --color-shadow: rgb(0 0 0 / 1.0);
1232        --color-shadow-rgb: 0 0 0;
1233        --color-primary-button-text: rgb(0 0 0 / 1.0);
1234        --color-primary-button-background: rgb(255 255 255 / 1.0);
1235        --color-primary-button-border: rgb(255 255 255 / 1.0);
1236        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1237        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
1238        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1239        --color-secondary-button-text: rgb(255 255 255 / 1.0);
1240     
1240   --color-secondary-button-background: rgb(0 0 0 / 0.0);
1241        --color-secondary-button-border: rgb(255 255 255 / 1.0);
1242        --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
1243        --color-secondary-button-hover-background: rgb(255 255 255 / 0.08);
1244        --color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
1245        --color-input-background: rgb(255 255 255 / 1.0);
1246        --color-input-text: rgb(0 0 0 / 0.53);
1247        --color-input-text-rgb: 0 0 0;
1248        --color-input-border: rgb(0 0 0 / 0.13);
1249        --color-input-hover-background: rgb(250 250 250 / 1.0);
1250        --color-variant-background: rgb(255 255 255 / 1.0);
1251        --color-variant-border: rgb(230 230 230 / 1.0);
1252        --color-variant-text: rgb(0 0 0 / 1.0);
1253        --color-variant-text-rgb: 0 0 0;
1254        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1255        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1256        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1257        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1258        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1259        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1260        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1261        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1262        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1263
1264        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1265        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1266        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1267        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1268        --font-h1--color: var(--color-foreground-heading);
1269        --font-h2--color: var(--color-foreground-heading);
1270        --font-h3--color: var(--color-foreground-heading);
1271        --font-h4--color: var(--color-foreground-heading);
1272        --font-h5--color: var(--color-foreground-heading);
1273        --font-h6--color: var(--color-foreground-heading);
1274
1275        /* Shadows */
1276        
1277          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1278        
1279        
1280          --shadow-blur: 20px;
1281          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1282        
1283      }
1284  
1285    
1286    
1287    
1288    .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 {
1289        --color-background: rgb(0 0 0 / 0.0);
1290        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1291        --color-background-rgb: 0 0 0;
1292        --opacity-5-15: 0.15;
1293        --opacity-10-25: 0.25;
1294        --opacity-35-55: 0.55;
1295        --opacity-40-60: 0.6;
1296        --opacity-30-60: 0.6;
1297        --color-foreground: rgb(0 0 0 / 1.0);
1298        --color-foreground-rgb: 0 0 0;
1299        --color-foreground-heading: rgb(0 0 0 / 1.0);
1300        --color-foreground-heading-rgb: 0 0 0;
1301        --color-primary: rgb(0 0 0 / 1.0);
1302        --color-primary-rgb: 0 0 0;
1303        --color-primary-hover: rgb(0 0 0 / 0.53);
1304        --color-primary-hover-rgb: 0 0 0;
1305        --color-border: rgb(230 230 230 / 1.0);
1306        --color-border-rgb: 230 230 230;
1307        --color-shadow: rgb(0 0 0 / 1.0);
1308        --color-shadow-rgb: 0 0 0;
1309        --color-primary-button-text: rgb(255 255 255 / 1.0);
1310        --color-primary-button-background: rgb(0 0 0 / 1.0);
1311        --color-primary-button-border: rgb(0 0 0 / 1.0);
1312        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1313        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
1314        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
1315        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1316        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1317        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1318        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
1319        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
1320        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
1321        --color-input-background: rgb(255 255 255 / 1.0);
1322        --color-input-text: rgb(0 0 0 / 0.53);
1323        --color-input-text-rgb: 0 0 0;
1324        --color-input-border: rgb(0 0 0 / 0.13);
1325        --color-input-hover-background: rgb(250 250 250 / 1.0);
1326        --color-variant-background: rgb(255 255 255 / 1.0);
1327        --color-variant-border: rgb(230 230 230 / 1.0);
1328        --color-variant-text: rgb(0 0 0 / 1.0);
1329        --color-variant-text-rgb: 0 0 0;
1330        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1331        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1332        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1333        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1334        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1335        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1336        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1337        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1338        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1339
1340        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1341        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1342        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1343        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1344        --font-h1--color: var(--color-foreground-heading);
1345        --font-h2--color: var(--color-foreground-heading);
1346        --font-h3--color: var(--color-foreground-heading);
1347        --font-h4--color: var(--color-foreground-heading);
1348        --font-h5--color: var(--color-foreground-heading);
1349        --font-h6--color: var(--color-foreground-heading);
1350
1351        /* Shadows */
1352        
1353          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1354        
1355        
1356          --shadow-blur: 20px;
1357          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1358        
1359      }
1360  
1361    
1362    
1363    
1364    .color-scheme-dea7c053-c79d-4b8e-9abb-7c1f0f8ddc3d {
1365        --color-background: rgb(246 237 186 / 1.0);
1366        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1367        --color-background-rgb: 246 237 186;
1368        --opacity-5-15: 0.05;
1369        --opacity-10-25: 0.1;
1370        --opacity-35-55: 0.35;
1371        --opacity-40-60: 0.4;
1372        --opacity-30-60: 0.3;
1373        --color-foreground: rgb(0 0 0 / 0.81);
1374        --color-foreground-rgb: 0 0 0;
1375        --color-foreground-heading: rgb(0 0 0 / 1.0);
1376        --color-foreground-heading-rgb: 0 0 0;
1377        --color-primary: rgb(0 0 0 / 0.81);
1378        --color-primary-rgb: 0 0 0;
1379        --color-primary-hover: rgb(0 0 0 / 1.0);
1380        --color-primary-hover-rgb: 0 0 0;
1381        --color-border: rgb(0 0 0 / 0.06);
1382        --color-border-rgb: 0 0 0;
1383        --color-shadow: rgb(0 0 0 / 1.0);
1384        --color-shadow-rgb: 0 0 0;
1385        --color-primary-button-text: rgb(255 255 255 / 1.0);
1386        --color-primary-button-background: rgb(0 0 0 / 1.0);
1387        --color-primary-button-border: rgb(0 0 0 / 1.0);
1388        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1389        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
1390        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1391        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1392        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1393        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1394        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
1395        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
1396        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
1397        --color-input-background: rgb(255 255 255 / 0.78);
1398        --color-input-text: rgb(51 51 51 / 1.0);
1399        --color-input-text-rgb: 51 51 51;
1400        --color-input-border: rgb(223 223 223 / 1.0);
1401        --color-input-hover-background: rgb(0 0 0 / 0.01);
1402        --color-variant-background: rgb(255 255 255 / 1.0);
1403        --color-variant-border: rgb(0 0 0 / 0.13);
1404        --color-variant-text: rgb(0 0 0 / 1.0);
1405        --color-variant-text-rgb: 0 0 0;
1406        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1407        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1408        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1409        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1410        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1411        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1412        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1413        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1414        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1415
1416        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1417        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1418        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1419        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1420        --font-h1--color: var(--color-foreground-heading);
1421        --font-h2--color: var(--color-foreground-heading);
1422        --font-h3--color: var(--color-foreground-heading);
1423        --font-h4--color: var(--color-foreground-heading);
1424        --font-h5--color: var(--color-foreground-heading);
1425        --font-h6--color: var(--color-foreground-heading);
1426
1427        /* Shadows */
1428        
1429          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1430        
1431        
1432          --shadow-blur: 20px;
1433          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1434        
1435      }
1436  
1437
1438  body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7, .color-scheme-dea7c053-c79d-4b8e-9abb-7c1f0f8ddc3d {
1439    color: var(--color-foreground);
1440    background-color: var(--color-background);
1441  }
1442</style>
1443
1444
1445    
1445<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
1445<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/35551084679/digital_wallets/dialog">
1446<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
1446<script async="async" src="/checkouts/internal/preloads.js?locale=en-MY"></script>
vendor: 1 bytes, line 1446
1446
1447<script id="shopify-features" type="application/json">{"accessToken":"1d49e95993814e742590f178c9d38434","betas":["rich-media-storefront-analytics"],"domain":"kaylabatikdesign.com","predictiveSearch":true,"shopId":35551084679,"locale":"en"}</script>
vendor: 1 bytes, line 1447
1447
1448<script>var Shopify = Shopify || {};
1449Shopify.shop = "kayla-kids-design.myshopify.com";
1450Shopify.locale = "en";
1451Shopify.currency = {"active":"MYR","rate":"1.0"};
1452Shopify.country = "MY";
1453Shopify.theme = {"name":"Horizon","id":150385000583,"schema_name":"Horizon","schema_version":"3.5.1","theme_store_id":2481,"role":"main"};
1454Shopify.theme.handle = "null";
1455Shopify.theme.style = {"id":null,"handle":null};
1456Shopify.cdnHost = "kaylabatikdesign.com/cdn";
1457Shopify.routes = Shopify.routes || {};
1458Shopify.routes.root = "/";
1459Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
1460Shopify.SignInWithShop = Shopify.SignInWithShop || {};
1461Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
1462Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1462
1462
1463<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1463
1463
1464<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 1464
1464
1465<script>
1466  window.Shopify = window.Shopify || {};
1467  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
1468  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
1469  window.Shopify.SignInWithShop.eligible = true;
1470</script>
vendor: 1 bytes, line 1470
1470
1471<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
vendor: 1 bytes, line 1471
1471
1472<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 1472
1472
1473<script type="module">
1474  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
1475
1476  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
1477
1478</script>
vendor: 1 bytes, line 1478
1478
1479<script>
1480  window.Shopify = window.Shopify || {};
1481  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
1482  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"]};
1483</script>
vendor: 1 bytes, line 1483
1483
1484<script id="__st">var __st={"a":35551084679,"offset":28800,"reqid":"6d719f9a-75d3-4c22-b373-ee2c72aae669-1791313639","pageurl":"kaylabatikdesign.com\/","u":"e0964497d0d2","p":"home"};</script>
vendor: 1 bytes, line 1484
1484
1485<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1485
1485
1486<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 1486
1486
1487<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//kaylabatikdesign.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1487
1487
1488<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 = "//kaylabatikdesign.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>
1488<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 1488
1488
1489<script>
1490  window.Shopify = window.Shopify || {};
1491  window.Shopify.MCP = window.Shopify.MCP || {};
1492  window.Shopify.MCP.enabled = true;
1493  window.Shopify.MCP.shop = "kayla-kids-design.myshopify.com";
1494  window.Shopify.MCP.mcpEndpoint = "https:\/\/kaylabatikdesign.com\/api\/mcp";
1495  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?\"\nSet policy_types to also get the store's written policies (full text and URL).\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."},"policy_types":{"type":"array","items":{"type":"string","enum":["refund","shipping","privacy","terms_of_service","terms_of_sale","subscription","legal_notice","contact"]},"description":"Policy kinds to fetch, chosen from the user's question — e.g. [\"refund\"] for returns\/exchanges\/damaged items, [\"contact\"] for phone\/hours\/address. Include every kind the question touches. Omit it to get only FAQ answers."}},"required":["query"]}}];
1496</script>
vendor: 1 bytes, line 1496
1496
1497<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("\/\/kaylabatikdesign.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
1498</script>
vendor: 1 bytes, line 1498
1498
1499<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://kaylabatikdesign.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
1500</script>
vendor: 1 bytes, line 1500
1500
1501<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
1502  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);
1503</script>
vendor: 1 bytes, line 1503
1503
1504<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})}}));
1505</script>
1505
1506<link rel="compression-dictionary" href="//kaylabatikdesign.com/cdn/shop/t/5/compiled_assets/styles.css?v=95932448877009710551781018678" crossorigin="anonymous">
1507<link rel="stylesheet" media="screen" href="//kaylabatikdesign.com/cdn/shop/t/5/compiled_assets/styles.css?v=95932448877009710551781018678&subset=ABaAAEAAAAAwAIAAAAgpAGAgcArAAYAgEDEuCCA" crossorigin="anonymous">
1508<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1508
1509    
1510  <!-- BEGIN app block: shopify://apps/shinebuilder/blocks/shinepage-scripts/78f044cf-2e4d-45e3-89fd-ff04c1a581b8 -->
1511
1512
1513
1514
1515    <link href="//cdn.shopify.com/extensions/01a100e4-a5ff-7560-9281-46be343b19ff/shine-page-264/assets/flickity.min.css" rel="stylesheet" type="text/css" media="all" />
1516    <link href="//cdn.shopify.com/extensions/01a100e4-a5ff-7560-9281-46be343b19ff/shine-page-264/assets/photoswipe.css" rel="stylesheet" type="text/css" media="all" />
1517
1518
1519
1520
1521
1522
1523    <style id="sp-animations">
1524        :root {
1525        --sp-animation-duration: 0.6s;
1526        --sp-animation-delay: 0.75s;
1527        --sp-image-hover-duration: 0.35s;
1528        
1529        }
1530    </style>
1531
1532
1533
1534    
1535    
1536    
1537
1538    <style id="sp-global-layout">
1539        :root {
1540         --sp-container-desktop-width: 1200px;
1541         --sp-container-tablet-width: 700px;
1542         --sp-container-mobile-width: 600px;
1543         --sp-container-desktop-padding: 15.0px;
1544         --sp-container-tablet-padding: 15.0px;
1545         --sp-container-mobile-padding: 15.0px;
1546         --sp-column-desktop-padding: 15.0px;
1547         --sp-column-tablet-padding: 15.0px;
1548         --sp-column-mobile-padding: 15.0px;
1549         --sp-section-top-padding: 10rem;
1550            --sp-section-bottom-padding: 10rem;
1551            --sp-section-heading-width: 65rem;
1552            --sp-heading-font-family: initial;
1553            --sp-heading-font-weight: normal;
1554            --sp-heading-font-style: normal;
1555            --sp-heading-line-height: normal;
1556            --sp-heading-letter-spacing: normal;
1557            --sp-heading-spacing-scale: 1;
1558            --sp-body-font-family: initial;
1559            --sp-body-font-weight: normal;
1560            --sp-body-font-style: normal;
1561            --sp-description-line-height: normal;
1562            --sp-body-letter-spacing: normal;
1563            --sp-section-heading-size: 48px;
1564            --sp-section-sub-heading-size: 12px;
1565            --sp-section-description-size: 16px;
1566            --sp-section-background-color: #FFF;
1567            --sp-section-background-gradient-color: "";
1568            --sp-section-text-color: #1e1e1e;
1569            --sp-section-text-color-rgb: 30, 30, 30;
1570            --sp-margin-scale: 0.5;
1571            --sp-font-scale: 1;
1572            --sp-column-shift: 0%;
1573            --sp-sub-heading-margin-top: 1rem;
1574            --sp-description-margin-top: 2rem;
1575            --sp-heading-margin-top: 1rem;
1576            --sp-button-margin-top: 1rem;
1577            --sp-image-aspect-ratio: 1;
1578            --sp-card-border-width: 0px;
1579            --sp-card-border-color: #eee;
1580            --sp-card-shadow-color: transparent;
1581            --sp-button-wrapper-column-gap: 10px;
1582            --sp-button-scale: 1;
1583            --sp-button-font-scale: 1;
1584            --sp-button-radius: 0px;
1585            --sp-button-border-width: 1px;
1586            --sp-button-padding-top: 0.6rem;
1587            --sp-button-padding-left: 4rem;
1588            --sp-button-font-size: 1.4rem;
1589            --sp-button-text-spacing: 0px;
1590            --sp-button-background-color: #222;
1591            --sp-button-text-color: #222;
1592            --sp-button-background-gradient-color: "";
1593            --sp-content-max-width: 30%;
1594            --sp-content-spacing: 20px;
1595            --sp-animation-order: 0;
1596            --sp-ease-out-slow: cubic-bezier(0, 0, .3, 1);
1597            --sp-animation-delay: 75ms;
1598            --sp-animation-slide-in: sp-slideIn var(--sp-animation-duration) var(--sp-ease-out-slow) forwards;
1599            --sp-slideshow-progress-duration: 3s;
1600            --sp-circular-progress-stroke-width: 1;
1601            --sp-slideshow-progress-play-state: running;
1602            --sp-slideshow-pagination-background-radius: 20px;
1603            --sp-slideshow-navigarion-width: 56px;
1604            --sp-slideshow-navigarion-icon-width: 14px;
1605            --sp-navigation-border-width: 1.5px;
1606            --sp-slideshow-navigarion-border-radius: 50%;
1607            --sp-slideshow-content-border-radius: 30px;
1608            --sp-slideshow-content-border-size: 1px;
1609            --sp-navigation-scale: 1;
1610            --shape--blob-1: 97.686% 33.617%, 98.392% 36.152%, 98.96% 38.721%, 99.398% 41.315%, 99.712% 43.928%, 99.909% 46.552%, 99.995% 49.182%, 99.974% 51.813%, 99.852% 54.441%, 99.63% 57.063%, 99.311% 59.675%, 98.897% 62.274%, 98.389% 64.856%, 97.787% 67.417%, 97.091% 69.955%, 96.299% 72.464%, 95.411% 74.941%, 94.422% 77.379%, 93.329% 79.773%, 92.127% 82.114%, 90.812% 84.393%, 89.377% 86.598%, 87.813% 88.714%, 86.114% 90.723%, 84.272% 92.6%, 82.279% 94.317%, 80.125% 95.828%, 77.832% 97.117%, 75.423% 98.172%, 72.92% 98.983%, 70.352% 99.552%, 67.743% 99.887%, 65.115% 100%, 62.485% 99.907%, 59.869% 99.627%, 57.277% 99.176%, 54.717% 98.571%, 52.193% 97.825%, 49.711% 96.954%, 47.271% 95.967%, 44.877% 94.876%, 42.529% 93.689%, 40.227% 92.414%, 37.972% 91.058%, 35.764% 89.626%, 33.604% 88.123%, 31.491% 86.555%, 29.426% 84.924%, 27.41% 83.234%, 25.441% 81.487%, 23.522% 79.687%, 21.651% 77.836%, 19.832% 75.935%, 18.064% 73.986%, 16.35% 71.99%, 14.691% 69.947%, 13.09% 67.859%, 11.549% 65.726%, 10.073% 63.547%, 8.665% 61.324%, 7.331% 59.056%, 6.076% 56.744%, 4.907% 54.386%, 3.832% 51.984%, 2.861% 49.539%, 2.006% 47.05%, 1.28% 44.521%, .699% 41.955%, .28% 39.358%, .044% 36.738%, .014% 34.107%, .212% 31.484%, .66% 28.892%, 1.371% 26.359%, 2.338% 23.913%, 3.54% 21.574%, 4.951% 19.354%, 6.546% 17.261%, 8.3% 15.3%, 10.191% 13.471%, 12.199% 11.771%, 14.307% 10.197%, 16.502% 8.746%, 18.771% 7.414%, 21.104% 6.198%, 23.493% 5.094%, 25.93% 4.101%, 28.408% 3.217%, 30.922% 2.439%, 33.466% 1.768%, 36.036% 1.203%, 38.627% .744%, 41.235% .394%, 43.855% .152%, 46.483% .023%, 49.114% .008%, 51.744% .103%, 54.366% .315%, 56.977% .648%, 59.569% 1.1%, 62.137% 1.672%, 64.676% 2.363%, 67.179% 3.173%, 69.642% 4.101%, 72.056% 5.147%, 74.416% 6.31%, 76.715% 7.59%, 78.946% 8.985%, 81.102% 10.494%, 83.174% 12.115%, 85.156% 13.846%, 87.039% 15.684%, 88.815% 17.625%, 90.477% 19.664%, 92.017% 21.797%, 93.429% 24.017%, 94.707% 26.318%, 95.844% 28.69%, 96.838% 3
16101.126%, 97.686% 33.617%;
1611            --shape--blob-2: 85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.74%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.21%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.03%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.39% 99.942%, 60.624% 99.99%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.17%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.69%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, .846% 71.45%, .294% 68.74%, .024% 65.987%, .05% 63.221%, .343% 60.471%, .858% 57.752%, 1.548% 55.073%, 2.37% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.22%, 9.711% 31.558%, 10.409% 28.88%, 11.083% 26.196%, 11.76% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883% 6.211%, 22.041% 4.484%, 24.44% 3.11%, 26.998% 2.057%, 29.651% 1.275%, 32.36% .714%, 35.101% .337%, 37.859% .11%, 40.624% .009%, 43.391% .016%, 46.156% .113%, 48.918% .289%, 51.674% .533%, 54.425% .837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.75%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.86% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%;
1612            --shape--blob-3: 78.621% 12.736%, 80.746% 14.354%, 82.71% 16.163%, 84.52% 18.127%, 86.187% 20.215%, 87.721% 22.401%, 89.134% 24.668%, 90.437% 27%, 91.639% 29.386%, 92.748% 31.816%, 93.77% 34.284%, 94.714% 36.783%, 95.583% 39.309%, 96.382% 41.858%, 97.112% 44.428%, 97.77% 47.017%, 98.353% 49.624%, 98.858% 52.248%, 99.279% 54.886%, 99.611% 57.536%, 99.847% 60.197%, 99.977% 62.865%, 99.991% 65.537%, 99.879% 68.205%, 99.626% 70.865%, 99.217% 73.504%, 98.635% 76.111%, 97.863% 78.668%, 96.879% 81.151%, 95.683% 83.538%, 94.291% 85.818%, 92.717% 87.976%, 90.974% 89.999%, 89.075% 91.878%, 87.033% 93.599%, 84.86% 95.151%, 82.567% 96.52%, 80.167% 97.692%, 77.673% 98.647%, 75.1% 99.364%, 72.469% 99.819%, 69.805% 99.997%, 67.136% 99.893%, 64.491% 99.529%, 61.884% 98.946%, 59.324% 98.186%, 56.807% 97.29%, 54.329% 96.293%, 51.88% 95.225%, 49.451% 94.114%, 47.03% 92.984%, 44.607% 91.858%, 42.173% 90.757%, 39.719% 89.701%, 37.245% 88.695%, 34.756% 87.723%, 32.263% 86.763%, 29.775% 85.79%, 27.301% 84.782%, 24.852% 83.715%, 22.441% 82.564%, 20.085% 81.306%, 17.802% 79.919%, 15.615% 78.386%, 13.549% 76.694%, 11.627% 74.839%, 9.875% 72.824%, 8.296% 70.669%, 6.878% 68.406%, 5.612% 66.054%, 4.489% 63.63%, 3.502% 61.148%, 2.645% 58.618%, 1.914% 56.049%, 1.304% 53.448%, .812% 50.823%, .437% 48.178%, .177% 45.519%, .033% 42.852%, .004% 40.181%, .091% 37.511%, .299% 34.847%, .634% 32.197%, 1.088% 29.565%, 1.657% 26.955%, 2.344% 24.374%, 3.15% 21.827%, 4.078% 19.322%, 5.133% 16.868%, 6.321% 14.475%, 7.651% 12.159%, 9.134% 9.937%, 10.78% 7.835%, 12.604% 5.883%, 14.615% 4.127%, 16.82% 2.622%, 19.214% 1.442%, 21.758% .633%, 24.387% .168%, 27.052% .002%, 29.721% .082%, 32.378% .357%, 35.016% .781%, 37.632% 1.318%, 40.231% 1.936%, 42.817% 2.607%, 45.396% 3.304%, 47.975% 4.002%, 50.561% 4.673%, 53.163% 5.278%, 55.778% 5.822%, 58.401% 6.329%, 61.027% 6.821%, 63.65% 7.326%, 66.264% 7.878%, 68.858% 8.515%, 71.418% 9.281%, 73.919% 10.217%, 76.332% 11.362%, 78.621% 12.736%;
1613            --shape--blob-4: 80.628% 3.397%, 82.907% 4.713%, 85.051% 6.239%, 87.055% 7.945%, 88.916% 9.806%, 90.636% 11.799%, 92.213% 13.907%, 93.65% 16.112%, 94.946% 18.403%, 96.102% 20.768%, 97.115% 23.198%, 97.983% 25.683%, 98.702% 28.215%, 99.256% 30.788%, 99.652% 33.39%, 99.898% 36.011%, 99.998% 38.642%, 99.953% 41.274%, 99.765% 43.899%, 99.436% 46.511%, 98.966% 49.101%, 98.355% 51.662%, 97.602% 54.184%, 96.703% 56.658%, 95.658% 59.074%, 94.459% 61.417%, 93.104% 63.674%, 91.61% 65.841%, 89.994% 67.919%, 88.274% 69.912%, 86.469% 71.828%, 84.595% 73.677%, 82.668% 75.471%, 80.701% 77.221%, 78.709% 78.941%, 76.701% 80.644%, 74.69% 82.343%, 72.683% 84.048%, 70.68% 85.756%, 68.669% 87.455%, 66.637% 89.129%, 64.575% 90.765%, 62.468% 92.344%, 60.307% 93.847%, 58.08% 95.251%, 55.778% 96.528%, 53.396% 97.648%, 50.934% 98.576%, 48.398% 99.281%, 45.809% 99.751%, 43.186% 99.976%, 40.555% 99.967%, 37.933% 99.738%, 35.337% 99.303%, 32.781% 98.675%, 30.276% 97.865%, 27.834% 96.884%, 25.462% 95.741%, 23.171% 94.446%, 20.9
161369% 93.004%, 18.866% 91.42%, 16.874% 89.7%, 14.991% 87.861%, 13.22% 85.913%, 11.56% 83.87%, 10.011% 81.742%, 8.574% 79.537%, 7.246% 77.263%, 6.029% 74.929%, 4.921% 72.541%, 3.923% 70.106%, 3.034% 67.628%, 2.256% 65.113%, 1.587% 62.566%, 1.033% 59.993%, .595% 57.397%, .275% 54.784%, .076% 52.159%, .001% 49.528%, .052% 46.896%, .236% 44.27%, .556% 41.657%, 1.019% 39.066%, 1.631% 36.506%, 2.398% 33.988%, 3.328% 31.525%, 4.412% 29.127%, 5.654% 26.806%, 7.044% 24.57%, 8.571% 22.426%, 10.224% 20.378%, 11.993% 18.429%, 13.868% 16.581%, 15.84% 14.837%, 17.9% 13.198%, 20.041% 11.666%, 22.255% 10.243%, 24.54% 8.937%, 26.891% 7.752%, 29.296% 6.68%, 31.746% 5.718%, 34.235% 4.86%, 36.755% 4.099%, 39.3% 3.427%, 41.865% 2.833%, 44.444% 2.306%, 47.035% 1.836%, 49.633% 1.412%, 52.237% 1.025%, 54.847% .677%, 57.463% .383%, 60.086% .162%, 62.715% .029%, 65.348% .006%, 67.978% .112%, 70.597% .372%, 73.193% .808%, 75.747% 1.446%, 78.234% 2.304%, 80.628% 3.397%;
1614            --shape--blob-5: 80.452% 2.197%, 82.761% 3.507%, 84.885% 5.101%, 86.818% 6.922%, 88.568% 8.92%, 90.147% 11.056%, 91.569% 13.3%, 92.848% 15.628%, 93.997% 18.023%, 95.026% 20.472%, 95.944% 22.966%, 96.759% 25.494%, 97.476% 28.053%, 98.1% 30.635%, 98.634% 33.238%, 99.082% 35.856%, 99.444% 38.489%, 99.714% 41.132%, 99.893% 43.782%, 99.986% 46.438%, 99.992% 49.094%, 99.909% 51.75%, 99.736% 54.401%, 99.472% 57.045%, 99.113% 59.677%, 98.656% 62.294%, 98.098% 64.892%, 97.435% 67.465%, 96.663% 70.007%, 95.776% 72.511%, 94.769% 74.969%, 93.636% 77.373%, 92.372% 79.709%, 90.97% 81.966%, 89.423% 84.125%, 87.728% 86.17%, 85.898% 88.095%, 83.943% 89.894%, 81.873% 91.56%, 79.701% 93.088%, 77.435% 94.475%, 75.087% 95.718%, 72.666% 96.811%, 70.182% 97.753%, 67.645% 98.54%, 65.063% 99.165%, 62.446% 99.622%, 59.804% 99.904%, 57.15% 100%, 54.495% 99.9%, 51.855% 99.607%, 49.242% 99.128%, 46.668% 98.471%, 44.142% 97.651%, 41.669% 96.68%, 39.254% 95.572%, 36.9% 94.342%, 34.605% 93.002%, 32.37% 91.566%, 30.193% 90.044%, 28.067% 88.45%, 25.999% 86.782%, 23.993% 85.04%, 22.054% 83.224%, 20.182% 81.338%, 18.38% 79.387%, 16.644% 77.375%, 14.972% 75.31%, 13.36% 73.198%, 11.802% 71.046%, 10.288% 68.863%, 8.816% 66.651%, 7.404% 64.4%, 6.063% 62.107%, 4.809% 59.765%, 3.656% 57.371%, 2.624% 54.923%, 1.73% 52.421%, .998% 49.868%, .451% 47.268%, .112% 44.634%, 0% 41.98%, .117% 39.327%, .446% 36.691%, .976% 34.088%, 1.696% 31.531%, 2.6% 29.033%, 3.682% 26.607%, 4.941% 24.268%, 6.375% 22.032%, 7.986% 19.921%, 9.775% 17.957%, 11.743% 16.173%, 13.876% 14.591%, 16.156% 13.229%, 18.548% 12.073%, 21.017% 11.094%, 23.538% 10.255%, 26.091% 9.521%, 28.664% 8.858%, 31.248% 8.24%, 33.837% 7.642%, 36.426% 7.045%, 39.011% 6.431%, 41.589% 5.787%, 44.157% 5.109%, 46.72% 4.407%, 49.281% 3.701%, 51.846% 3.006%, 54.418% 2.339%, 57.001% 1.717%, 59.598% 1.157%, 62.212% .68%, 64.842% .309%, 67.488% .072%, 70.144% .002%, 72.797% .137%, 75.424% .521%, 77.992% 1.197%, 80.452% 2.197%;
1615            --shape--blob-6: 71.914% 1.829%, 74.287% 2.884%, 76.559% 4.144%, 78.723% 5.581%, 80.777% 7.171%, 82.721% 8.894%, 84.557% 10.733%, 86.284% 12.673%, 87.906% 14.703%, 89.423% 16.812%, 90.838% 18.991%, 92.151% 21.233%, 93.364% 23.531%, 94.477% 25.878%, 95.492% 28.27%, 96.406% 30.702%, 97.222% 33.169%, 97.938% 35.666%, 98.555% 38.19%, 99.069% 40.737%, 99.476% 43.303%, 99.771% 45.884%, 99.948% 48.476%, 99.999% 51.073%, 99.914% 53.67%, 99.68% 56.257%, 99.287% 58.825%, 98.717% 61.36%, 97.957% 63.844%, 96.984% 66.252%, 95.807% 68.567%, 94.448% 70.781%, 92.93% 72.889%, 91.273% 74.89%, 89.499% 76.788%, 87.625% 78.587%, 85.668% 80.296%, 83.642% 81.923%, 81.56% 83.477%, 79.431% 84.967%, 77.266% 86.402%, 75.071% 87.793%, 72.854% 89.148%, 70.624% 90.481%, 68.375% 91.783%, 66.103% 93.044%, 63.803% 94.253%, 61.47% 95.396%, 59.1% 96.459%, 56.688% 97.425%, 54.232% 98.272%, 51.732% 98.978%, 49.19% 99.518%, 46.616% 99.866%, 44.022% 99.999%, 41.427% 99.904%, 38.848% 99.589%, 36.304
1615% 99.067%, 33.806% 98.353%, 31.365% 97.465%, 28.988% 96.417%, 26.68% 95.223%, 24.446% 93.897%, 22.289% 92.45%, 20.209% 90.892%, 18.21% 89.233%, 16.286% 87.487%, 14.442% 85.656%, 12.685% 83.743%, 11.018% 81.75%, 9.446% 79.682%, 7.974% 77.541%, 6.608% 75.331%, 5.354% 73.056%, 4.218% 70.719%, 3.208% 68.325%, 2.331% 65.88%, 1.594% 63.389%, .996% 60.861%, .535% 58.304%, .216% 55.726%, .039% 53.134%, .005% 50.536%, .119% 47.941%, .385% 45.356%, .814% 42.794%, 1.416% 40.267%, 2.207% 37.793%, 3.204% 35.394%, 4.427% 33.103%, 5.887% 30.956%, 7.572% 28.979%, 9.454% 27.19%, 11.49% 25.576%, 13.637% 24.114%, 15.862% 22.773%, 18.137% 21.517%, 20.438% 20.31%, 22.744% 19.113%, 25.034% 17.885%, 27.285% 16.589%, 29.485% 15.207%, 31.628% 13.738%, 33.73% 12.21%, 35.812% 10.656%, 37.898% 9.106%, 40.011% 7.595%, 42.174% 6.156%, 44.403% 4.82%, 46.707% 3.621%, 49.09% 2.587%, 51.535% 1.709%, 54.034% .998%, 56.576% .466%, 59.152% .129%, 61.746% .001%, 64.342% .097%, 66.918% .43%, 69.45% 1.007%, 71.914% 1.829%;
1616        }
1617
1618        .sp-section {
1619            padding-top: var(--sp-section-top-padding);
1620            padding-bottom: var(--sp-section-bottom-padding);
1621        }
1622
1623        [data-lazy="sp-lazy-section"]:not(.sp-scroll-trigger--offscreen),
1624        [data-lazy="true"] .sp-lazy-loaded[data-cascade] {
1625            animation: var(--sp-animation-slide-in);
1626            animation-delay: calc(var(--sp-animation-order, 0) * var(--sp-animation-delay, 75ms));
1627        }
1628
1629        [data-lazy="sp-lazy-section"] .sp-section-inner {
1630            position: relative;
1631        }
1632
1633        .sp-section[data-border="true"] {
1634            border-bottom: 1px solid #d7d7d7;
1635        }
1636
1637
1638        [class*="sp-heading-alignment-"] {
1639            display: flex;
1640            flex-direction: column;
1641        }
1642
1643        .sp-heading-alignment-left {
1644            align-items: flex-start;
1645            text-align: left;
1646        }
1647
1648        .sp-heading-alignment-center {
1649            align-items: center;
1650            text-align: center;
1651        }
1652
1653        .sp-heading-alignment-right {
1654            align-items: flex-end;
1655            text-align: right;
1656        }
1657
1658        .sp-heading-wrapper .sp-sub-heading,
1659        .sp-content-wrapper .sp-sub-heading {
1660            margin-top: max(calc(var(--sp-sub-heading-margin-top) * var(--sp-heading-spacing-scale)), 1rem);
1661            color: var(--sp-section-text-color);
1662            font-size: var(--sp-section-sub-heading-size);
1663            font-weight: var(--sp-body-font-weight);
1664            line-height: var(--sp-description-line-height);
1665            font-family: var(--sp-body-font-family);
1666            opacity: 0.8;
1667        }
1668
1669        .sp-heading-wrapper .sp-heading,
1670        .sp-content-wrapper .sp-heading {
1671            margin-top: max(calc(var(--sp-heading-margin-top) * var(--sp-heading-spacing-scale)), 1rem);
1672            font-size: var(--sp-section-heading-size);
1673            color: var(--sp-section-text-color);
1674            font-weight: var(--sp-heading-font-weight);
1675            line-height: var(--sp-heading-line-height);
1676            font-family: var(--sp-heading-font-family);
1677            letter-spacing: var(--sp-heading-letter-spacing);
1678        }
1679
1680        .sp-heading-wrapper .sp-description,
1681        .sp-content-wrapper .sp-description {
1682            margin-top: max(calc(var(--sp-description-margin-top) * var(--sp-heading-spacing-scale)), 1rem);
1683            opacity: 0.8;
1684        }
1685
1686        .sp-heading-wrapper .sp-description p,
1687        .sp-content-wrapper .sp-description p {
1688            color: var(--sp-section-text-color);
1689            font-size: var(--sp-section-description-size);
1690            font-weight: var(--sp-body-font-weight);
1691            line-height: var(--sp-description-line-height);
1692            font-family: var(--sp-body-font-family);
1693        }
1694
1695
1696        [class*="sp-sub-heading-size-"] {
1697            font-size: var(--sp-section-sub-heading-size);
1698        }
1699
1700        .sp-content-wrapper[data-max-width] {
1701            max-width: 100%;
1702            padding: var(--sp-content-spacing);
1703        }
1704
1705        .sp-container,
1706        .sp-container-fluid {
1707            width: 100%;
1708            max-width: var(--sp-container-mobile-width);
1709            margin-right: auto;
1710            margin-left: auto;
1711            padding-left: var(--sp-container-mobile-padding);
1712            padding-right: var(--sp-container-mobile-padding);
1713        }
1714
1715        .sp-container-fluid {
1716            max-width: 100%;
1717        }
1718
1719        .flickity-enabled.is-fade .flickity-slider > * {
1720            pointer-events: none;
1721            z-index: 0;
1722        }
1723
1724        .flickity-enabled.is-fade .flickity-slider > .is-selected {
1725            pointer-events: auto;
1726            z-index: 1;
1727        }
1728
1729        [data-plugin="sp-carousel"][data-grid] .flickity-viewport {
1730            margin-left: calc(var(--sp-mobile-mobile-margin) * -1);
1731            margin-right: calc(var(--sp-mobile-mobile-margin) * -1);
1732        }
1733
1734        [data-plugin="sp-carousel"] .flickity-slider .sp-carousel-item {
1735            flex: 0 0 auto;
1736            width: 100%;
1737        }
1738
1739        [data-plugin="sp-carousel"][data-grid] .flickity-slider .sp-carousel-item {
1740            flex: 0 0 auto;
1741            width: 25%;
1742            padding-left: var(--sp-column-mobile-padding);
1743            padding-right: var(--sp-column-mobile-padding);
1744        }
1745
1746        [data-plugin="sp-carousel"][data-grid] .flickity-prev-next-button.previous {
1747            left: var(--sp-column-mobile-padding);
1748            transform: translateX(-50%);
1749        }
1750
1751        [data-plugin="sp-carousel"][data-grid] .flickity-prev-next-button.next {
1752            right: var(--sp-column-mobile-padding);
1753            transform: translateX(50%);
1754        }
1755
1756        .sp-column-wrapper {
1757            display: flex;
1758            flex-wrap: wrap;
1759            column-gap: var(--sp-column-mobile-padding);
1760            row-gap: var(--sp-column-mobile-padding);
1761        }
1762
1763        [data-column-size="sp-column-spacing-none"],
1764        [data-plugin="sp-carousel"][data-column-size="sp-column-spacing-none"] {
1765            --sp-column-mobile-padding: 0px;
1766        }
1767
1768        [data-column-size="sp-column-spacing-small"],
1769        [data-plugin="sp-carousel"][data-column-size="sp-column-spacing-small"] {
1770            --sp-column-mobile-padding: 8px;
1771        }
1772
1773        [data-column-size="sp-column-spacing-medium"],
1774        [data-plugin="sp-carousel"][data-column-size="sp-column-spacing-medium"] {
1775            --sp-column-mobile-padding: 23px;
1776        }
1777
1778        [data-column-size="sp-column-spacing-large"],
1779        [data-plugin="sp-carousel"][data-column-size="sp-column-spacing-large"] {
1780            --sp-column-mobile-padding: 30px;
1781        }
1782
1783
1784        .sp-column {
1785            width: calc(50% - var(--sp-column-mobile-padding) * 1 / 2);
1786            max-width: calc(50% - var(--sp-column-mobile-padding) * 1 / 2);
1787            flex-grow: 1;
1788            flex-shrink: 0;
1789        }
1790
1791        .sp-image-mobile {
1792            display: block;
1793            z-index: 1;
1794        }
1795
1796        .sp-image.lazy {
1797            opacity: 0;
1798        }
1799
1800        .sp-image.lazy:not(.initial):not(.loaded) {
1801            transition: opacity 1s;
1802        }
1803
1804        .sp-image.lazy.initial,
1805        .sp-image.lazy.loaded,
1806        .sp-image.lazy.error {
1807            opacity: 1;
1808        }
1809
1810        .sp-image:not([src]) {
1811            visibility: hidden;
1812        }
1813
1814
1815        /* button */
1816        .sp-g-link {
1817            position: absolute;
1818            top: 0;
1819            left: 0;
1820            width: 100%;
1821            height: 100%;
1822            z-index: 3;
1823        }
1824
1825        .sp-g-link span {
1826            visibility: hidden;
1827        }
1828
1829        .sp-button-wrapper {
1830            position: relative;
1831            display: flex;
1832            width: 100%;
1833            align-items: center;
1834            flex-wrap: wrap;
1835            margin-top: max(calc(var(--sp-button-margin-top) * var(--sp-margin-scale)), 3rem);
1836            column-gap: var(--sp-button-wrapper-column-gap);
1837            row-gap: var(--sp-button-wrapper-column-gap);
1838        }
1839
1840        .sp-heading-wrapper .sp-button-wrapper,
1841        .sp-content-wrapper .sp-button-wrapper {
1842            margin-top: max(calc(var(--sp-button-margin-top) * var(--sp-heading-spacing-scale)), 3rem);
1843        }
1844
1845        [data-alignment="center"],
1846        .sp-button-wrapper[data-alignment="center"] {
1847            justify-content: center;
1848        }
1849
1850        [data-alignment="left"],
1851        .sp-button-wrapper[data-alignment="left"] {
1852            justify-content: flex-start;
1853        }
1854
1855        [data-alignment="right"],
1856        .sp-button-wrapper[data-alignment="right"] {
1857            justify-content: flex-end;
1858        }
1859
1860        .sp-button {
1861            display: block;
1862            text-align: center;
1863            text-decoration: none;
1864            letter-spacing: var(--sp-button-text-spacing, 0px);
1865            color: var(--sp-button-text-color, #222);
1866            font-family: var(--sp-body-font-family);
1867            font-weight: var(--sp-body-font-weight);
1868            font-style: var(--sp-body-font-style);
1869            font-size: calc(var(--sp-button-font-size) * var(--sp-button-font-scale));
1870            line-height: 1.2;
1871
1872            &:hover {
1873                color: var(--sp-button-text-color, #222);
1874                cursor: pointer;
1875            }
1876        }
1877
1878        .sp-button[aria-disabled="true"] {
1879            pointer-events: none;
1880            cursor: not-allowed;
1881        }
1882
1883        .sp-button.sp-button-link {
1884            padding: 0 2px calc(var(--sp-button-padding-top) * var(--sp-button-scale));
1885            border-bottom: var(--sp-button-border-width) solid var(--sp-button-background-color, #222);
1886        }
1887
1888        .sp-button.sp-button-fill {
1889            --sp-button-padding-top: 1.4rem;
1890            padding: calc(var(--sp-button-padding-top) * var(--sp-button-scale)) calc(var(--sp-button-padding-left) * var(--sp-button-scale));
1891            border-radius: var(--sp-button-radius);
1892            background-color: var(--sp-button-background-color);
1893            background-image: var(--sp-button-background-gradient-color);
1894            border: var(--sp-button-border-width) solid var(--sp-button-background-color, #222);
1895        }
1896
1897        .sp-button.sp-button-outline {
1898            --sp-button-padding-top: 1.4rem;
1899            padding: calc(var(--sp-button-padding-top) * var(--sp-button-scale)) calc(var(--sp-button-padding-left) * var(--sp-button-scale));
1900            border-radius: var(--sp-button-radius);
1901            border: var(--sp-button-border-width) solid var(--sp-button-background-color, #222);
1902        }
1903
1904
1905        [data-hide-content="true"] {
1906            display: none;
1907        }
1908
1909        /* content alignment */
1910        .sp-content-text-left {
1911            text-align: left;
1912        }
1913
1914        .sp-content-text-center {
1915            text-align: center;
1916        }
1917
1918        .sp-content-text-right {
1919            text-align: right;
1920        }
1921
1922        .sp-content-text-left .sp-button-wrapper {
1923            justify-content: flex-start;
1924        }
1925
1926        .sp-content-text-center .sp-button-wrapper {
1927            justify-content: center;
1928        }
1929
1930        .sp-content-text-right .sp-button-wrapper {
1931            justify-content: flex-end;
1932        }
1933
1934        [class*="sp-content-alignment-"] {
1935            display: flex;
1936            flex-direction: column;
1937        }
1938
1939        .sp-content-alignment-top-left {
1940            align-items: flex-start;
1941            justify-content: flex-start;
1942        }
1943
1944        .sp-content-alignment-top-center {
1945            align-items: center;
1946            justify-content: flex-start;
1947        }
1948
1949        .sp-content-alignment-top-right {
1950            align-items: flex-end;
1951            justify-content: flex-start;
1952        }
1953
1954        .sp-content-alignment-middle-right {
1955            align-items: flex-end;
1956            justify-content: center;
1957        }
1958
1959        .sp-content-alignment-middle-center {
1960            align-items: center;
1961            justify-content: center;
1962        }
1963
1964        .sp-content-alignment-middle-left {
1965            align-items: flex-start;
1966            justify-content: center;
1967        }
1968
1969        .sp-content-alignment-bottom-right {
1970            align-items: flex-end;
1971            justify-content: flex-end;
1972        }
1973
1974        .sp-content-alignment-bottom-center {
1975            align-items: center;
1976            justify-content: flex-end;
1977        }
1978
1979        .sp-content-alignment-bottom-left {
1980            align-items: flex-start;
1981            justify-content: flex-end;
1982        }
1983
1984        [data-text-style="capitalize"] {
1985            text-transform: capitalize;
1986        }
1987
1988        [data-text-style="uppercase"] {
1989            text-transform: uppercase;
1990        }
1991
1992        [data-text-style="lowercase"] {
1993            text-transform: lowercase;
1994        }
1995
1996        @media (max-width: 767px) {
1997            .sp-content-mobile-text-left {
1998                text-align: left;
1999            }
2000
2001            .sp-content-mobile-text-center {
2002                text-align: center;
2003            }
2004
2005            .sp-content-mobile-text-right {
2006                text-align: right;
2007            }
2008
2009            .sp-button-wrapper[data-alignment-mobile="center"] {
2010                justify-content: center;
2011            }
2012
2013            .sp-button-wrapper[data-alignment-mobile="left"] {
2014                justify-content: flex-start;
2015            }
2016
2017            .sp-button-wrapper[data-alignment-mobile="right"] {
2018                justify-content: flex-end;
2019            }
2020        }
2021
2022        @media (min-width: 768px) {
2023            :root {
2024                --sp-margin-scale: 1;
2025            }
2026
2027            .sp-container-fluid {
2028                padding-left: var(--sp-container-tablet-padding);
2029                padding-right: var(--sp-container-tablet-padding);
2030            }
2031
2032            .sp-container {
2033                max-width: var(--sp-container-tablet-width);
2034                padding-left: var(--sp-container-tablet-padding);
2035                padding-right: var(--sp-container-tablet-padding);
2036            }
2037
2038            .sp-column-wrapper {
2039                column-gap: var(--sp-column-tablet-padding);
2040                row-gap: var(--sp-column-tablet-padding);
2041            }
2042
2043            [data-plugin="sp-carousel"][data-grid] .flickity-slider {
2044                column-gap: var(--sp-column-tablet-padding);
2045            }
2046
2047            [data-column-size="sp-column-spacing-none"] {
2048                --sp-column-tablet-padding: 0px;
2049            }
2050
2051            [data-column-size="sp-column-spacing-small"] {
2052                --sp-column-tablet-padding: 8px;
2053            }
2054
2055            [data-column-size="sp-column-spacing-medium"] {
2056                --sp-column-tablet-padding: 23px;
2057            }
2058
2059            [data-column-size="sp-column-spacing-large"] {
2060                --sp-column-tablet-padding: 30px;
2061            }
2062
2063            .sp-column {
2064                width: calc(50% - var(--sp-column-tablet-padding) * 1 / 2);
2065                max-width: calc(50% - var(--sp-column-tablet-padding) * 1 / 2);
2066            }
2067
2068            [data-plugin="sp-carousel"][data-grid] .flickity-prev-next-button.previous {
2069                left: var(--sp-column-tablet-padding);
2070            }
2071
2072            [data-plugin="sp-carousel"][data-grid] .flickity-prev-next-button.next {
2073                right: var(--sp-column-tablet-padding);
2074            }
2075
2076            .sp-sub-heading-size-small {
2077                --sp-section-sub-heading-size: 12px;
2078            }
2079
2080            .sp-sub-heading-size-medium {
2081                --sp-section-sub-heading-size: 14px;
2082            }
2083
2084            .sp-sub-heading-size-large {
2085                --sp-section-sub-heading-size: 16px;
2086            }
2087
2088            .sp-heading-wrapper .sp-sub-heading,
2089            .sp-content-wrapper .sp-sub-heading {
2090                margin-top: max(calc(var(--sp-sub-heading-margin-top) * var(--sp-heading-spacing-scale)), 0rem);
2091            }
2092
2093            .sp-heading-wrapper .sp-heading,
2094            .sp-content-wrapper .sp-heading {
2095                margin-top: max(calc(var(--sp-heading-margin-top) * var(--sp-heading-spacing-scale)), 0rem);
2096            }
2097
2098            .sp-heading-wrapper .sp-description,
2099            .sp-content-wrapper .sp-description {
2100                margin-top: max(calc(var(--sp-description-margin-top) * var(--sp-heading-spacing-scale)), 0rem);
2101            }
2102
2103            .sp-image-mobile {
2104                display: none;
2105            }
2106
2107        }
2108
2109        @media (min-width: 1200px) {
2110            .sp-container-fluid {
2111                padding-left: var(--sp-container-desktop-padding);
2112                padding-right: var(--sp-container-desktop-padding);
2113            }
2114
2115            .sp-container {
2116                max-width: var(--sp-container-desktop-width);
2117                padding-left: var(--sp-container-desktop-padding);
2118                padding-right: var(--sp-container-desktop-padding);
2119            }
2120
2121            .sp-column-wrapper {
2122                column-gap: var(--sp-column-desktop-padding);
2123                row-gap: var(--sp-column-desktop-padding);
2124            }
2125
2126            [data-plugin="sp-carousel"][data-grid] .flickity-slider {
2127                column-gap: var(--sp-column-tablet-padding);
2128            }
2129
2130            [data-column-size="sp-column-spacing-none"] {
2131                --sp-column-desktop-padding: 0px;
2132            }
2133
2134            [data-column-size="sp-column-spacing-small"] {
2135                --sp-column-desktop-padding: 8px;
2136            }
2137
2138            [data-column-size="sp-column-spacing-medium"] {
2139                --sp-column-desktop-padding: 23px;
2140            }
2141
2142            [data-column-size="sp-column-spacing-large"] {
2143                --sp-column-desktop-padding: 30px;
2144            }
2145
2146            .sp-column {
2147                width: calc(50% - var(--sp-column-desktop-padding) * 1 / 2);
2148                max-width: calc(50% - var(--sp-column-desktop-padding) * 1 / 2);
2149            }
2150
2151            [data-plugin="sp-carousel"][data-grid] .flickity-prev-next-button.previous {
2152                left: var(--sp-column-desktop-padding);
2153            }
2154
2155            [data-plugin="sp-carousel"][data-grid] .flickity-prev-next-button.next {
2156                right: var(--sp-column-desktop-padding);
2157            }
2158
2159            .sp-content-wrapper[data-max-width] {
2160                max-width: var(--sp-content-max-width);
2161            }
2162        }
2163
2164        .sp-container-fluid.sp-container-no-gap,
2165        .sp-container.sp-container-no-gap {
2166            padding-left: 0;
2167            padding-right: 0;
2168        }
2169
2170        /* image shape blod */
2171        .sp-image-blod-1 {
2172            clip-path: polygon(var(--shape--blob-1));
2173        }
2174
2175        .sp-image-blod-2 {
2176            clip-path: polygon(var(--shape--blob-2));
2177        }
2178
2179        .sp-image-blod-3 {
2180            clip-path: polygon(var(--shape--blob-3));
2181        }
2182
2183        .sp-image-blod-4 {
2184            clip-path: polygon(var(--shape--blob-4));
2185        }
2186
2187        .sp-image-blod-5 {
2188            clip-path: polygon(var(--shape--blob-5));
2189        }
2190
2191        .sp-image-blod-6 {
2192            clip-path: polygon(var(--shape--blob-6));
2193        }
2194
2195        /* animations */
2196
2197        .circular-progress {
2198            --stroke-dasharray: 20.420352248335;
2199            display: block;
2200            transition: opacity .25s;
2201            transition-delay: 0s;
2202            transform: rotate(-90deg);
2203        }
2204
2205        [data-image-behavior="ambient_movement"] .sp-image-effect img,
2206        [data-image-behavior="ambient_movement"] .sp-image-effect svg {
2207            animation: spAnimateAmbient 30s linear infinite;
2208        }
2209
2210
2211        .circular-progress circle:last-child {
2212            stroke-dasharray: var(--stroke-dasharray);
2213            stroke-dashoffset: var(--stroke-dasharray);
2214        }
2215
2216        /* Hover effect */
2217        @media (min-width: 768px) {
2218            [data-image-hover="sp-image-hover-zoom-in"] img,
2219            [data-image-hover="sp-image-hover-zoom-in"] svg {
2220                transform: scale(1);
2221                transition: all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1);
2222            }
2223
2224            [data-image-hover="sp-image-hover-zoom-in"]:hover img,
2225            [data-image-hover="sp-image-hover-zoom-in"]:hover svg {
2226                transform: scale(1.2);
2227                transition: all var(--sp-image-hover-duration, 2s) cubic-bezier(0.39, 0.575, 0.565, 1);
2228            }
2229
2230            [data-button-hover="opacity"] {
2231                transition: opacity 0.15s;
2232            }
2233
2234            [data-button-hover="opacity"]:hover {
2235                opacity: 0.75;
2236            }
2237
2238            [data-button-hover="fly"] {
2239                transition: transform 0.15s;
2240            }
2241
2242            [data-button-hover="fly"]:hover {
2243                transform: translateY(-5px);
2244            }
2245
2246            [data-button-hover="zoom_in"] {
2247                transition: transform 0.15s;
2248            }
2249
2250            [data-button-hover="zoom_in"]:hover {
2251                transform: scale(1.05);
2252            }
2253
2254            [data-item-hover="fly"] {
2255                transition: all var(--sp-image-hover-duration);
2256            }
2257
2258            [data-item-hover="fly"]:hover {
2259                transform: translateY(-10px);
2260            }
2261
2262            [data-item-hover="zoom-in"] {
2263                transition: all var(--sp-image-hover-duration);
2264            }
2265
2266            [data-item-hover="zoom-in"]:hover {
2267                transform: scale(1.05);
2268            }
2269        }
2270
2271        @keyframes sp-slideIn {
2272            from {
2273                transform: translateY(3.5rem);
2274                opacity: 0.01;
2275            }
2276            to {
2277                transform: translateY(0);
2278                opacity: 1;
2279            }
2280        }
2281
2282        @keyframes spAnimateCircularProgress {
2283            from {
2284                stroke-dashoffset: var(--stroke-dasharray);
2285            }
2286            to {
2287                stroke-dashoffset: 0;
2288            }
2289        }
2290
2291        @keyframes spAnimateLineProgress {
2292            from {
2293                width: 0;
2294            }
2295            to {
2296                width: 100%;
2297            }
2298        }
2299
2300        @keyframes spAnimateAmbient {
2301            0% {
2302                transform: rotate(0) translate(1em) rotate(0) scale(1.2)
2303            }
2304
2305            to {
2306                transform: rotate(360deg) translate(1em) rotate(-360deg) scale(1.2)
2307            }
2308        }
2309
2310        @keyframes spPing {
2311            from {
2312                transform: scale(1);
2313            }
2314
2315            to {
2316                transform: scale(.8);
2317            }
2318        }
2319
2320        @keyframes spDash {
2321            0% {
2322                stroke-dashoffset: 280;
2323            }
2324            50% {
2325                stroke-dashoffset: 75;
2326                transform: rotate(135deg);
2327            }
2328            100% {
2329                stroke-dashoffset: 280;
2330                transform: rotate(450deg);
2331                color: #1773b0;
2332            }
2333        }
2334
2335
2336        @keyframes spRotator {
2337            0% {
2338                transform: rotate(0deg);
2339            }
2340            100% {
2341                transform: rotate(270deg);
2342            }
2343        }
2344
2345    </style>
2346
2347
2348    <link href="//cdn.shopify.com/extensions/01a100e4-a5ff-7560-9281-46be343b19ff/shine-page-264/assets/base.css" rel="stylesheet" type="text/css" media="all" />
2349    <link href="//cdn.shopify.com/extensions/01a100e4-a5ff-7560-9281-46be343b19ff/shine-page-264/assets/sections.css" rel="stylesheet" type="text/css" media="all" />
2350
2351<script>
2352	window.SP_GLOBAL_SETTINGS = {
2353		customCSS:null,
2354		plan:{"id":"free","name":"[MONTHLY] Free","status":"ACTIVE","planRole":"merchant"}}
2355</script>
2355
2356<template id="sp-money-format">
2357    RM{{amount}} MYR
2358</template>
2359<template id="sp-money-currency-format">
2360    RM{{amount}} MYR
2361</template>
2362<script>
2363	window.spRoutes = {
2364		cart_add_url: '/cart/add',
2365		cart_change_url: '/cart/change',
2366		cart_update_url: '/cart/update',
2367		cart_url: '/cart',
2368		predictive_search_url: '/search/suggest',
2369	};
2370</script>
vendor: 2 bytes, line 2370
2370
2371<script type="module" defer="defer">
2372	import PhotoSwipeLightbox from "https://cdn.shopify.com/extensions/01a100e4-a5ff-7560-9281-46be343b19ff/shine-page-264/assets/photoswipe-lightbox.esm.min.js"
2373	import PhotoSwipe from "https://cdn.shopify.com/extensions/01a100e4-a5ff-7560-9281-46be343b19ff/shine-page-264/assets/photoswipe.esm.min.js"
2374
2375	window.SPPhotoSwipeLightbox = PhotoSwipeLightbox || null
2376	window.SPPhotoSwipe = PhotoSwipe || null
2377
2378</script>
2378
2379
2380    
2380<script src="https://cdn.shopify.com/extensions/01a100e4-a5ff-7560-9281-46be343b19ff/shine-page-264/assets/flickity.min.js" defer="defer"></script>
2380
2381    
2381<script src="https://cdn.shopify.com/extensions/01a100e4-a5ff-7560-9281-46be343b19ff/shine-page-264/assets/flickity-fade.js" defer="defer"></script>
2381
2382    
2382<script src="https://cdn.shopify.com/extensions/01a100e4-a5ff-7560-9281-46be343b19ff/shine-page-264/assets/vanilla-lazyload.js" defer="defer"></script>
2382
2383    
2383<script src="https://cdn.shopify.com/extensions/01a100e4-a5ff-7560-9281-46be343b19ff/shine-page-264/assets/sp-countdown.js" defer="defer"></script>
2383
2384    
2384<script src="https://cdn.shopify.com/extensions/01a100e4-a5ff-7560-9281-46be343b19ff/shine-page-264/assets/base.js" defer="defer"></script>
2384
2385    
2385<script src="https://cdn.shopify.com/extensions/01a100e4-a5ff-7560-9281-46be343b19ff/shine-page-264/assets/components.js" defer="defer"></script>
2385
2386
2387
2388<!-- END app block -->
2388<script src="https://cdn.shopify.com/extensions/01a0d722-0867-7a28-bc93-1d8af6336bdd/dondy-whatsapp-chat-widget-99/assets/ChatBubble.js" type="text/javascript" defer="defer"></script>
2388
2389<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
2390<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: 35551084679,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};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 2390
2390
2391<script>
2392  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
2393</script>
vendor: 1 bytes, line 2393
2393
2394<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}
2394).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: 35551084679,storefrontBaseUrl: "https://kaylabatikdesign.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://kaylabatikdesign.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b"],webPixelsConfigList: [{"id":"85786759","configuration":"{\"pixel_id\":\"2524928147747201\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"bd2f978c17a94bbb8a74d43de2165dc5","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":"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":"Kayla Batik Design (003157239-U)","paymentSettings":{"currencyCode":"MYR"},"myshopifyDomain":"kayla-kids-design.myshopify.com","countryCode":"MY","storefrontUrl":"https:\/\/kaylabatikdesign.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"6693251645575","handle":"baby-kimono-romper-unisex","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"39856981770375","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7517646291079","handle":"baby-romper-cotton-batik-boy-girl","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"40861297148039","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8730198900871","handle":"bib-shoes-set","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45523328893063","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8730190086279","handle":"boy-shirt-cuban","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45523310346375","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://kaylabatikdesign.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"150385000583","themeStoreId":"2481","themePublished":"true","eventMetadataId":"b7615d6e-d9f8-4614-9c41-e2267764b8a5","pageType":"home","shopId":"35551084679","storefrontBaseUrl":"https:\/\/kaylabatikdesign.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
2394<script>
2395  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
2396  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
2397  window.ShopifyAnalytics.meta.currency = 'MYR';
2398  var meta = {"page":{"pageType":"home","requestId":"6d719f9a-75d3-4c22-b373-ee2c72aae669-1791313639"}};
2399  for (var attr in meta) {
2400    window.ShopifyAnalytics.meta[attr] = meta[attr];
2401  }
2402</script>
vendor: 1 bytes, line 2402
2402
2403<script class="analytics">
2404  (function () {
2405    var customDocumentWrite = function(content) {
2406      var jquery = null;
2407
2408      if (window.jQuery) {
2409        jquery = window.jQuery;
2410      } else if (window.Checkout && window.Checkout.$) {
2411        jquery = window.Checkout.$;
2412      }
2413
2414      if (jquery) {
2415        jquery('body').append(content);
2416      }
2417    };
2418
2419    var hasLoggedConversion = function(token) {
2420      if (token) {
2421        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
2422      }
2423      return false;
2424    }
2425
2426    var setCookieIfConversion = function(token) {
2427      if (token) {
2428        var twoMonthsFromNow = new Date(Date.now());
2429        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
2430
2431        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
2432      }
2433    }
2434
2435    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
2436    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
2437    if (trekkie.integrations) {
2438      return;
2439    }
2440    trekkie.methods = [
2441      'identify',
2442      'page',
2443      'ready',
2444      'track',
2445      'trackForm',
2446      'trackLink'
2447    ];
2448    trekkie.factory = function(method) {
2449      return function() {
2450        var args = Array.prototype.slice.call(arguments);
2451        args.unshift(method);
2452        trekkie.push(args);
2453        if (method == 'track' || method == 'page') {
2454          var pageUrl;
2455          try {
2456            pageUrl = window.location.href;
2457          } catch (e) {}
2458          var pageReferrer;
2459          try {
2460            pageReferrer = document.referrer;
2461          } catch (e) {}
2462          try {
2463            if (window.__TREKKIE_SHIM_QUEUE == null) {
2464              window.__TREKKIE_SHIM_QUEUE = [];
2465            }
2466            window.__TREKKIE_SHIM_QUEUE.push({
2467              from: 'trekkie-stub',
2468              method: method,
2469              args: args.slice(1),
2470              pageContext: {
2471                url: pageUrl,
2472                referrer: pageReferrer
2473              }
2474            });
2475          } catch (e) {
2476            // no-op
2477          }
2478        }
2479        return trekkie;
2480      };
2481    };
2482    for (var i = 0; i < trekkie.methods.length; i++) {
2483      var key = trekkie.methods[i];
2484      trekkie[key] = trekkie.factory(key);
2485    }
2486    trekkie.load = function(config) {
2487      trekkie.config = config || {};
2488      trekkie.config.initialDocumentCookie = document.cookie;
2489      var first = document.getElementsByTagName('script')[0];
2490var script = document.createElement('script');
2491script.type = 'text/javascript';
2492script.onerror = function(e) {
2493  var scriptFallback = document.createElement('script');
2494  scriptFallback.type = 'text/javascript';
2495  scriptFallback.onerror = function(error) {
2496          var Monorail = {
2497      produce: function produce(monorailDomain, schemaId, payload) {
2498        var currentMs = new Date().getTime();
2499        var event = {
2500          schema_id: schemaId,
2501          payload: payload,
2502          metadata: {
2503            event_created_at_ms: currentMs,
2504            event_sent_at_ms: currentMs
2505          }
2506        };
2507        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
2508      },
2509      sendRequest: function sendRequest(endpointUrl, payload) {
2510        // Try the sendBeacon API
2511        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
2512          var blobData = new window.Blob([payload], {
2513            type: 'text/plain'
2514          });
2515
2516          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
2517            return true;
2518          } // sendBeacon was not successful
2519
2520        } // XHR beacon
2521
2522        var xhr = new XMLHttpRequest();
2523
2524        try {
2525          xhr.open('POST', endpointUrl);
2526          xhr.setRequestHeader('Content-Type', 'text/plain');
2527          xhr.send(payload);
2528        } catch (e) {
2529          console.log(e);
2530        }
2531
2532        return false;
2533      },
2534      isIos12: function isIos12() {
2535        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
2536      }
2537    };
2538    Monorail.produce('monorail-edge.shopifysvc.com',
2539      'trekkie_storefront_load_errors/1.1',
2540      {shop_id: 35551084679,
2541      theme_id: 150385000583,
2542      app_name: "storefront",
2543      context_url: window.location.href,
2544      source_url: "//kaylabatikdesign.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
2545
2546  };
2547  scriptFallback.async = true;
2548  scriptFallback.src = '//kaylabatikdesign.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
2549  first.parentNode.insertBefore(scriptFallback, first);
2550};
2551script.async = true;
2552script.src = '//kaylabatikdesign.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
2553first.parentNode.insertBefore(script, first);
2554
2555    };
2556    trekkie.load(
2557      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":35551084679,"isMerchantRequest":null,"themeId":150385000583,"themeCityHash":"18052547281627785760","contentLanguage":"en","currency":"MYR","eventMetadataId":"b7615d6e-d9f8-4614-9c41-e2267764b8a5"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
2558    );
2559
2560    var loaded = false;
2561    trekkie.ready(function() {
2562      if (loaded) return;
2563      loaded = true;
2564
2565      window.ShopifyAnalytics.lib = window.trekkie;
2566
2567      var originalDocumentWrite = document.write;
2568      document.write = customDocumentWrite;
2569      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
2570      document.write = originalDocumentWrite;
2571
2572      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
2573      var token = match? match[1]: undefined;
2574      if (!hasLoggedConversion(token)) {
2575        setCookieIfConversion(token);
2576        
2577      }
2578    });
2579
2580    window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"6d719f9a-75d3-4c22-b373-ee2c72aae669-1791313639","shopifyEmitted":true});
2581
2582    var eventsListenerScript = document.createElement('script');
2583    eventsListenerScript.async = true;
2584    eventsListenerScript.src = "//kaylabatikdesign.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
2585    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
2586})();</script>
vendor: 1 bytes, line 2586
2586
2587<script
2588  defer
2589  src="https://kaylabatikdesign.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.6.min.js"
2590  data-application="storefront-renderer"
2591  data-shop-id="35551084679"
2592  data-render-region="gcp-europe-west1"
2593  data-page-type="index"
2594  data-theme-instance-id="150385000583"
2595  data-theme-name="Horizon"
2596  data-theme-version="3.5.1"
2597  data-monorail-region="shop_domain"
2598  data-resource-timing-sampling-rate="10"
2599  data-shs="true"
2600  data-shs-beacon="true"
2601  data-shs-export-with-fetch="true"
2602  data-shs-logs-sample-rate="1"
2603  data-shs-beacon-endpoint="https://kaylabatikdesign.com/api/collect"
2604></script>
vendor: 1 bytes, line 2604
2604
2605<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script>
2605<script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"35551084679","customerAccountTranslations":[{"key":"account_menu.signed_out_state.sheet_title","value":"Sign in or create account"},{"key":"account_menu.signed_out_state.section_divider","value":"More ways to sign in"},{"key":"account_menu.signed_out_state.alternate_divider","value":"OR"},{"key":"account_menu.signed_out_state.email_field_label","value":"Email"},{"key":"account_menu.signed_out_state.orders_button","value":"Orders"},{"key":"account_menu.signed_out_state.profile_button","value":"Profile"},{"key":"account_menu.signed_out_state.shop_login_button","value":"Sign in with Shop"},{"key":"account_menu.signed_out_state.continue_with_google","value":"Continue with Google"},{"key":"account_menu.signed_out_state.continue_with_facebook","value":"Continue with Facebook"},{"key":"account_menu.signed_out_state.marketing_consent_label","value":"Email me with news and offers"},{"key":"account_menu.signed_in_state.greeting_with_name","value":"Hi, {{first_name}}"},{"key":"account_menu.signed_in_state.greeting_without_name","value":"Account"},{"key":"account_menu.signed_in_state.orders_button","value":"Orders"},{"key":"account_menu.signed_in_state.profile_button","value":"Profile"},{"key":"account_menu.location_picker.sheet_title","value":"Locations"},{"key":"account_menu.location_picker.search_field_placeholder","value":"Search"},{"key":"account_menu.aria_labels.close_menu","value":"Close menu"},{"key":"account_menu.aria_labels.back_to_main_menu","value":"Back to main menu from {{title}}"},{"key":"account_menu.aria_labels.open_submenu","value":"{{title}}, opens submenu"},{"key":"account_menu.aria_labels.loading_menu","value":"Loading menu"},{"key":"account_menu.aria_labels.account","value":"Account"},{"key":"account_menu.aria_labels.sign_in_with_email","value":"Sign in with email"},{"key":"account_menu.aria_labels.sign_in","value":"Sign in"}],"socialLoginProviders":[{"handle":"Shop"}],"legacyCustomerAccounts":false,"signInLinksVisible":true,"b2bEnabled":false,"marketingConsentSigninEnabled":true,"marketingConsentPreselected":false},"visitor":{"country":"MY","language":"en"}}</script>
2605
2606<meta name="shopify-y" content="e7b517d7-4754-4add-8944-24ae0ca3d492" data-expiration="1822871240000"><meta name="shopify-s" content="3cdded77-1d57-4498-8d9d-753ec0c67acf" data-expiration="1791315440000"><meta name="new-cookie-storage-activated" content="t">
2607</head>
2608
2609  <body class="page-width-narrow card-hover-effect-none">
2610    <a
2611  class="skip-to-content-link button-secondary"
2612  href="#MainContent"
2613>
2614  Skip to content
2615</a>
2616
2617
2618
2619    <div id="header-group">
2620      <!-- BEGIN sections: header-group -->
2621<header id="shopify-section-sections--20780089737351__header_section" class="shopify-section shopify-section-group-header-group header-section">
2622
2623
2624
2625
2626
2627
2628
2629
2630
2631<script type="application/ld+json">
2632  {
2633    "@context": "http://schema.org",
2634    "@type": "Organization",
2635    "name": "Kayla Batik Design (003157239-U)",
2636    
2637      "logo": "https:\/\/kaylabatikdesign.com\/cdn\/shop\/files\/BATIK-DESIGN_v3_eb9a771e-e6ad-46a7-b1fe-124593300766.png?v=1781029281\u0026width=500",
2638    
2639    "url": "https:\/\/kaylabatikdesign.com"
2640  }
2641</script>
2641
2642
2643<header-component
2644  id="header-component"
2645  class="header"
2646  data-theme-color="rgb(245 245 245)"
2647  
2648  
2649    sticky="always"
2650  
2651  data-skip-node-update
2652  data-scroll-direction="none"
2653  
2654  
2655  style="
2656    --color-scheme-top-row: rgba(245 245 245 / 1.0);
2657    --color-scheme-bottom-row: rgba(255 255 255 / 1.0);
2658    
2659  "
2660>
2661  <div class="header__underlay header__underlay-closed"></div>
2662  <div
2663    class="header__underlay header__underlay-open"
2664  ></div><h1 class="visually-hidden">Kayla Batik Design (003157239-U)</h1>
2665    
2666
2667    
2668
2669    
2670    
2671      <div
2672        class="header__row header__row--top color-scheme-2 section section--full-width-margin section--page-width"
2673        ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px;">
2674        <div class="header__columns spacing-style">
2675          <div
2676      class="header__column header__column--left"
2677      data-testid="header-top-left"
2678    >
2679      
2680        
2681          
2682              
2683
2684
2685
2686    <div
2687      class="header__drawer"
2688      ref="headerDrawerContainer"
2689      data-hydration-key="header-drawer-mobile"
2690      
2691    >
2692      
2693
2694<script
2695  src="//kaylabatikdesign.com/cdn/shop/t/5/assets/header-drawer.js?v=121243031541024704371778748726"
2696  type="module"
2697  fetchpriority="low"
2698></script>
2698
2699
2700<header-drawer
2701  class="header-drawer "
2702  style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;"
2703>
2704  <details
2705    id="Details-menu-drawer-container"
2706    data-skip-node-update="true"
2707    class="menu-drawer-container"
2708    ref="details"
2709    scroll-lock
2710  >
2711    <summary
2712      class="header__icon header__icon--menu header__icon--summary"
2713      aria-label="Menu"
2714      on:click="/toggle"
2715    >
2716      <span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2717  <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
2718  <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
2719</svg>
2720</span>
2721      <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2722  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2723  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2724</svg>
2725</span>
2726    </summary>
2727    <div
2728      ref="menuDrawer"
2729      class="
2730        menu-drawer
2731        color-scheme-1
2732      "
2733    >
2734      <button
2735        class="button close-button menu-drawer__close-button"
2736        type="button"
2737        aria-label="Close"
2738        on:click="/close"
2739      >
2740        <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2741  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2742  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2743</svg>
2744</span>
2745      </button>
2746      <nav
2747        class="menu-drawer__navigation"
2748        style="--menu-top-level-font-family: var(--font-body--family);
2749--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none;
2750
2751  --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height:
2752  var(--menu-font-2xl--line-height);
2753
2754--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
2755
2756--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
2757var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
2758none;
2759
2760    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
2761    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
2762    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
2763  
2764--menu-child-font-family: var(--font-body--family); --menu-child-font-style:
2765var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
2766none;
2767
2768    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
2769    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
2770    var(--opacity-subdued-text));
2771  
2772
2773        "
2774        aria-label="Primary"
2775      >
2776        <ul
2777          class="menu-drawer__menu has-submenu"
2778          role="list"
2779        >
2780            
2781            
2782
2783              <li
2784                style="--menu-drawer-animation-index: 1;"
2785                class="menu-drawer__list-item--flat"
2786              >
2787                
2788<a
2789                    id="HeaderDrawer-about-us"
2790                    href="/pages/about-us"
2791                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2792                    
2793                  >
2794                    <span class="menu-drawer__menu-item-text wrap-text">About Us</span>
2795                  </a>
2796                
2797              </li>
2798              <li
2799                style="--menu-drawer-animation-index: 2;"
2800                class="menu-drawer__list-item--flat"
2801              >
2802                
2803<a
2804                    id="HeaderDrawer-shop-by"
2805                    href="/collections"
2806                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2807                    
2808                  >
2809                    <span class="menu-drawer__menu-item-text wrap-text">Shop By</span>
2810                  </a>
2811                  
2812                  <ul
2813                    class="menu-drawer__menu menu-drawer__menu--childlist"
2814                    role="list"
2815                    tabindex="-1"
2816                  ><li
2817                        class="menu-drawer__list-item"
2818                        style="--menu-drawer-animation-index: 2;"
2819                      >
2820                        <a
2821                          href="/collections/men-1"
2822                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
2823                          
2824                        >
2825                          
2826                          <span class="menu-drawer__menu-item-text wrap-text">Men</span>
2827                        </a>
2828                      </li><li
2829                        class="menu-drawer__list-item"
2830                        style="--menu-drawer-animation-index: 2;"
2831                      >
2832                        <a
2833                          href="/collections/women"
2834                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
2835                          
2836                        >
2837                          
2838                          <span class="menu-drawer__menu-item-text wrap-text">Women</span>
2839                        </a>
2840                      </li><li
2841                        class="menu-drawer__list-item"
2842                        style="--menu-drawer-animation-index: 2;"
2843                      >
2844                        <a
2845                          href="/collections/boys"
2846                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
2847                          
2848                        >
2849                          
2850                          <span class="menu-drawer__menu-item-text wrap-text">Boys</span>
2851                        </a>
2852                      </li><li
2853                        class="menu-drawer__list-item"
2854                        style="--menu-drawer-animation-index: 2;"
2855                      >
2856                        <a
2857                          href="/collections/girls"
2858                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
2859                          
2860                        >
2861                          
2862                          <span class="menu-drawer__menu-item-text wrap-text">Girls</span>
2863                        </a>
2864                      </li><li
2865                        class="menu-drawer__list-item"
2866                        style="--menu-drawer-animation-index: 2;"
2867                      >
2868                        <a
2869                          href="/collections/unisex-kids"
2870                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
2871                          
2872                        >
2873                          
2874                          <span class="menu-drawer__menu-item-text wrap-text">Babies</span>
2875                        </a>
2876                      </li></ul>
2877                
2878              </li>
2879              <li
2880                style="--menu-drawer-animation-index: 3;"
2881                class="menu-drawer__list-item--flat"
2882              >
2883                
2884<a
2885                    id="HeaderDrawer-accessories"
2886                    href="/collections/accessories"
2887                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2888                    
2889                  >
2890                    <span class="menu-drawer__menu-item-text wrap-text">Accessories</span>
2891                  </a>
2892                
2893              </li>
2894              <li
2895                style="--menu-drawer-animation-index: 4;"
2896                class="menu-drawer__list-item--flat"
2897              >
2898                
2899<a
2900                    id="HeaderDrawer-where-to-find-us"
2901                    href="/pages/where-to-find-us"
2902                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2903                    
2904                  >
2905                    <span class="menu-drawer__menu-item-text wrap-text">Where To Find Us</span>
2906                  </a>
2907                
2908              </li>
2909        </ul>
2910      </nav>
2911      <div
2912        class="menu-drawer__utility-links menu-drawer__animated-element"
2913        style="--menu-drawer-animation-index: 4;"
2914      >
2915        
2916        </div>
2917
2918      
2919    </div>
2920    <div
2921      class="menu-drawer__backdrop"
2922      on:click="header-drawer/close"
2923    ></div>
2924  </details>
2925</header-drawer>
2926
2927
2928
2929    </div>
2930
2931  
2932
2933<style data-shopify>
2934  .header__underlay {
2935    --color-submenu: rgb(255 255 255 / 1.0);
2936  }
2937</style>
2938
2939
2940
2941
2942            
2943        
2944      
2945        
2946          
2947              
2948  <search-button
2949    class="search-action search-action--hidden-on-menu"
2950  >
2951    <button
2952      on:click="#search-modal/showDialog"
2953      class="button-unstyled header-actions__action"
2954      aria-label="Search"
2955      aria-haspopup="dialog"
2956    >
2957      <span class="hidden">
2958        Search
2959      </span>
2960
2961      <span class="svg-wrapper ">
2962        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
2963
2964      </span>
2965    </button>
2966  </search-button>
2967
2968
2969
2970
2971            
2972        
2973      
2974        
2975          
2976              
2977
2978
2979
2980
2981<a
2982  
2983  href="/"
2984  class="size-style spacing-style header-logo"
2985  style="
2986    --size-style-width: ;--size-style-height: ;
2987    --padding-block-start: 0px;--padding-block-end: 0px;
2988    --font-family: var(--font-body--family);
2989    --font-style: var(--font-body--style);
2990    --font-weight: 600;
2991  "
2992  
2993>
2994  
2995
2996  <span
2997    class="header-logo__image-container header-logo__image-container--original"
2998    data-testid="header-logo"
2999  >
3000    
3001  
3002  
3003  
3004  
3005
3006  
3007
3008  
3009
3010  
3011
3012  <img src="//kaylabatikdesign.com/cdn/shop/files/BATIK-DESIGN_v3_eb9a771e-e6ad-46a7-b1fe-124593300766.png?height=36&amp;v=1781029281" alt="Kayla Batik Design (003157239-U) - Home" width="120" height="36" class="header-logo__image" srcset="//kaylabatikdesign.com/cdn/shop/files/BATIK-DESIGN_v3_eb9a771e-e6ad-46a7-b1fe-124593300766.png?height=36&amp;v=1781029281 1x, //kaylabatikdesign.com/cdn/shop/files/BATIK-DESIGN_v3_eb9a771e-e6ad-46a7-b1fe-124593300766.png?height=72&amp;v=1781029281 2x, //kaylabatikdesign.com/cdn/shop/files/BATIK-DESIGN_v3_eb9a771e-e6ad-46a7-b1fe-124593300766.png?height=108&amp;v=1781029281 3x" style="--header-logo-image-width: 120px;--header-logo-image-width-mobile: 94px; --header-logo-image-height: 36px; --header-logo-image-height-mobile: 28px;">
3013
3014
3015  </span>
3016
3017  
3018</a>
3019
3020
3021
3022
3023
3024            
3025        
3026      
3027        
3028          
3029              
3030
3031
3032
3033    
3034
3035    
3036
3037    <header-menu
3038      ref="headerMenu"
3039      class="header-menu"
3040      
3041      data-hydration-key="header-menu"
3042    >
3043      <div class="header-menu__inner">
3044        <nav
3045          class="menu-list"
3046          aria-label="Primary"
3047          style="--menu-top-level-font-family: var(--font-body--family);
3048--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none;
3049
3050  --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height:
3051  var(--menu-font-sm--line-height);
3052
3053--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
3054"
3055        >
3056          
3057          <overflow-list
3058  
3059    ref="overflowMenu"
3060  
3061  
3062    class="overflow-menu color-scheme-1"
3063  
3064  
3065    minimum-items="2"
3066  
3067  
3068    data-testid="header-menu-overflow-list"
3069  
3070  
3071    data-skip-node-update
3072  
3073>
3074  <template shadowrootmode="open">
3075    <link href="//kaylabatikdesign.com/cdn/shop/t/5/assets/overflow-list.css?v=16727044177065489451778748726" rel="stylesheet" type="text/css" media="all" />
3076
3077    <ul part="list">
3078      <slot></slot>
3079      <slot
3080        name="more"
3081        part="more"
3082        hidden
3083        
3084      >
3085        <li
3086          part="more"
3087        >
3088          <button
3089            class="button"
3090            type="button"
3091            tabindex="0"
3092            
3093          >
3094            More
3095          </button>
3096        </li>
3097      </slot>
3098      <li
3099        part="placeholder"
3100        hidden
3101      ></li>
3102    </ul>
3103
3104    <div part="overflow">
3105      <ul part="overflow-list">
3106        <slot name="overflow"></slot>
3107      </ul>
3108    </div>
3109  </template>
3110
3111  
3112      
3113        <li
3114          role="presentation"
3115          class="menu-list__list-item"
3116          on:focus="/activate"
3117          on:blur="/deactivate"
3118          on:pointerenter="/activate"
3119          on:pointerleave="/deactivate"
3120        >
3121          <a
3122            href="/pages/about-us"
3123            data-skip-node-update="true"
3124            class="menu-list__link"
3125            ref="menuitem"
3126          >
3127            <span class="menu-list__link-title">About Us</span>
3128          </a></li>
3129      
3130        <li
3131          role="presentation"
3132          class="menu-list__list-item"
3133          on:focus="/activate"
3134          on:blur="/deactivate"
3135          on:pointerenter="/activate"
3136          on:pointerleave="/deactivate"
3137        >
3138          <a
3139            href="/collections"
3140            data-skip-node-update="true"
3141            class="menu-list__link"aria-controls="submenu-2"
3142              aria-haspopup="true"
3143              aria-expanded="false"
3144            ref="menuitem"
3145          >
3146            <span class="menu-list__link-title">Shop By</span>
3147          </a><div class="menu-list__submenu color-scheme-1" ref="submenu[]">
3148              <div
3149                id="submenu-2"
3150                class="menu-list__submenu-inner"
3151                style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
3152var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
3153none;
3154
3155    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
3156    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
3157    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
3158  
3159--menu-child-font-family: var(--font-body--family); --menu-child-font-style:
3160var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
3161none;
3162
3163    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
3164    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
3165    var(--opacity-subdued-text));
3166  
3167"
3168              >
3169                
3170                <div class="mega-menu section section--full-width-margin section--page-width">
3171                  <div
3172                    class="mega-menu__grid"
3173                    data-menu-grid-id="MegaMenuList-2"
3174                  >
3175                    
3176<ul
3177  data-menu-list-id="MegaMenuList-2"
3178  class="mega-menu__list list-unstyled"
3179  style="--menu-image-border-radius: 0px;"
3180>
3181  
3182    <li class="mega-menu__column mega-menu__column--span-1">
3183    <div>
3184      <a
3185        href="/collections/men-1"
3186        class="mega-menu__link "
3187      >
3188        
3189        <span class="wrap-text">Men</span>
3190      </a>
3191      
3192    </div>
3193
3194    
3195  
3196    
3197    <div>
3198      <a
3199        href="/collections/women"
3200        class="mega-menu__link "
3201      >
3202        
3203        <span class="wrap-text">Women</span>
3204      </a>
3205      
3206    </div>
3207
3208    
3209  
3210    
3211    <div>
3212      <a
3213        href="/collections/boys"
3214        class="mega-menu__link "
3215      >
3216        
3217        <span class="wrap-text">Boys</span>
3218      </a>
3219      
3220    </div>
3221
3222    
3223  
3224    
3225    <div>
3226      <a
3227        href="/collections/girls"
3228        class="mega-menu__link "
3229      >
3230        
3231        <span class="wrap-text">Girls</span>
3232      </a>
3233      
3234    </div>
3235
3236    
3237  
3238    
3239    <div>
3240      <a
3241        href="/collections/unisex-kids"
3242        class="mega-menu__link "
3243      >
3244        
3245        <span class="wrap-text">Babies</span>
3246      </a>
3247      
3248    </div>
3249
3250    </li>
3251  
3252</ul>
3253
3254
3255
3256<style data-shopify>
3257  [data-menu-grid-id="MegaMenuList-2"] {
3258    
3259      --menu-columns-desktop: 6;
3260      --menu-columns-tablet: 4;
3261    
3262  }
3263
3264  [data-menu-list-id="MegaMenuList-2"] {
3265    
3266      --menu-columns-desktop: 6;
3267      --menu-columns-tablet: 4;
3268    
3269  }
3270</style>
3271
3272
3273
3274                  </div>
3275                </div>
3276              </div>
3277            </div></li>
3278      
3279        <li
3280          role="presentation"
3281          class="menu-list__list-item"
3282          on:focus="/activate"
3283          on:blur="/deactivate"
3284          on:pointerenter="/activate"
3285          on:pointerleave="/deactivate"
3286        >
3287          <a
3288            href="/collections/accessories"
3289            data-skip-node-update="true"
3290            class="menu-list__link"
3291            ref="menuitem"
3292          >
3293            <span class="menu-list__link-title">Accessories</span>
3294          </a></li>
3295      
3296        <li
3297          role="presentation"
3298          class="menu-list__list-item"
3299          on:focus="/activate"
3300          on:blur="/deactivate"
3301          on:pointerenter="/activate"
3302          on:pointerleave="/deactivate"
3303        >
3304          <a
3305            href="/pages/where-to-find-us"
3306            data-skip-node-update="true"
3307            class="menu-list__link"
3308            ref="menuitem"
3309          >
3310            <span class="menu-list__link-title">Where To Find Us</span>
3311          </a></li>
3312      
3313      <li
3314        class="menu-list__list-item"
3315        role="presentation"
3316        slot="more"
3317        on:focus="/activate"
3318        on:blur="/deactivate"
3319        on:pointerenter="/activate"
3320        on:pointerleave="/deactivate"
3321      >
3322        <button role="listitem" class="menu-list__link button-unstyled">
3323          <span class="menu-list__link-title">More</span>
3324        </button>
3325      </li>
3326    
3327</overflow-list>
3328
3329        </nav>
3330      </div>
3331
3332      
3332<script
3333        src="//kaylabatikdesign.com/cdn/shop/t/5/assets/header-menu.js?v=97820922056036071501778748726"
3334        type="module"
3335        fetchpriority="low"
3336      ></script>
3336
3337    </header-menu>
3338
3339
3340<style data-shopify>
3341  .header__underlay {
3342    --color-submenu: rgb(255 255 255 / 1.0);
3343  }
3344</style>
3345
3346
3347
3348
3349            
3350        
3351      
3352    </div><div
3353      class="header__column header__column--right"
3354      data-testid="header-top-right"
3355    >
3356      
3357        
3358          
3359              
3360  
3361  
3362
3363            
3364        
3365      
3366        
3367          
3368              
3369  <search-button
3370    class="search-action search-action--hidden-on-drawer"
3371  >
3372    <button
3373      on:click="#search-modal/showDialog"
3374      class="button-unstyled header-actions__action"
3375      aria-label="Search"
3376      aria-haspopup="dialog"
3377    >
3378      <span class="hidden">
3379        Search
3380      </span>
3381
3382      <span class="svg-wrapper ">
3383        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
3384
3385      </span>
3386    </button>
3387  </search-button>
3388
3389
3390
3391
3392            
3393        
3394      
3395        
3396          
3397              
3398
3399<script
3400  type="module"
3401  src="//kaylabatikdesign.com/cdn/shop/t/5/assets/cart-icon.js?v=157241182139685326961778748726"
3402  fetchpriority="low"
3403></script>
3403
3404
3405
3406
3407
3408
3409<header-actions
3410  
3411>
3412  
3413    
3414    <div
3415      class="account-button header-actions__action color-scheme-1"
3416    >
3417      <shopify-store store-domain="https://kaylabatikdesign.com" country="MY" language="en"></shopify-store>
3418<shopify-account
3419        menu="customer-account-main-menu"
3420        
3421      >
3422        
3423          <span
3424            slot="signed-out-avatar"
3425            class="account-button__text header-actions__text-style hidden"
3426          >
3427            Account
3428          </span>
3429
3430          <span
3431            slot="signed-out-avatar"
3432            class=""
3433            aria-hidden="true"
3434          >
3435            
3436  <svg
3437    xmlns="http://www.w3.org/2000/svg"
3438    width="15"
3439    height="17"
3440    viewBox="0 0 15 17"
3441    fill="none"
3442    slot="signed-out-avatar"
3443    class="account-button__icon"
3444  >
3445    <path
3446      stroke="currentColor"
3447      stroke-linejoin="round"
3448      stroke-width="var(--icon-stroke-width)"
3449      d="M10.375 3.813a3.063 3.063 0 1 1-6.125 0 3.063 3.063 0 0 1 6.125 0ZM7.313 9.5c-3.667 0-6.24 2.691-6.563 6.125h13.125C13.552 12.191 10.979 9.5 7.312 9.5Z"
3450    />
3451  </svg>
3452
3453          </span>
3454        
3455      </shopify-account>
3456    </div>
3457  
3458
3459  
3460    
3460<script
3461      src="//kaylabatikdesign.com/cdn/shop/t/5/assets/cart-drawer.js?v=35649724213056774541778748726"
3462      type="module"
3463      fetchpriority="low"
3464    ></script>
3464
3465
3466    
3467
3468    <cart-drawer-component
3469      class="cart-drawer"
3470      
3471      
3472    >
3473      <template id="empty-cart-template">
3474        
3475      <div class="cart-drawer__header">
3476        <button
3477          ref="closeButton"
3478          on:click="cart-drawer-component/close"
3479          class="button close-button cart-drawer__close-button button-unstyled"
3480          aria-label="Close dialog"
3481        >
3482          <span class="svg-wrapper"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3483  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3484  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3485</svg>
3486</span>
3487        </button>
3488      </div>
3489
3490      <div
3491        class="cart-drawer__content"
3492        aria-label="Cart"
3493      >
3494        <h2
3495          class="cart-drawer__heading h4 cart-drawer__heading--empty"
3496          id="cart-drawer-heading-empty"
3497        >
3498          Your cart is empty
3499        </h2>
3500
3501        <div class="cart-drawer__items">
3502          
3503
3504
3505
3506<script
3507  src="//kaylabatikdesign.com/cdn/shop/t/5/assets/component-cart-items.js?v=165440327125931659001778748726"
3508  type="module"
3509  fetchpriority="low"
3510></script>
vendor: 1 bytes, line 3510
3510
3511<script
3512  src="//kaylabatikdesign.com/cdn/shop/t/5/assets/component-cart-quantity-selector.js?v=105130809908858639751778748726"
3513  type="module"
3514  fetchpriority="low"
3515></script>
vendor: 1 bytes, line 3515
3515
3516<script
3517  src="//kaylabatikdesign.com/cdn/shop/t/5/assets/volume-pricing-info.js?v=94479640769665442661778748726"
3518  type="module"
3519  fetchpriority="low"
3520></script>
3520
3521
3522<div
3523  
3524  class="cart-items__wrapper"
3525  
3526>
3527  
3528<p>
3529        Have an account? <a href="https://kaylabatikdesign.com/customer_authentication/redirect?locale=en&region_country=MY">Log in</a> to check out faster.
3530      </p><a
3531      class="button cart-items__empty-button"
3532      href="/collections/all"
3533    >
3534      <span class="button-text">
3535        Continue shopping
3536      </span>
3537    </a></div>
3538
3539
3540
3541        </div>
3542      </div>
3543    
3544      </template>
3545      <button
3546        class="header-actions__action button-unstyled"
3547        on:click="/open"
3548        aria-haspopup="dialog"
3549        aria-label="Cart"
3550        aria-describedby="cart-bubble-text"
3551        data-testid="cart-drawer-trigger"
3552      >
3553        
3554  <cart-icon
3555    class="header-actions__cart-icon"
3556    data-testid="cart-icon"
3557  >
3558    <span class="hidden">
3559      Cart
3560    </span>
3561
3562    <span
3563      class="svg-wrapper "
3564      aria-hidden="true"
3565    >
3566      <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M3.392 6.875h13.216v8.016c0 .567-.224 1.112-.624 1.513-.4.402-.941.627-1.506.627H5.522a2.13 2.13 0 0 1-1.506-.627 2.15 2.15 0 0 1-.624-1.513zM8.818 2.969h2.333c.618 0 1.211.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.313c0-.622.246-1.218.683-1.658a2.33 2.33 0 0 1 1.65-.686"/></svg>
3567
3568    </span>
3569
3570    <div
3571  ref="cartBubble"
3572  class="cart-bubble visually-hidden"
3573  
3574  
3575    data-maintain-ratio
3576  
3577>
3578  <span class="cart-bubble__background"></span>
3579  <span
3580    ref="cartBubbleText"
3581    id="cart-bubble-text"
3582    class="cart-bubble__text"
3583  >
3584    <span
3585      class="cart-bubble__text-count hidden"
3586      ref="cartBubbleCount"
3587      aria-hidden="true"
3588      data-testid="cart-bubble"
3589    >
35900</span>
3591  </span>
3592</div>
3593
3594
3595
3596  </cart-icon>
3597
3598      </button>
3599
3600      <dialog
3601        ref="dialog"
3602        class="cart-drawer__dialog dialog-modal dialog-drawer color-scheme-1 cart-drawer--empty"
3603        data-testid="cart-drawer-dialog"
3604        aria-labelledby="cart-drawer-heading-empty"
3605        scroll-lock
3606        cart-summary-sticky="true"
3607      >
3608        <span
3609          ref="liveRegion"
3610          class="visually-hidden"
3611          role="status"
3612        ></span>
3613        <div
3614          class="cart-drawer__inner"
3615          data-hydration-key="cart-drawer-inner"
3616        >
3617          
3618          
3619
3620<cart-items-component
3621  class="cart-items-component"
3622  
3623    data-drawer
3624  
3625  data-section-id="sections--20780089737351__header_section"
3626>
3627  
3628
3629      <div class="cart-drawer__header">
3630        <button
3631          ref="closeButton"
3632          on:click="cart-drawer-component/close"
3633          class="button close-button cart-drawer__close-button button-unstyled"
3634          aria-label="Close dialog"
3635        >
3636          <span class="svg-wrapper"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3637  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3638  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3639</svg>
3640</span>
3641        </button>
3642      </div>
3643
3644      <div
3645        class="cart-drawer__content"
3646        aria-label="Cart"
3647      >
3648        <h2
3649          class="cart-drawer__heading h4 cart-drawer__heading--empty"
3650          id="cart-drawer-heading-empty"
3651        >
3652          Your cart is empty
3653        </h2>
3654
3655        <div class="cart-drawer__items">
3656          
3657
3658
3659
3660<script
3661  src="//kaylabatikdesign.com/cdn/shop/t/5/assets/component-cart-items.js?v=165440327125931659001778748726"
3662  type="module"
3663  fetchpriority="low"
3664></script>
vendor: 1 bytes, line 3664
3664
3665<script
3666  src="//kaylabatikdesign.com/cdn/shop/t/5/assets/component-cart-quantity-selector.js?v=105130809908858639751778748726"
3667  type="module"
3668  fetchpriority="low"
3669></script>
vendor: 1 bytes, line 3669
3669
3670<script
3671  src="//kaylabatikdesign.com/cdn/shop/t/5/assets/volume-pricing-info.js?v=94479640769665442661778748726"
3672  type="module"
3673  fetchpriority="low"
3674></script>
3674
3675
3676<div
3677  
3678  class="cart-items__wrapper"
3679  
3680>
3681  
3682<p>
3683        Have an account? <a href="https://kaylabatikdesign.com/customer_authentication/redirect?locale=en&region_country=MY">Log in</a> to check out faster.
3684      </p><a
3685      class="button cart-items__empty-button"
3686      href="/collections/all"
3687    >
3688      <span class="button-text">
3689        Continue shopping
3690      </span>
3691    </a></div>
3692
3693
3694
3695        </div>
3696      </div>
3697    
3698
3699</cart-items-component>
3700
3701
3702
3703        </div>
3704      </dialog>
3705    </cart-drawer-component>
3706  
3707
3708  <span
3709    ref="liveRegion"
3710    class="visually-hidden"
3711    role="status"
3712    data-testid="cart-count-live-region"
3713  ></span>
3714</header-actions>
3715
3716<script
3717  type="module"
3718  src="//kaylabatikdesign.com/cdn/shop/t/5/assets/header-actions.js?v=121308165565653895611778748726"
3719  fetchpriority="low"
3720></script>
3720
3721
3722
3723
3724          
3725        
3726      
3727    </div>
3728        </div>
3729      </div>
3730    
3731  
3732    
3733
3734    
3735
3736    
3737    
3738  
3739
3740  
3741    <div class="header__row header__navigation-bar-row color-scheme-1">
3742      
3743
3744
3745
3746    
3747  
3748
3749<style data-shopify>
3750  .header__underlay {
3751    --color-submenu: rgb(255 255 255 / 1.0);
3752  }
3753</style>
3754
3755
3756
3757
3758    </div>
3759  
3760</header-component>
3761
3762<script
3763  src="//kaylabatikdesign.com/cdn/shop/t/5/assets/header.js?v=36718054510661947891778748726"
3764  type="module"
3765></script>
3765
3766
3767
3768
3769
3770  
3770<script type="module">
3771    import { hydrate } from '@theme/section-hydration';
3772    const url = new URL(window.location.href);
3773    url.searchParams.delete('page');
3774    hydrate('sections--20780089737351__header_section', url);
3775  </script>
3775
3776
3777
3778
3779</header>
3780<!-- END sections: header-group -->
3781    </div>
3782
3783    
3783<script>
3784      // Inline header height and menu style calculations to prevent layout shift
3785      // Note: Updates in calculateHeaderGroupHeight(), updateTransparentHeaderOffset() and setHeaderMenuStyle() utilities.js should be kept in sync with this function
3786      (function setHeaderHeighCustomProperties() {
3787        /*
3788         * Header calculation functions for maintaining CSS variables
3789         * Mimic calculateHeaderGroupHeight() in utilities.js
3790         */
3791        const header = document.querySelector('header-component');
3792        const headerGroup = document.querySelector('#header-group');
3793        const hasHeaderSection = headerGroup?.querySelector('.header-section');
3794
3795        if (!header || !headerGroup) return;
3796
3797        const headerTopRow = header.querySelector('.header__row--top');
3798        const headerHeight = header.offsetHeight;
3799
3800        // Calculate the total height of the header group
3801        let headerGroupHeight = 0;
3802        const children = headerGroup.children;
3803        for (let i = 0; i < children.length; i++) {
3804          const element = children[i];
3805          if (element === header || !(element instanceof HTMLElement)) continue;
3806          headerGroupHeight += element.offsetHeight;
3807        }
3808
3809        // Check for transparent header special case
3810        if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) {
3811          headerGroupHeight += headerHeight;
3812        }
3813
3814        // Set CSS variables
3815        document.body.style.setProperty('--header-height', `${headerHeight}px`);
3816        document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`);
3817
3818        if (headerTopRow) {
3819          window.requestAnimationFrame(function () {
3820            document.body.style.setProperty('--top-row-height', `${headerTopRow.offsetHeight}px`);
3821          });
3822        }
3823
3824        /**
3825         * Updates CSS custom properties for transparent header offset calculation
3826         * Mimic updateTransparentHeaderOffset() in utilities.js
3827         */
3828
3829        if (!hasHeaderSection || !header?.hasAttribute('transparent')) {
3830          document.body.style.setProperty('--transparent-header-offset-boolean', '0');
3831          return;
3832        }
3833
3834        const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section');
3835
3836        const shouldApplyOffset = !hasImmediateSection ? '1' : '0';
3837        document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset);
3838      })();
3839
3840      (function setHeaderMenuStyle() {
3841        const headerComponent = document.querySelector('#header-component');
3842        if (headerComponent) {
3843          const isTouchDevice = 'ontouchstart' in window && navigator.maxTouchPoints > 0;
3844          const overflowList = headerComponent?.querySelector('overflow-list');
3845          const hasReachedMinimum = overflowList && overflowList.hasAttribute('minimum-reached');
3846          headerComponent.dataset.menuStyle = isTouchDevice || hasReachedMinimum ? 'drawer' : 'menu';
3847        }
3848      })();
3849    </script>
3849
3850
3851    <main
3852      id="MainContent"
3853      class="content-for-layout"
3854      role="main"
3855      data-page-transition-enabled="false"
3856      data-product-transition="false"
3857      data-template="index"
3858    >
3859      <div id="shopify-section-template--20780089344135__slideshow_F8ineU" class="shopify-section container-background-image">
3860
3861
3862
3863
3864
3865
3866
3867<div class="section-background color-scheme-1"></div>
3868<div
3869  class="slideshow-section spacing-style section section--full-width color-scheme-1 disable-section-top-offset"
3870  style="--padding-block-start: 0px; --padding-block-end:0px; 
3871--padding-inline-start:0px; --padding-inline-end:0px; 
3872; --slideshow-gap: 12px;"
3873>
3874  <h2 class="visually-hidden">Slideshow</h2>
3875  <slideshow-component
3876  
3877  
3878    class="slideshow--content-on-media slideshow--single-media"
3879  
3880  style="--slideshow-timeline: --slide-0;--slide-min-height: 25rem;--slide-min-height-desktop: 45rem;"
3881  
3882  initial-slide="0"
3883  
3884  
3885    infinite
3886  
3887
3888  
3889>
3890  
3891  <slideshow-container ref="slideshowContainer">
3892    
3893    
3894    <slideshow-slides
3895      tabindex="-1"
3896      ref="scroller"
3897      
3898    >
3899      
3900  
3901
3902
3903
3904<slideshow-slide
3905  ref="slides[]"
3906  aria-hidden="false"
3907  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 40dvh 1fr; --grid-template-rows-desktop: 60dvh 1fr;"
3908  
3909    class="color-scheme-6"
3910  
3911  
3912  
3913  
3914  
3915  
3916    on:click="/select/0"
3917  
3918  
3919>
3920  
3921  
3922  
3923
3924  <div class="slide__image-container"><div
3925  class="overlay overlay--gradient"
3926  style="
3927    --overlay-layer: var(--layer-flat);
3928    --overlay-color: #000000bf;
3929    --overlay-color--end: rgba(0, 0, 0, 0);
3930    --overlay-direction: to top;"
3931></div>
3932
3933
3934
3935
3936<img src="//kaylabatikdesign.com/cdn/shop/files/btikk.png?v=1778843797&amp;width=3840" alt="" srcset="//kaylabatikdesign.com/cdn/shop/files/btikk.png?v=1778843797&amp;width=832 832w, //kaylabatikdesign.com/cdn/shop/files/btikk.png?v=1778843797&amp;width=1200 1200w, //kaylabatikdesign.com/cdn/shop/files/btikk.png?v=1778843797&amp;width=1600 1600w, //kaylabatikdesign.com/cdn/shop/files/btikk.png?v=1778843797&amp;width=1920 1920w, //kaylabatikdesign.com/cdn/shop/files/btikk.png?v=1778843797&amp;width=2560 2560w, //kaylabatikdesign.com/cdn/shop/files/btikk.png?v=1778843797&amp;width=3840 3840w" height="720" loading="eager" sizes="auto, (min-width: 750px) 100vw, 100vw" class="slide__image" fetchpriority="high">
3937</div>
3938  <div
3939    class="spacing-style slide__content color-scheme-6 background-transparent"
3940    style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
3941    
3942  >
3943    <div
3944      class="group-block-content
3945      layout-panel-flex
3946      layout-panel-flex--column
3947      mobile-column"
3948      style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
3949
3950--gap: 12px;
3951
3952--horizontal-alignment: center; --vertical-alignment: center;
3953--vertical-alignment-mobile: center;
3954"
3955    >
3956      
3957
3958
3959
3960<div
3961  class="
3962    spacer-block
3963    spacer-block--size-percent
3964    
3965  "
3966  style="
3967    
3968      --spacer-size: 0.38;
3969    
3970
3971    
3972  "
3973  
3974  data-testid="spacer-block"
3975></div>
3976
3977
3978
3979
3980
3981
3982
3983
3984
3985
3986
3987
3988
3989  <rte-formatter class=" spacing-style text-block text-block--AZHZXMnlETm9aYjlDa__text_MTAie9 rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
3990    <h3>KAYLA BATIK DESIGN</h3>
3991  </rte-formatter>
3992
3993
3994
3995
3996
3997
3998
3999
4000
4001
4002
4003
4004
4005
4006
4007  <rte-formatter class=" spacing-style text-block text-block--ANjljN0V2SXkyNDcvb__text_rLxXxP rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:20px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
4008    <p>We truly appreciate the art of batik and strive to preserve this heritage by making modern batik wear for all occasions and all ages.</p>
4009  </rte-formatter>
4010
4011
4012
4013
4014
4015
4016
4017    </div>
4018  </div>
4019
4020</slideshow-slide>
4021
4022
4023
4024
4025
4026
4027
4028
4029
4030
4031    </slideshow-slides>
4032  </slideshow-container>
4033  
4034</slideshow-component>
4035
4036
4037
4038
4039</div>
4040
4041
4042
4043
4044</div><div id="shopify-section-template--20780089344135__1778931844e914dab7" class="shopify-section section-wrapper">
4045
4046
4047
4048<div class="section-background color-scheme-1"></div>
4049<div
4050  class="section section--page-width color-scheme-1"
4051  data-testid="ui-test-section"
4052
4053  
4054
4055  style="
4056    
4057
4058    
4059  "
4060>
4061  <div class="custom-section-background">
4062    
4063
4064
4065
4066  </div>
4067
4068  <div
4069    class="border-style custom-section-content"
4070    style="--border-width: 1px; --border-style: none; --border-color:
4071rgb(var(--color-border-rgb) / 1.0); --border-radius:
40720px; 
4073"
4074  >
4075    
4076
4077    <div
4078      class="
4079        spacing-style
4080        layout-panel-flex
4081        layout-panel-flex--column
4082        section-content-wrapper
4083         mobile-column
4084      "
4085      style="
4086        --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
4087
4088--gap: 12px;
4089
4090--horizontal-alignment: flex-start; --vertical-alignment: center;
4091--vertical-alignment-mobile: center;
4092
4093        --padding-block-start: 0px;--padding-block-end: 0px;
4094      "
4095      data-testid="section-content"
4096    >
4097      
4098  
4099
4100
4101<style data-shopify>
4102  .ai-logo-carousel-av2denuirunk5tvlbnaigenblock45ea4c3g8tdjx {
4103    display: block;
4104    width: 100%;
4105    max-width: 100%;
4106    padding: 60px 0;
4107    background-color: #ffffff;
4108    overflow: hidden;
4109  }
4110
4111  .ai-logo-carousel-container-av2denuirunk5tvlbnaigenblock45ea4c3g8tdjx {
4112    max-width: 1200px;
4113    margin: 0 auto;
4114    padding: 0 20px;
4115  }
4116
4117  .ai-logo-carousel-heading-av2denuirunk5tvlbnaigenblock45ea4c3g8tdjx {
4118    text-align: center;
4119    margin-bottom: 12px;
4120    color: #000000;
4121    font-size: 32px;
4122  }
4123
4124  .ai-logo-carousel-wrapper-av2denuirunk5tvlbnaigenblock45ea4c3g8tdjx {
4125    overflow: hidden;
4126    position: relative;
4127  }
4128
4129  .ai-logo-carousel-track-av2denuirunk5tvlbnaigenblock45ea4c3g8tdjx {
4130    display: flex;
4131    gap: 16px;
4132    width: max-content;
4133  }
4134
4135  
4136    .ai-logo-carousel-track-av2denuirunk5tvlbnaigenblock45ea4c3g8tdjx {
4137      animation: ai-logo-scroll-av2denuirunk5tvlbnaigenblock45ea4c3g8tdjx 60s linear infinite;
4138    }
4139
4140    .ai-logo-carousel-track-av2denuirunk5tvlbnaigenblock45ea4c3g8tdjx:hover {
4141      animation-play-state: paused;
4142    }
4143
4144    @keyframes ai-logo-scroll-av2denuirunk5tvlbnaigenblock45ea4c3g8tdjx {
4145      0% {
4146        transform: translateX(0);
4147      }
4148      100% {
4149        transform: translateX(calc(-100% - 16px));
4150      }
4151    }
4152  
4153
4154  .ai-logo-carousel-item-av2denuirunk5tvlbnaigenblock45ea4c3g8tdjx {
4155    display: flex;
4156    align-items: center;
4157    justify-content: center;
4158    padding: 20px;
4159    background-color: #ffffff;
4160    border-radius: 0px;
4161    transition: transform 0.3s ease;
4162    
4163      flex: 0 0 auto;
4164      width: 200px;
4165    
4166  }
4167
4168  .ai-logo-carousel-item-av2denuirunk5tvlbnaigenblock45ea4c3g8tdjx:hover {
4169    transform: scale(1.1);
4170  }
4171
4172  .ai-logo-carousel-item-av2denuirunk5tvlbnaigenblock45ea4c3g8tdjx img {
4173    max-width: 100%;
4174    height: auto;
4175    max-height: 80px;
4176    object-fit: contain;
4177    opacity: 1;
4178    filter: grayscale(0%);
4179    transition: opacity 0.3s ease, filter 0.3s ease;
4180  }
4181
4182  .ai-logo-carousel-item-av2denuirunk5tvlbnaigenblock45ea4c3g8tdjx:hover img {
4183    opacity: 1;
4184    filter: grayscale(0%);
4185  }
4186
4187  .ai-logo-carousel-placeholder-av2denuirunk5tvlbnaigenblock45ea4c3g8tdjx {
4188    width: 100%;
4189    height: 80px;
4190    background-color: #f4f4f4;
4191    display: flex;
4192    align-items: center;
4193    justify-content: center;
4194    border-radius: 0px;
4195  }
4196
4197  .ai-logo-carousel-placeholder-av2denuirunk5tvlbnaigenblock45ea4c3g8tdjx svg {
4198    width: 60px;
4199    height: 60px;
4200    opacity: 0.3;
4201  }
4202</style>
4203
4204<logo-carousel-av2denuirunk5tvlbnaigenblock45ea4c3g8tdjx class="ai-logo-carousel-av2denuirunk5tvlbnaigenblock45ea4c3g8tdjx" >
4205  <div class="ai-logo-carousel-container-av2denuirunk5tvlbnaigenblock45ea4c3g8tdjx">
4206    
4207      <h2 class="ai-logo-carousel-heading-av2denuirunk5tvlbnaigenblock45ea4c3g8tdjx">Brand Partners</h2>
4208    
4209
4210    <div class="ai-logo-carousel-wrapper-av2denuirunk5tvlbnaigenblock45ea4c3g8tdjx">
4211      <div class="ai-logo-carousel-track-av2denuirunk5tvlbnaigenblock45ea4c3g8tdjx">
4212        
4213          
4214          
4215          
4216          <div class="ai-logo-carousel-item-av2denuirunk5tvlbnaigenblock45ea4c3g8tdjx">
4217            
4218              <img
4219                src="//kaylabatikdesign.com/cdn/shop/files/Ritz-Carlton-Logo-1965_dd14c08f-c67a-4ffe-8c50-a2f1d66c3662.png?v=1778933653&width=400"
4220                alt=""
4221                loading="lazy"
4222                width="1333"
4223                height="838"
4224              >
4225            
4226          </div>
4227        
4228          
4229          
4230          
4231          <div class="ai-logo-carousel-item-av2denuirunk5tvlbnaigenblock45ea4c3g8tdjx">
4232            
4233              <img
4234                src="//kaylabatikdesign.com/cdn/shop/files/anantara-hotels-resorts-spas-logo-vector-410x228_37fe2e0b-98de-4966-8a51-dfdf4229ee99.png?v=1778933650&width=400"
4235                alt=""
4236                loading="lazy"
4237                width="410"
4238                height="228"
4239              >
4240            
4241          </div>
4242        
4243          
4244          
4245          
4246          <div class="ai-logo-carousel-item-av2denuirunk5tvlbnaigenblock45ea4c3g8tdjx">
4247            
4248              <img
4249                src="//kaylabatikdesign.com/cdn/shop/files/Marriott_Logo_svg_903f13b4-a475-4089-95ca-f7feeb2dc354.png?v=1778933643&width=400"
4250                alt=""
4251                loading="lazy"
4252                width="960"
4253                height="496"
4254              >
4255            
4256          </div>
4257        
4258          
4259          
4260          
4261          <div class="ai-logo-carousel-item-av2denuirunk5tvlbnaigenblock45ea4c3g8tdjx">
4262            
4263              <img
4264                src="//kaylabatikdesign.com/cdn/shop/files/Mandarin_Oriental_Hotel_Group_logo_svg_afa69750-00cc-4134-8e0b-a2a311cf1252.png?v=1778933641&width=400"
4265                alt=""
4266                loading="lazy"
4267                width="960"
4268                height="755"
4269              >
4270            
4271          </div>
4272        
4273          
4274          
4275          
4276          <div class="ai-logo-carousel-item-av2denuirunk5tvlbnaigenblock45ea4c3g8tdjx">
4277            
4278              <img
4279                src="//kaylabatikdesign.com/cdn/shop/files/Club_Med_logo_d99a9b16-346c-4091-8bbc-6b1e458c62bd.svg?v=1778933638&width=400"
4280                alt=""
4281                loading="lazy"
4282                width="1024"
4283                height="200"
4284              >
4285            
4286          </div>
4287        
4288          
4289          
4290          
4291          <div class="ai-logo-carousel-item-av2denuirunk5tvlbnaigenblock45ea4c3g8tdjx">
4292            
4293              <img
4294                src="//kaylabatikdesign.com/cdn/shop/files/38027da8abda2df00558252f41dca63b_71de8fd3-ad5b-47a0-bdb5-613ffc3fe665.jpg?v=1778933638&width=400"
4295                alt=""
4296                loading="lazy"
4297                width="733"
4298                height="264"
4299              >
4300            
4301          </div>
4302        
4303          
4304          
4305          
4306          <div class="ai-logo-carousel-item-av2denuirunk5tvlbnaigenblock45ea4c3g8tdjx">
4307            
4308              <img
4309                src="//kaylabatikdesign.com/cdn/shop/files/images_1_6a088a6b-6ea7-4bba-a089-a285f0384ce0.png?v=1778933621&width=400"
4310                alt=""
4311                loading="lazy"
4312                width="380"
4313                height="133"
4314              >
4315            
4316          </div>
4317        
4318          
4319          
4320          
4321          <div class="ai-logo-carousel-item-av2denuirunk5tvlbnaigenblock45ea4c3g8tdjx">
4322            
4323              <img
4324                src="//kaylabatikdesign.com/cdn/shop/files/images_2344838b-8325-4a08-988e-14506d5f9436.jpg?v=1778933612&width=400"
4325                alt=""
4326                loading="lazy"
4327                width="400"
4328                height="126"
4329              >
4330            
4331          </div>
4332        
4333          
4334          
4335          
4336          <div class="ai-logo-carousel-item-av2denuirunk5tvlbnaigenblock45ea4c3g8tdjx">
4337            
4338              <img
4339                src="//kaylabatikdesign.com/cdn/shop/files/images_2_fb7fbf02-b73a-42e0-bd9e-ed5a1c48f961.png?v=1778933604&width=400"
4340                alt=""
4341                loading="lazy"
4342                width="229"
4343                height="220"
4344              >
4345            
4346          </div>
4347        
4348          
4349          
4350          
4351          <div class="ai-logo-carousel-item-av2denuirunk5tvlbnaigenblock45ea4c3g8tdjx">
4352            
4353              <img
4354                src="//kaylabatikdesign.com/cdn/shop/files/Screenshot_2026-05-16_173524_f1165c38-0233-48fb-b401-f2ade60c6d23.png?v=1778933594&width=400"
4355                alt=""
4356                loading="lazy"
4357                width="219"
4358                height="208"
4359              >
4360            
4361          </div>
4362        
4363          
4364          
4365          
4366          <div class="ai-logo-carousel-item-av2denuirunk5tvlbnaigenblock45ea4c3g8tdjx">
4367            
4368              <img
4369                src="//kaylabatikdesign.com/cdn/shop/files/Screenshot_2026-05-16_173758_728c9d67-ae09-40a8-9ee5-6669f85f6f9a.png?v=1778933589&width=400"
4370                alt=""
4371                loading="lazy"
4372                width="244"
4373                height="218"
4374              >
4375            
4376          </div>
4377        
4378          
4379          
4380          
4381          <div class="ai-logo-carousel-item-av2denuirunk5tvlbnaigenblock45ea4c3g8tdjx">
4382            
4383              <img
4384                src="//kaylabatikdesign.com/cdn/shop/files/Screenshot_2026-05-16_174039_67153c95-a404-4324-80fc-11e57d3edef7.png?v=1778933583&width=400"
4385                alt=""
4386                loading="lazy"
4387                width="360"
4388                height="153"
4389              >
4390            
4391          </div>
4392        
4393          
4394          
4395          
4396          <div class="ai-logo-carousel-item-av2denuirunk5tvlbnaigenblock45ea4c3g8tdjx">
4397            
4398              <img
4399                src="//kaylabatikdesign.com/cdn/shop/files/Screenshot_2026-05-16_174519.png?v=1778933736&width=400"
4400                alt=""
4401                loading="lazy"
4402                width="277"
4403                height="227"
4404              >
4405            
4406          </div>
4407        
4408
4409        
4410          
4411            
4412            
4413            
4414            <div class="ai-logo-carousel-item-av2denuirunk5tvlbnaigenblock45ea4c3g8tdjx" aria-hidden="true">
4415              
4416                <img
4417                  src="//kaylabatikdesign.com/cdn/shop/files/Ritz-Carlton-Logo-1965_dd14c08f-c67a-4ffe-8c50-a2f1d66c3662.png?v=1778933653&width=400"
4418                  alt=""
4419                  loading="lazy"
4420                  width="1333"
4421                  height="838"
4422                >
4423              
4424            </div>
4425          
4426            
4427            
4428            
4429            <div class="ai-logo-carousel-item-av2denuirunk5tvlbnaigenblock45ea4c3g8tdjx" aria-hidden="true">
4430              
4431                <img
4432                  src="//kaylabatikdesign.com/cdn/shop/files/anantara-hotels-resorts-spas-logo-vector-410x228_37fe2e0b-98de-4966-8a51-dfdf4229ee99.png?v=1778933650&width=400"
4433                  alt=""
4434                  loading="lazy"
4435                  width="410"
4436                  height="228"
4437                >
4438              
4439            </div>
4440          
4441            
4442            
4443            
4444            <div class="ai-logo-carousel-item-av2denuirunk5tvlbnaigenblock45ea4c3g8tdjx" aria-hidden="true">
4445              
4446                <img
4447                  src="//kaylabatikdesign.com/cdn/shop/files/Marriott_Logo_svg_903f13b4-a475-4089-95ca-f7feeb2dc354.png?v=1778933643&width=400"
4448                  alt=""
4449                  loading="lazy"
4450                  width="960"
4451                  height="496"
4452                >
4453              
4454            </div>
4455          
4456            
4457            
4458            
4459            <div class="ai-logo-carousel-item-av2denuirunk5tvlbnaigenblock45ea4c3g8tdjx" aria-hidden="true">
4460              
4461                <img
4462                  src="//kaylabatikdesign.com/cdn/shop/files/Mandarin_Oriental_Hotel_Group_logo_svg_afa69750-00cc-4134-8e0b-a2a311cf1252.png?v=1778933641&width=400"
4463                  alt=""
4464                  loading="lazy"
4465                  width="960"
4466                  height="755"
4467                >
4468              
4469            </div>
4470          
4471            
4472            
4473            
4474            <div class="ai-logo-carousel-item-av2denuirunk5tvlbnaigenblock45ea4c3g8tdjx" aria-hidden="true">
4475              
4476                <img
4477                  src="//kaylabatikdesign.com/cdn/shop/files/Club_Med_logo_d99a9b16-346c-4091-8bbc-6b1e458c62bd.svg?v=1778933638&width=400"
4478                  alt=""
4479                  loading="lazy"
4480                  width="1024"
4481                  height="200"
4482                >
4483              
4484            </div>
4485          
4486            
4487            
4488            
4489            <div class="ai-logo-carousel-item-av2denuirunk5tvlbnaigenblock45ea4c3g8tdjx" aria-hidden="true">
4490              
4491                <img
4492                  src="//kaylabatikdesign.com/cdn/shop/files/38027da8abda2df00558252f41dca63b_71de8fd3-ad5b-47a0-bdb5-613ffc3fe665.jpg?v=1778933638&width=400"
4493                  alt=""
4494                  loading="lazy"
4495                  width="733"
4496                  height="264"
4497                >
4498              
4499            </div>
4500          
4501            
4502            
4503            
4504            <div class="ai-logo-carousel-item-av2denuirunk5tvlbnaigenblock45ea4c3g8tdjx" aria-hidden="true">
4505              
4506                <img
4507                  src="//kaylabatikdesign.com/cdn/shop/files/images_1_6a088a6b-6ea7-4bba-a089-a285f0384ce0.png?v=1778933621&width=400"
4508                  alt=""
4509                  loading="lazy"
4510                  width="380"
4511                  height="133"
4512                >
4513              
4514            </div>
4515          
4516            
4517            
4518            
4519            <div class="ai-logo-carousel-item-av2denuirunk5tvlbnaigenblock45ea4c3g8tdjx" aria-hidden="true">
4520              
4521                <img
4522                  src="//kaylabatikdesign.com/cdn/shop/files/images_2344838b-8325-4a08-988e-14506d5f9436.jpg?v=1778933612&width=400"
4523                  alt=""
4524                  loading="lazy"
4525                  width="400"
4526                  height="126"
4527                >
4528              
4529            </div>
4530          
4531            
4532            
4533            
4534            <div class="ai-logo-carousel-item-av2denuirunk5tvlbnaigenblock45ea4c3g8tdjx" aria-hidden="true">
4535              
4536                <img
4537                  src="//kaylabatikdesign.com/cdn/shop/files/images_2_fb7fbf02-b73a-42e0-bd9e-ed5a1c48f961.png?v=1778933604&width=400"
4538                  alt=""
4539                  loading="lazy"
4540                  width="229"
4541                  height="220"
4542                >
4543              
4544            </div>
4545          
4546            
4547            
4548            
4549            <div class="ai-logo-carousel-item-av2denuirunk5tvlbnaigenblock45ea4c3g8tdjx" aria-hidden="true">
4550              
4551                <img
4552                  src="//kaylabatikdesign.com/cdn/shop/files/Screenshot_2026-05-16_173524_f1165c38-0233-48fb-b401-f2ade60c6d23.png?v=1778933594&width=400"
4553                  alt=""
4554                  loading="lazy"
4555                  width="219"
4556                  height="208"
4557                >
4558              
4559            </div>
4560          
4561            
4562            
4563            
4564            <div class="ai-logo-carousel-item-av2denuirunk5tvlbnaigenblock45ea4c3g8tdjx" aria-hidden="true">
4565              
4566                <img
4567                  src="//kaylabatikdesign.com/cdn/shop/files/Screenshot_2026-05-16_173758_728c9d67-ae09-40a8-9ee5-6669f85f6f9a.png?v=1778933589&width=400"
4568                  alt=""
4569                  loading="lazy"
4570                  width="244"
4571                  height="218"
4572                >
4573              
4574            </div>
4575          
4576            
4577            
4578            
4579            <div class="ai-logo-carousel-item-av2denuirunk5tvlbnaigenblock45ea4c3g8tdjx" aria-hidden="true">
4580              
4581                <img
4582                  src="//kaylabatikdesign.com/cdn/shop/files/Screenshot_2026-05-16_174039_67153c95-a404-4324-80fc-11e57d3edef7.png?v=1778933583&width=400"
4583                  alt=""
4584                  loading="lazy"
4585                  width="360"
4586                  height="153"
4587                >
4588              
4589            </div>
4590          
4591            
4592            
4593            
4594            <div class="ai-logo-carousel-item-av2denuirunk5tvlbnaigenblock45ea4c3g8tdjx" aria-hidden="true">
4595              
4596                <img
4597                  src="//kaylabatikdesign.com/cdn/shop/files/Screenshot_2026-05-16_174519.png?v=1778933736&width=400"
4598                  alt=""
4599                  loading="lazy"
4600                  width="277"
4601                  height="227"
4602                >
4603              
4604            </div>
4605          
4606        
4607      </div>
4608    </div>
4609  </div>
4610</logo-carousel-av2denuirunk5tvlbnaigenblock45ea4c3g8tdjx>
4611
4612<script>
4613  (function() {
4614    class LogoCarouselav2denuirunk5tvlbnaigenblock45ea4c3g8tdjx extends HTMLElement {
4615      constructor() {
4616        super();
4617      }
4618
4619      connectedCallback() {
4620        this.track = this.querySelector('.ai-logo-carousel-track-av2denuirunk5tvlbnaigenblock45ea4c3g8tdjx');
4621      }
4622    }
4623
4624    customElements.define('logo-carousel-av2denuirunk5tvlbnaigenblock45ea4c3g8tdjx', LogoCarouselav2denuirunk5tvlbnaigenblock45ea4c3g8tdjx);
4625  })();
4626</script>
4626
4627
4628
4629
4630
4631    </div>
4632  </div>
4633</div>
4634
4635
4636
4637
4638
4639</div><div id="shopify-section-template--20780089344135__section_6E4Pzz" class="shopify-section section-wrapper">
4640
4641
4642
4643<div class="section-background color-scheme-1"></div>
4644<div
4645  class="section section--page-width color-scheme-1"
4646  data-testid="ui-test-section"
4647
4648  
4649
4650  style="
4651    
4652
4653    
4654  "
4655>
4656  <div class="custom-section-background">
4657    
4658
4659
4660
4661  </div>
4662
4663  <div
4664    class="border-style custom-section-content"
4665    style="--border-width: 1px; --border-style: none; --border-color:
4666rgb(var(--color-border-rgb) / 1.0); --border-radius:
46670px; 
4668"
4669  >
4670    
4671
4672    <div
4673      class="
4674        spacing-style
4675        layout-panel-flex
4676        layout-panel-flex--row
4677        section-content-wrapper
4678         mobile-column
4679      "
4680      style="
4681        --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
4682
4683--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));
4684
4685--horizontal-alignment: flex-start; --vertical-alignment: center;
4686--vertical-alignment-mobile: center;
4687
4688        --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));
4689      "
4690      data-testid="section-content"
4691    >
4692      
4693  
4694
4695
4696
4697
4698
4699
4700
4701
4702
4703
4704
4705
4706
4707
4708  <div
4709    class="
4710  image-block image-block--AN3hZcnZlcTNXTk0ye__image_ULJg4n image-block--height-fit spacing-style size-style
4711"
4712    style="
4713  --ratio: 1;
4714  --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
4715  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
4716"
4717    
4718  >
4719    
4720<img src="//kaylabatikdesign.com/cdn/shop/files/Gemini_Generated_Image_nzjibtnzjibtnzji.png?v=1778775137&amp;width=3840" alt="" srcset="//kaylabatikdesign.com/cdn/shop/files/Gemini_Generated_Image_nzjibtnzjibtnzji.png?v=1778775137&amp;width=240 240w, //kaylabatikdesign.com/cdn/shop/files/Gemini_Generated_Image_nzjibtnzjibtnzji.png?v=1778775137&amp;width=352 352w, //kaylabatikdesign.com/cdn/shop/files/Gemini_Generated_Image_nzjibtnzjibtnzji.png?v=1778775137&amp;width=832 832w, //kaylabatikdesign.com/cdn/shop/files/Gemini_Generated_Image_nzjibtnzjibtnzji.png?v=1778775137&amp;width=1200 1200w, //kaylabatikdesign.com/cdn/shop/files/Gemini_Generated_Image_nzjibtnzjibtnzji.png?v=1778775137&amp;width=1600 1600w, //kaylabatikdesign.com/cdn/shop/files/Gemini_Generated_Image_nzjibtnzjibtnzji.png?v=1778775137&amp;width=1920 1920w, //kaylabatikdesign.com/cdn/shop/files/Gemini_Generated_Image_nzjibtnzjibtnzji.png?v=1778775137&amp;width=2560 2560w, //kaylabatikdesign.com/cdn/shop/files/Gemini_Generated_Image_nzjibtnzjibtnzji.png?v=1778775137&amp;width=3840 3840w" width="761" height="762" class="image-block__image border-style" style="
4721  --ratio: 1;
4722  --border-width: 1px; --border-style: none; --border-color:
4723rgb(var(--color-border-rgb) / 1.0); --border-radius:
47240px; 
4725
4726" sizes="auto, (min-width: 750px) 100vw, 100vw">
4727
4728  </div>
4729
4730
4731
4732
4733
4734
4735
4736
4737<div
4738  class="
4739    group-block
4740    group-block--height-custom
4741    group-block--width-custom
4742    border-style
4743    spacing-style
4744    size-style
4745    
4746    
4747  "
4748  style="
4749    --border-width: 1px; --border-style: none; --border-color:
4750rgb(var(--color-border-rgb) / 1.0); --border-radius:
47510px; 
4752
4753    --padding-block-start: 16px;--padding-block-end: 16px;--padding-inline-start: 20px;--padding-inline-end: 20px;
4754    --size-style-width:100%;--size-style-height:100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
4755    
4756  "
4757  
4758  data-testid="group-block"
4759><div class="group-block__media-wrapper">
4760    
4761
4762
4763
4764    
4765      <div
4766  class="overlay overlay--solid"
4767  style="
4768    --overlay-layer: 0;
4769    --overlay-color: #ede8d0;
4770    --overlay-color--end: rgba(237, 232, 208, 0);
4771    --overlay-direction: to top; --overlay-border-radius: 0px;"
4772></div>
4773
4774
4775
4776    
4777  </div>
4778
4779  <div
4780    class="
4781      group-block-content
4782      
4783      layout-panel-flex
4784      layout-panel-flex--column
4785       mobile-column
4786    "
4787    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
4788
4789--gap: 12px;
4790
4791--horizontal-alignment: center; --vertical-alignment: center;
4792--vertical-alignment-mobile: center;
4793"
4794  >
4795  
4796
4797
4798
4799
4800
4801
4802
4803
4804  <div class=" spacing-style text-block text-block--AUEcveC9tMFpTM2lQc__text_bBGwLG h3      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
4805    <p>Why Batik?</p>
4806  </div>
4807
4808
4809
4810
4811
4812
4813
4814
4815
4816
4817
4818
4819
4820
4821
4822  <rte-formatter class=" spacing-style text-block text-block--AYnZKZzVPM1VMSE10e__text_gCHV6X rte    text-block--align-center rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-narrow);          --text-align: center;          ">
4823    <p>We love batik for its rich artistry and individuality. Each motif tells a unique story, transforming everyday apparel into something meaningful and distinctive.</p>
4824  </rte-formatter>
4825
4826
4827
4828
4829
4830
4831
4832</div>
4833</div>
4834
4835
4836
4837
4838
4839
4840
4841
4842
4843
4844
4845
4846
4847
4848
4849
4850
4851
4852
4853
4854  <div
4855    class="
4856  image-block image-block--AYjkrVjVjd2xTdlpOd__image_GEyQM6 image-block--height-fit spacing-style size-style
4857"
4858    style="
4859  --ratio: 1;
4860  --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
4861  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
4862"
4863    
4864  >
4865    
4866<img src="//kaylabatikdesign.com/cdn/shop/files/Gemini_Generated_Image_rx96k0rx96k0rx96.png?v=1778775424&amp;width=3840" alt="" srcset="//kaylabatikdesign.com/cdn/shop/files/Gemini_Generated_Image_rx96k0rx96k0rx96.png?v=1778775424&amp;width=240 240w, //kaylabatikdesign.com/cdn/shop/files/Gemini_Generated_Image_rx96k0rx96k0rx96.png?v=1778775424&amp;width=352 352w, //kaylabatikdesign.com/cdn/shop/files/Gemini_Generated_Image_rx96k0rx96k0rx96.png?v=1778775424&amp;width=832 832w, //kaylabatikdesign.com/cdn/shop/files/Gemini_Generated_Image_rx96k0rx96k0rx96.png?v=1778775424&amp;width=1200 1200w, //kaylabatikdesign.com/cdn/shop/files/Gemini_Generated_Image_rx96k0rx96k0rx96.png?v=1778775424&amp;width=1600 1600w, //kaylabatikdesign.com/cdn/shop/files/Gemini_Generated_Image_rx96k0rx96k0rx96.png?v=1778775424&amp;width=1920 1920w, //kaylabatikdesign.com/cdn/shop/files/Gemini_Generated_Image_rx96k0rx96k0rx96.png?v=1778775424&amp;width=2560 2560w, //kaylabatikdesign.com/cdn/shop/files/Gemini_Generated_Image_rx96k0rx96k0rx96.png?v=1778775424&amp;width=3840 3840w" width="842" height="843" class="image-block__image border-style" style="
4867  --ratio: 1;
4868  --border-width: 1px; --border-style: none; --border-color:
4869rgb(var(--color-border-rgb) / 1.0); --border-radius:
48700px; 
4871
4872" sizes="auto, (min-width: 750px) 100vw, 100vw">
4873
4874  </div>
4875
4876
4877
4878
4879
4880
4881
4882    </div>
4883  </div>
4884</div>
4885
4886
4887
4888
4889
4890</div><div id="shopify-section-template--20780089344135__collection_list_TfqENz" class="shopify-section ui-test-collection-list">
4891
4892
4893
4894<div class="section-background color-scheme-1"></div>
4895
4896<div
4897  class="
4898    section
4899    section--page-width
4900    color-scheme-1
4901    section-resource-list
4902    spacing-style
4903    gap-style
4904  "
4905  style="
4906    --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));
4907    --gap: 12px;
4908  "
4909  data-testid="collection-list"
4910>
4911  <div class="section-resource-list__content">
4912
4913
4914<div
4915  class="
4916    group-block
4917    group-block--height-fit
4918    group-block--width-fill
4919    border-style
4920    spacing-style
4921    size-style
4922    
4923    
4924  "
4925  style="
4926    --border-width: 1px; --border-style: none; --border-color:
4927rgb(var(--color-border-rgb) / 1.0); --border-radius:
49280px; 
4929
4930    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
4931    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
4932    
4933  "
4934  
4935  data-testid="group-block"
4936><div class="group-block__media-wrapper">
4937    
4938
4939
4940
4941    
4942  </div>
4943
4944  <div
4945    class="
4946      group-block-content
4947      
4948      layout-panel-flex
4949      layout-panel-flex--column
4950       mobile-column
4951    "
4952    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
4953
4954--gap: 12px;
4955
4956--horizontal-alignment: flex-start; --vertical-alignment: center;
4957--vertical-alignment-mobile: center;
4958"
4959  >
4960  
4961
4962
4963
4964
4965
4966
4967
4968
4969  <rte-formatter class=" spacing-style text-block text-block--AN25BckFRd1lnNzBJU__text_b73CHj rte     rte   "  style="    --padding-block-start: 0px; --padding-block-end:16px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
4970    <h3>Our Collections</h3>
4971  </rte-formatter>
4972
4973
4974
4975
4976
4977
4978
4979</div>
4980</div>
4981
4982
4983
4984
4985
4986</div>
4987
4988  
4989
4990  
4991
4992  
4993
4994  
4995
4996<div
4997  class="
4998    resource-list
4999    
5000    
5001    resource-list--grid
5002  "
5003  style="--resource-list-column-gap-desktop: 8px;--resource-list-row-gap-desktop: 8px;--resource-list-columns: repeat(6, 1fr);--resource-list-columns-mobile: repeat(2, 1fr);--column-count-mobile: 2;"
5004  
5005    data-testid="collections-list-grid"
5006  
5007>
5008  
5009      
5010    
5011      <div class="resource-list__item">
5012        
5013
5014
5015
5016
5017
5018
5019
5020<style data-shopify>
5021  
5022</style>
5023
5024
5025
5026<div
5027  class="
5028    collection-card
5029    border-style
5030    
5031    
5032    
5033    
5034  "
5035  data-block-id="AYVZDWS91Y0YyT2dIa__static-collection-card"
5036  
5037  style="
5038    --border-width: 1px; --border-style: none; --border-color:
5039rgb(var(--color-border-rgb) / 1.0); --border-radius:
50400px; 
5041
5042    --horizontal-alignment: center;
5043    --vertical-alignment: flex-start;
5044    --background-overlay-color: ;
5045    --gap: 8px;
5046  ">
5047  <a
5048    class="collection-card__link"
5049    
5050      href="/collections/women"
5051    
5052  >
5053    <span class="visually-hidden">WOMEN</span>
5054  </a>
5055  <div class="collection-card__inner">
5056    
5057  
5058
5059
5060
5061
5062
5063<style data-shopify>
5064  
5065    .collection-card[data-block-id="AYVZDWS91Y0YyT2dIa__static-collection-card"] {
5066      --ratio: 0.6665805785123967;
5067    }
5068  
5069</style>
5070
5071
5072  <div
5073    class="
5074      resource-image
5075      
5076        collection-card__image
5077      
5078      spacing-style border-style
5079      
5080    "
5081    style="--border-width: 1px; --border-style: none; --border-color:
5082rgb(var(--color-border-rgb) / 1.0); --border-radius:
50830px; 
5084"
5085    
5086  ><img src="//kaylabatikdesign.com/cdn/shop/collections/women_600x_crop_center_71b44bf3-a54b-43ec-b701-d261651c8586.jpg?v=1695394987&amp;width=3840" alt="WOMEN" srcset="//kaylabatikdesign.com/cdn/shop/collections/women_600x_crop_center_71b44bf3-a54b-43ec-b701-d261651c8586.jpg?v=1695394987&amp;width=240 240w, //kaylabatikdesign.com/cdn/shop/collections/women_600x_crop_center_71b44bf3-a54b-43ec-b701-d261651c8586.jpg?v=1695394987&amp;width=352 352w, //kaylabatikdesign.com/cdn/shop/collections/women_600x_crop_center_71b44bf3-a54b-43ec-b701-d261651c8586.jpg?v=1695394987&amp;width=832 832w, //kaylabatikdesign.com/cdn/shop/collections/women_600x_crop_center_71b44bf3-a54b-43ec-b701-d261651c8586.jpg?v=1695394987&amp;width=1200 1200w, //kaylabatikdesign.com/cdn/shop/collections/women_600x_crop_center_71b44bf3-a54b-43ec-b701-d261651c8586.jpg?v=1695394987&amp;width=1600 1600w, //kaylabatikdesign.com/cdn/shop/collections/women_600x_crop_center_71b44bf3-a54b-43ec-b701-d261651c8586.jpg?v=1695394987&amp;width=1920 1920w, //kaylabatikdesign.com/cdn/shop/collections/women_600x_crop_center_71b44bf3-a54b-43ec-b701-d261651c8586.jpg?v=1695394987&amp;width=2560 2560w, //kaylabatikdesign.com/cdn/shop/collections/women_600x_crop_center_71b44bf3-a54b-43ec-b701-d261651c8586.jpg?v=1695394987&amp;width=3840 3840w" width="3840" height="5761" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 16vw, 100vw">
5087  </div>
5088
5089
5090
5091
5092
5093
5094
5095
5096    <div class="collection-card__content layout-panel-flex--column">
5097      
5098  
5099
5100
5101  
5102  
5103
5104
5105
5106
5107
5108
5109  <div class=" spacing-style text-block text-block--Ab0JrcW42ME5SMHl5d__collection_title_nd4z4T rte     text-block--background  rte   "  style="    --padding-block-start: 4px; --padding-block-end:4px; --padding-inline-start:8px; --padding-inline-end:8px;         --width: fit-content;    --max-width: var(--max-width--body-normal);              --text-background-color: #ffffff;      --text-corner-radius: 0px;      --text-padding: max(var(--padding-2xs), calc((var(--text-corner-radius) + var(--padding-xs)) * (1 - cos(45deg))));      ">
5110    <p>WOMEN</p>
5111  </div>
5112
5113
5114
5115
5116
5117
5118
5119
5120
5121    </div>
5122  </div>
5123</div>
5124
5125
5126
5127
5128
5129
5130      </div>
5131      
5132        <!--@list/split-->
5133      
5134    
5135      <div class="resource-list__item">
5136        
5137
5138
5139
5140
5141
5142
5143
5144<style data-shopify>
5145  
5146</style>
5147
5148
5149
5150<div
5151  class="
5152    collection-card
5153    border-style
5154    
5155    
5156    
5157    
5158  "
5159  data-block-id="AYVZDWS91Y0YyT2dIa__static-collection-card-1"
5160  
5161  style="
5162    --border-width: 1px; --border-style: none; --border-color:
5163rgb(var(--color-border-rgb) / 1.0); --border-radius:
51640px; 
5165
5166    --horizontal-alignment: center;
5167    --vertical-alignment: flex-start;
5168    --background-overlay-color: ;
5169    --gap: 8px;
5170  ">
5171  <a
5172    class="collection-card__link"
5173    
5174      href="/collections/men-1"
5175    
5176  >
5177    <span class="visually-hidden">MEN</span>
5178  </a>
5179  <div class="collection-card__inner">
5180    
5181  
5182
5183
5184
5185
5186
5187<style data-shopify>
5188  
5189    .collection-card[data-block-id="AYVZDWS91Y0YyT2dIa__static-collection-card-1"] {
5190      --ratio: 0.6665805785123967;
5191    }
5192  
5193</style>
5194
5195
5196  <div
5197    class="
5198      resource-image
5199      
5200        collection-card__image
5201      
5202      spacing-style border-style
5203      
5204    "
5205    style="--border-width: 1px; --border-style: none; --border-color:
5206rgb(var(--color-border-rgb) / 1.0); --border-radius:
52070px; 
5208"
5209    
5210  ><img src="//kaylabatikdesign.com/cdn/shop/collections/Image-145-2.jpg?v=1701840759&amp;width=3840" alt="MEN" srcset="//kaylabatikdesign.com/cdn/shop/collections/Image-145-2.jpg?v=1701840759&amp;width=240 240w, //kaylabatikdesign.com/cdn/shop/collections/Image-145-2.jpg?v=1701840759&amp;width=352 352w, //kaylabatikdesign.com/cdn/shop/collections/Image-145-2.jpg?v=1701840759&amp;width=832 832w, //kaylabatikdesign.com/cdn/shop/collections/Image-145-2.jpg?v=1701840759&amp;width=1200 1200w, //kaylabatikdesign.com/cdn/shop/collections/Image-145-2.jpg?v=1701840759&amp;width=1600 1600w, //kaylabatikdesign.com/cdn/shop/collections/Image-145-2.jpg?v=1701840759&amp;width=1920 1920w, //kaylabatikdesign.com/cdn/shop/collections/Image-145-2.jpg?v=1701840759&amp;width=2560 2560w, //kaylabatikdesign.com/cdn/shop/collections/Image-145-2.jpg?v=1701840759&amp;width=3840 3840w" width="3840" height="5761" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 16vw, 100vw">
5211  </div>
5212
5213
5214
5215
5216
5217
5218
5219
5220    <div class="collection-card__content layout-panel-flex--column">
5221      
5222  
5223
5224
5225  
5226  
5227
5228
5229
5230
5231
5232
5233  <div class=" spacing-style text-block text-block--Ab0JrcW42ME5SMHl5d__collection_title_nd4z4T-1 rte     text-block--background  rte   "  style="    --padding-block-start: 4px; --padding-block-end:4px; --padding-inline-start:8px; --padding-inline-end:8px;         --width: fit-content;    --max-width: var(--max-width--body-normal);              --text-background-color: #ffffff;      --text-corner-radius: 0px;      --text-padding: max(var(--padding-2xs), calc((var(--text-corner-radius) + var(--padding-xs)) * (1 - cos(45deg))));      ">
5234    <p>MEN</p>
5235  </div>
5236
5237
5238
5239
5240
5241
5242
5243
5244
5245    </div>
5246  </div>
5247</div>
5248
5249
5250
5251
5252
5253
5254      </div>
5255      
5256        <!--@list/split-->
5257      
5258    
5259      <div class="resource-list__item">
5260        
5261
5262
5263
5264
5265
5266
5267
5268<style data-shopify>
5269  
5270</style>
5271
5272
5273
5274<div
5275  class="
5276    collection-card
5277    border-style
5278    
5279    
5280    
5281    
5282  "
5283  data-block-id="AYVZDWS91Y0YyT2dIa__static-collection-card-2"
5284  
5285  style="
5286    --border-width: 1px; --border-style: none; --border-color:
5287rgb(var(--color-border-rgb) / 1.0); --border-radius:
52880px; 
5289
5290    --horizontal-alignment: center;
5291    --vertical-alignment: flex-start;
5292    --background-overlay-color: ;
5293    --gap: 8px;
5294  ">
5295  <a
5296    class="collection-card__link"
5297    
5298      href="/collections/boys"
5299    
5300  >
5301    <span class="visually-hidden">BOYS</span>
5302  </a>
5303  <div class="collection-card__inner">
5304    
5305  
5306
5307
5308
5309
5310
5311<style data-shopify>
5312  
5313    .collection-card[data-block-id="AYVZDWS91Y0YyT2dIa__static-collection-card-2"] {
5314      --ratio: 0.6665805785123967;
5315    }
5316  
5317</style>
5318
5319
5320  <div
5321    class="
5322      resource-image
5323      
5324        collection-card__image
5325      
5326      spacing-style border-style
5327      
5328    "
5329    style="--border-width: 1px; --border-style: none; --border-color:
5330rgb(var(--color-border-rgb) / 1.0); --border-radius:
53310px; 
5332"
5333    
5334  ><img src="//kaylabatikdesign.com/cdn/shop/collections/boy_600x_crop_center_6799442d-13a7-4378-8636-a7ec5ca5cb70.jpg?v=1695396436&amp;width=3840" alt="BOYS" srcset="//kaylabatikdesign.com/cdn/shop/collections/boy_600x_crop_center_6799442d-13a7-4378-8636-a7ec5ca5cb70.jpg?v=1695396436&amp;width=240 240w, //kaylabatikdesign.com/cdn/shop/collections/boy_600x_crop_center_6799442d-13a7-4378-8636-a7ec5ca5cb70.jpg?v=1695396436&amp;width=352 352w, //kaylabatikdesign.com/cdn/shop/collections/boy_600x_crop_center_6799442d-13a7-4378-8636-a7ec5ca5cb70.jpg?v=1695396436&amp;width=832 832w, //kaylabatikdesign.com/cdn/shop/collections/boy_600x_crop_center_6799442d-13a7-4378-8636-a7ec5ca5cb70.jpg?v=1695396436&amp;width=1200 1200w, //kaylabatikdesign.com/cdn/shop/collections/boy_600x_crop_center_6799442d-13a7-4378-8636-a7ec5ca5cb70.jpg?v=1695396436&amp;width=1600 1600w, //kaylabatikdesign.com/cdn/shop/collections/boy_600x_crop_center_6799442d-13a7-4378-8636-a7ec5ca5cb70.jpg?v=1695396436&amp;width=1920 1920w, //kaylabatikdesign.com/cdn/shop/collections/boy_600x_crop_center_6799442d-13a7-4378-8636-a7ec5ca5cb70.jpg?v=1695396436&amp;width=2560 2560w, //kaylabatikdesign.com/cdn/shop/collections/boy_600x_crop_center_6799442d-13a7-4378-8636-a7ec5ca5cb70.jpg?v=1695396436&amp;width=3840 3840w" width="3840" height="5761" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 16vw, 100vw">
5335  </div>
5336
5337
5338
5339
5340
5341
5342
5343
5344    <div class="collection-card__content layout-panel-flex--column">
5345      
5346  
5347
5348
5349  
5350  
5351
5352
5353
5354
5355
5356
5357  <div class=" spacing-style text-block text-block--Ab0JrcW42ME5SMHl5d__collection_title_nd4z4T-2 rte     text-block--background  rte   "  style="    --padding-block-start: 4px; --padding-block-end:4px; --padding-inline-start:8px; --padding-inline-end:8px;         --width: fit-content;    --max-width: var(--max-width--body-normal);              --text-background-color: #ffffff;      --text-corner-radius: 0px;      --text-padding: max(var(--padding-2xs), calc((var(--text-corner-radius) + var(--padding-xs)) * (1 - cos(45deg))));      ">
5358    <p>BOYS</p>
5359  </div>
5360
5361
5362
5363
5364
5365
5366
5367
5368
5369    </div>
5370  </div>
5371</div>
5372
5373
5374
5375
5376
5377
5378      </div>
5379      
5380        <!--@list/split-->
5381      
5382    
5383      <div class="resource-list__item">
5384        
5385
5386
5387
5388
5389
5390
5391
5392<style data-shopify>
5393  
5394</style>
5395
5396
5397
5398<div
5399  class="
5400    collection-card
5401    border-style
5402    
5403    
5404    
5405    
5406  "
5407  data-block-id="AYVZDWS91Y0YyT2dIa__static-collection-card-3"
5408  
5409  style="
5410    --border-width: 1px; --border-style: none; --border-color:
5411rgb(var(--color-border-rgb) / 1.0); --border-radius:
54120px; 
5413
5414    --horizontal-alignment: center;
5415    --vertical-alignment: flex-start;
5416    --background-overlay-color: ;
5417    --gap: 8px;
5418  ">
5419  <a
5420    class="collection-card__link"
5421    
5422      href="/collections/girls"
5423    
5424  >
5425    <span class="visually-hidden">GIRLS</span>
5426  </a>
5427  <div class="collection-card__inner">
5428    
5429  
5430
5431
5432
5433
5434
5435<style data-shopify>
5436  
5437    .collection-card[data-block-id="AYVZDWS91Y0YyT2dIa__static-collection-card-3"] {
5438      --ratio: 0.6665805785123967;
5439    }
5440  
5441</style>
5442
5443
5444  <div
5445    class="
5446      resource-image
5447      
5448        collection-card__image
5449      
5450      spacing-style border-style
5451      
5452    "
5453    style="--border-width: 1px; --border-style: none; --border-color:
5454rgb(var(--color-border-rgb) / 1.0); --border-radius:
54550px; 
5456"
5457    
5458  ><img src="//kaylabatikdesign.com/cdn/shop/collections/girl_600x_crop_center_9e91511e-1470-43de-a054-7c4adc8c2dd3.jpg?v=1695395179&amp;width=3840" alt="GIRLS" srcset="//kaylabatikdesign.com/cdn/shop/collections/girl_600x_crop_center_9e91511e-1470-43de-a054-7c4adc8c2dd3.jpg?v=1695395179&amp;width=240 240w, //kaylabatikdesign.com/cdn/shop/collections/girl_600x_crop_center_9e91511e-1470-43de-a054-7c4adc8c2dd3.jpg?v=1695395179&amp;width=352 352w, //kaylabatikdesign.com/cdn/shop/collections/girl_600x_crop_center_9e91511e-1470-43de-a054-7c4adc8c2dd3.jpg?v=1695395179&amp;width=832 832w, //kaylabatikdesign.com/cdn/shop/collections/girl_600x_crop_center_9e91511e-1470-43de-a054-7c4adc8c2dd3.jpg?v=1695395179&amp;width=1200 1200w, //kaylabatikdesign.com/cdn/shop/collections/girl_600x_crop_center_9e91511e-1470-43de-a054-7c4adc8c2dd3.jpg?v=1695395179&amp;width=1600 1600w, //kaylabatikdesign.com/cdn/shop/collections/girl_600x_crop_center_9e91511e-1470-43de-a054-7c4adc8c2dd3.jpg?v=1695395179&amp;width=1920 1920w, //kaylabatikdesign.com/cdn/shop/collections/girl_600x_crop_center_9e91511e-1470-43de-a054-7c4adc8c2dd3.jpg?v=1695395179&amp;width=2560 2560w, //kaylabatikdesign.com/cdn/shop/collections/girl_600x_crop_center_9e91511e-1470-43de-a054-7c4adc8c2dd3.jpg?v=1695395179&amp;width=3840 3840w" width="3840" height="5761" loading="eager" class="resource-image__image" sizes="(min-width: 750px) 16vw, 100vw">
5459  </div>
5460
5461
5462
5463
5464
5465
5466
5467
5468    <div class="collection-card__content layout-panel-flex--column">
5469      
5470  
5471
5472
5473  
5474  
5475
5476
5477
5478
5479
5480
5481  <div class=" spacing-style text-block text-block--Ab0JrcW42ME5SMHl5d__collection_title_nd4z4T-3 rte     text-block--background  rte   "  style="    --padding-block-start: 4px; --padding-block-end:4px; --padding-inline-start:8px; --padding-inline-end:8px;         --width: fit-content;    --max-width: var(--max-width--body-normal);              --text-background-color: #ffffff;      --text-corner-radius: 0px;      --text-padding: max(var(--padding-2xs), calc((var(--text-corner-radius) + var(--padding-xs)) * (1 - cos(45deg))));      ">
5482    <p>GIRLS</p>
5483  </div>
5484
5485
5486
5487
5488
5489
5490
5491
5492
5493    </div>
5494  </div>
5495</div>
5496
5497
5498
5499
5500
5501
5502      </div>
5503      
5504    
5505  
5506
5507    
5508</div>
5509
5510
5511
5512
5513</div>
5514
5515
5516</div><div id="shopify-section-template--20780089344135__marquee_4BEx6F" class="shopify-section">
5517
5518<script
5519  src="//kaylabatikdesign.com/cdn/shop/t/5/assets/marquee.js?v=131793217881894452351778748726"
5520  type="module"
5521  fetchpriority="low"
5522></script>
5522
5523
5524
5525
5526<div class="section-background color-scheme-2"></div>
5527<marquee-component
5528  class="section spacing-style gap-style color-scheme-2"
5529  style="--padding-block-start: 13px;--padding-block-end: 14px;;
5530    --marquee-gap: 24px;
5531    --marquee-direction: reverse;
5532  "
5533  data-speed-factor="25"
5534  data-movement-direction="reverse"
5535>
5536  <div
5537    class="marquee__wrapper"
5538    ref="wrapper"
5539  >
5540    <div
5541      class="marquee__content"
5542      ref="content"
5543    >
5544      <div
5545        class="marquee__repeated-items"
5546        ref="marqueeItems[]"
5547      >
5548        
5549
5550
5551<div
5552  class="
5553    logo-block
5554    spacing-style
5555  "
5556  style="
5557    
5558      
5559        --logo-width: 159.5076923076923px;
5560      
5561    
5562
5563    
5564    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
5565  "
5566  
5567>
5568  
5569    <div class="logo-block__image-wrapper">
5570      
5571<img src="//kaylabatikdesign.com/cdn/shop/files/BATIK-DESIGN_v3_eb9a771e-e6ad-46a7-b1fe-124593300766.png?v=1781029281&amp;width=3840" alt="Kayla Batik Design (003157239-U)" srcset="//kaylabatikdesign.com/cdn/shop/files/BATIK-DESIGN_v3_eb9a771e-e6ad-46a7-b1fe-124593300766.png?v=1781029281&amp;width=240 240w, //kaylabatikdesign.com/cdn/shop/files/BATIK-DESIGN_v3_eb9a771e-e6ad-46a7-b1fe-124593300766.png?v=1781029281&amp;width=352 352w, //kaylabatikdesign.com/cdn/shop/files/BATIK-DESIGN_v3_eb9a771e-e6ad-46a7-b1fe-124593300766.png?v=1781029281&amp;width=832 832w, //kaylabatikdesign.com/cdn/shop/files/BATIK-DESIGN_v3_eb9a771e-e6ad-46a7-b1fe-124593300766.png?v=1781029281&amp;width=1200 1200w, //kaylabatikdesign.com/cdn/shop/files/BATIK-DESIGN_v3_eb9a771e-e6ad-46a7-b1fe-124593300766.png?v=1781029281&amp;width=1600 1600w, //kaylabatikdesign.com/cdn/shop/files/BATIK-DESIGN_v3_eb9a771e-e6ad-46a7-b1fe-124593300766.png?v=1781029281&amp;width=1920 1920w, //kaylabatikdesign.com/cdn/shop/files/BATIK-DESIGN_v3_eb9a771e-e6ad-46a7-b1fe-124593300766.png?v=1781029281&amp;width=2560 2560w, //kaylabatikdesign.com/cdn/shop/files/BATIK-DESIGN_v3_eb9a771e-e6ad-46a7-b1fe-124593300766.png?v=1781029281&amp;width=3840 3840w" width="1080" height="325" loading="lazy" class="logo-block__image" sizes="(min-width: 750px) calc(var(--logo-width)), 100vw">
5572    </div>
5573  
5574</div>
5575
5576
5577
5578
5579
5580
5581
5582
5583
5584
5585
5586
5587
5588  <div class=" spacing-style text-block text-block--AcmVlUjB1eXZjSjhqT__text_MriLLp custom     custom-typography  custom-font-size  custom-color  text-block--background   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);--font-size: 1rem;      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: uppercase;    --text-wrap: nowrap;          --line-height: var(--line-height--body-tight);        --letter-spacing: var(--letter-spacing--body-tight);    --width: fit-content;    --max-width: var(--max-width--body-normal);              --text-background-color: #ffffff;      --text-corner-radius: 10px;      --text-padding: max(var(--padding-2xs), calc((var(--text-corner-radius) + var(--padding-xs)) * (1 - cos(45deg))));      ">
5589    <p>traditional hand-stamped</p>
5590  </div>
5591
5592
5593
5594
5595
5596
5597
5598
5599
5600<div
5601  class="
5602    logo-block
5603    spacing-style
5604  "
5605  style="
5606    
5607      
5608        --logo-width: 159.5076923076923px;
5609      
5610    
5611
5612    
5613    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
5614  "
5615  
5616>
5617  
5618    <div class="logo-block__image-wrapper">
5619      
5620<img src="//kaylabatikdesign.com/cdn/shop/files/BATIK-DESIGN_v3_eb9a771e-e6ad-46a7-b1fe-124593300766.png?v=1781029281&amp;width=3840" alt="Kayla Batik Design (003157239-U)" srcset="//kaylabatikdesign.com/cdn/shop/files/BATIK-DESIGN_v3_eb9a771e-e6ad-46a7-b1fe-124593300766.png?v=1781029281&amp;width=240 240w, //kaylabatikdesign.com/cdn/shop/files/BATIK-DESIGN_v3_eb9a771e-e6ad-46a7-b1fe-124593300766.png?v=1781029281&amp;width=352 352w, //kaylabatikdesign.com/cdn/shop/files/BATIK-DESIGN_v3_eb9a771e-e6ad-46a7-b1fe-124593300766.png?v=1781029281&amp;width=832 832w, //kaylabatikdesign.com/cdn/shop/files/BATIK-DESIGN_v3_eb9a771e-e6ad-46a7-b1fe-124593300766.png?v=1781029281&amp;width=1200 1200w, //kaylabatikdesign.com/cdn/shop/files/BATIK-DESIGN_v3_eb9a771e-e6ad-46a7-b1fe-124593300766.png?v=1781029281&amp;width=1600 1600w, //kaylabatikdesign.com/cdn/shop/files/BATIK-DESIGN_v3_eb9a771e-e6ad-46a7-b1fe-124593300766.png?v=1781029281&amp;width=1920 1920w, //kaylabatikdesign.com/cdn/shop/files/BATIK-DESIGN_v3_eb9a771e-e6ad-46a7-b1fe-124593300766.png?v=1781029281&amp;width=2560 2560w, //kaylabatikdesign.com/cdn/shop/files/BATIK-DESIGN_v3_eb9a771e-e6ad-46a7-b1fe-124593300766.png?v=1781029281&amp;width=3840 3840w" width="1080" height="325" loading="lazy" class="logo-block__image" sizes="(min-width: 750px) calc(var(--logo-width)), 100vw">
5621    </div>
5622  
5623</div>
5624
5625
5626
5627
5628
5629
5630
5631
5632
5633
5634
5635
5636
5637  <div class=" spacing-style text-block text-block--AZUlOMVNxbzBBVG5Zd__text_KbbtUz custom     custom-typography  custom-font-size  custom-color  text-block--background   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:1px; --padding-inline-end:1px;     --color: var(--color-foreground);--font-size: 1rem;      --font-weight: var(--font-body--weight);--font-family: var(--font-body--family);    --text-transform: uppercase;    --text-wrap: nowrap;          --line-height: var(--line-height--body-tight);        --letter-spacing: var(--letter-spacing--body-tight);    --width: fit-content;    --max-width: var(--max-width--body-normal);              --text-background-color: #ffffff;      --text-corner-radius: 10px;      --text-padding: max(var(--padding-2xs), calc((var(--text-corner-radius) + var(--padding-xs)) * (1 - cos(45deg))));      ">
5638    <p>hand-dyed cotton batik</p>
5639  </div>
5640
5641
5642
5643
5644
5645
5646
5647      </div>
5648    </div>
5649  </div>
5650</marquee-component>
5651
5652
5653
5654
5655</div><div id="shopify-section-template--20780089344135__divider_hd4QUm" class="shopify-section">
5656
5657
5658
5659
5660
5661<div class="section-background color-scheme-1"></div>
5662<div
5663  class="section section--full-width color-scheme-1"
5664  data-testid="divider-template--20780089344135__divider_hd4QUm"
5665>
5666  <div
5667  class="divider divider-template--20780089344135__divider_hd4QUm spacing-style"
5668  style="
5669    --divider-justify-content: center;
5670    --padding-block-start: 16px;--padding-block-end: 16px;
5671  "
5672  
5673
5674>
5675  <span
5676    class="divider__line"
5677    style="
5678      --divider-border-thickness: 1px;
5679      
5680      --divider-flex-basis: 100%;
5681    "
5682  ></span>
5683</div>
5684
5685
5686
5687</div>
5688
5689
5690</div><div id="shopify-section-template--20780089344135__section_QmBbNh" class="shopify-section section-wrapper">
5691
5692
5693
5694<div class="section-background color-scheme-1"></div>
5695<div
5696  class="section section--page-width color-scheme-1"
5697  data-testid="ui-test-section"
5698
5699  
5700
5701  style="
5702    
5703
5704    
5705  "
5706>
5707  <div class="custom-section-background">
5708    
5709
5710
5711
5712  </div>
5713
5714  <div
5715    class="border-style custom-section-content"
5716    style="--border-width: 1px; --border-style: none; --border-color:
5717rgb(var(--color-border-rgb) / 1.0); --border-radius:
57180px; 
5719"
5720  >
5721    
5722
5723    <div
5724      class="
5725        spacing-style
5726        layout-panel-flex
5727        layout-panel-flex--row
5728        section-content-wrapper
5729         mobile-column
5730      "
5731      style="
5732        --flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
5733
5734--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));
5735
5736--horizontal-alignment: flex-start; --vertical-alignment: center;
5737--vertical-alignment-mobile: center;
5738
5739        --padding-block-start: 0px;--padding-block-end: 0px;
5740      "
5741      data-testid="section-content"
5742    >
5743      
5744  
5745
5746
5747
5748
5749
5750
5751
5752
5753
5754
5755
5756
5757
5758
5759  <div
5760    class="
5761  image-block image-block--AdEk0S2s0VUVtdk5lM__image_KUdayC image-block--height-fit spacing-style size-style
5762"
5763    style="
5764  --ratio: 1;
5765  --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
5766  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
5767"
5768    
5769  >
5770    
5771<img src="//kaylabatikdesign.com/cdn/shop/files/6AEB8D37-1B18-44B7-BDBE-82122C079A4B.png?v=1782455015&amp;width=3840" alt="" srcset="//kaylabatikdesign.com/cdn/shop/files/6AEB8D37-1B18-44B7-BDBE-82122C079A4B.png?v=1782455015&amp;width=240 240w, //kaylabatikdesign.com/cdn/shop/files/6AEB8D37-1B18-44B7-BDBE-82122C079A4B.png?v=1782455015&amp;width=352 352w, //kaylabatikdesign.com/cdn/shop/files/6AEB8D37-1B18-44B7-BDBE-82122C079A4B.png?v=1782455015&amp;width=832 832w, //kaylabatikdesign.com/cdn/shop/files/6AEB8D37-1B18-44B7-BDBE-82122C079A4B.png?v=1782455015&amp;width=1200 1200w, //kaylabatikdesign.com/cdn/shop/files/6AEB8D37-1B18-44B7-BDBE-82122C079A4B.png?v=1782455015&amp;width=1600 1600w, //kaylabatikdesign.com/cdn/shop/files/6AEB8D37-1B18-44B7-BDBE-82122C079A4B.png?v=1782455015&amp;width=1920 1920w, //kaylabatikdesign.com/cdn/shop/files/6AEB8D37-1B18-44B7-BDBE-82122C079A4B.png?v=1782455015&amp;width=2560 2560w, //kaylabatikdesign.com/cdn/shop/files/6AEB8D37-1B18-44B7-BDBE-82122C079A4B.png?v=1782455015&amp;width=3840 3840w" width="1086" height="1448" loading="lazy" class="image-block__image border-style" style="
5772  --ratio: 1;
5773  --border-width: 1px; --border-style: none; --border-color:
5774rgb(var(--color-border-rgb) / 1.0); --border-radius:
57750px; 
5776
5777" sizes="auto, (min-width: 750px) 100vw, 100vw">
5778
5779  </div>
5780
5781
5782
5783
5784
5785
5786
5787
5788<div
5789  class="
5790    group-block
5791    group-block--height-fit
5792    group-block--width-custom
5793    border-style
5794    spacing-style
5795    size-style
5796    
5797    
5798  "
5799  style="
5800    --border-width: 1px; --border-style: none; --border-color:
5801rgb(var(--color-border-rgb) / 1.0); --border-radius:
58020px; 
5803
5804    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
5805    --size-style-width:100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
5806    
5807  "
5808  
5809  data-testid="group-block"
5810><div class="group-block__media-wrapper">
5811    
5812
5813
5814
5815    
5816  </div>
5817
5818  <div
5819    class="
5820      group-block-content
5821      
5822      layout-panel-flex
5823      layout-panel-flex--column
5824       mobile-column
5825    "
5826    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
5827
5828--gap: 12px;
5829
5830--horizontal-alignment: center; --vertical-alignment: center;
5831--vertical-alignment-mobile: center;
5832"
5833  >
5834  
5835
5836
5837
5838
5839
5840
5841
5842
5843  <div class=" spacing-style text-block text-block--AUGN6dUZFY2tYaGdSM__text_mAJA9B h3      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
5844    <p>Batik Culture & Heritage</p>
5845  </div>
5846
5847
5848
5849
5850
5851
5852
5853
5854
5855
5856
5857
5858
5859
5860
5861  <rte-formatter class=" spacing-style text-block text-block--ATzh3d09lMnErY0xTZ__text_hBnz4y rte    text-block--align-center text-block--full-width  rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-none);          --text-align: center;          ">
5862    <p>We celebrate the timeless artistry of batik through contemporary and wearable designs. As a Malaysian brand, we create pieces that honour craftsmanship while embracing modern elegance.</p>
5863  </rte-formatter>
5864
5865
5866
5867
5868
5869
5870
5871</div>
5872</div>
5873
5874
5875
5876
5877
5878
5879
5880
5881
5882
5883
5884
5885
5886
5887
5888
5889
5890
5891
5892
5893  <div
5894    class="
5895  image-block image-block--AMWVoWm5lS2FpUjBqM__image_7b3wXU image-block--height-fit spacing-style size-style
5896"
5897    style="
5898  --ratio: 1;
5899  --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
5900  --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
5901"
5902    
5903  >
5904    
5905<img src="//kaylabatikdesign.com/cdn/shop/files/298950D1-0C90-4413-B820-BD0A57F0F712.png?v=1782454978&amp;width=3840" alt="" srcset="//kaylabatikdesign.com/cdn/shop/files/298950D1-0C90-4413-B820-BD0A57F0F712.png?v=1782454978&amp;width=240 240w, //kaylabatikdesign.com/cdn/shop/files/298950D1-0C90-4413-B820-BD0A57F0F712.png?v=1782454978&amp;width=352 352w, //kaylabatikdesign.com/cdn/shop/files/298950D1-0C90-4413-B820-BD0A57F0F712.png?v=1782454978&amp;width=832 832w, //kaylabatikdesign.com/cdn/shop/files/298950D1-0C90-4413-B820-BD0A57F0F712.png?v=1782454978&amp;width=1200 1200w, //kaylabatikdesign.com/cdn/shop/files/298950D1-0C90-4413-B820-BD0A57F0F712.png?v=1782454978&amp;width=1600 1600w, //kaylabatikdesign.com/cdn/shop/files/298950D1-0C90-4413-B820-BD0A57F0F712.png?v=1782454978&amp;width=1920 1920w, //kaylabatikdesign.com/cdn/shop/files/298950D1-0C90-4413-B820-BD0A57F0F712.png?v=1782454978&amp;width=2560 2560w, //kaylabatikdesign.com/cdn/shop/files/298950D1-0C90-4413-B820-BD0A57F0F712.png?v=1782454978&amp;width=3840 3840w" width="940" height="1673" loading="lazy" class="image-block__image border-style" style="
5906  --ratio: 1;
5907  --border-width: 1px; --border-style: none; --border-color:
5908rgb(var(--color-border-rgb) / 1.0); --border-radius:
59090px; 
5910
5911" sizes="auto, (min-width: 750px) 100vw, 100vw">
5912
5913  </div>
5914
5915
5916
5917
5918
5919
5920
5921    </div>
5922  </div>
5923</div>
5924
5925
5926
5927
5928
5929</div><div id="shopify-section-template--20780089344135__divider_Ld8YbN" class="shopify-section">
5930
5931
5932
5933
5934
5935<div class="section-background color-scheme-1"></div>
5936<div
5937  class="section section--full-width color-scheme-1"
5938  data-testid="divider-template--20780089344135__divider_Ld8YbN"
5939>
5940  <div
5941  class="divider divider-template--20780089344135__divider_Ld8YbN spacing-style"
5942  style="
5943    --divider-justify-content: center;
5944    --padding-block-start: 16px;--padding-block-end: 16px;
5945  "
5946  
5947
5948>
5949  <span
5950    class="divider__line"
5951    style="
5952      --divider-border-thickness: 1px;
5953      
5954      --divider-flex-basis: 100%;
5955    "
5956  ></span>
5957</div>
5958
5959
5960
5961</div>
5962
5963
5964</div>
5965    </main>
5966
5967    <footer>
5968      <!-- BEGIN sections: footer-group -->
5969<div id="shopify-section-sections--20780089770119__footer_m9NzUG" class="shopify-section shopify-section-group-footer-group section-wrapper">
5970
5971<div class="section-background color-scheme-dea7c053-c79d-4b8e-9abb-7c1f0f8ddc3d"></div>
5972<div
5973  class="section section--page-width color-scheme-dea7c053-c79d-4b8e-9abb-7c1f0f8ddc3d"
5974>
5975  
5976  <div
5977    class="
5978      footer-content
5979      spacing-style
5980      
5981      
5982    "
5983    style="
5984      --padding-block-start: max(20px, calc(var(--spacing-scale) * 30px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 30px));
5985      --footer-gap: 20px;
5986      --grid-columns: 2;
5987      --last-row-count: 2;
5988      --tablet-last-row-count: 2;
5989    "
5990  >
5991    
5992
5993
5994<div
5995  class="
5996    group-block
5997    group-block--height-fit
5998    group-block--width-fill
5999    border-style
6000    spacing-style
6001    size-style
6002    
6003    
6004  "
6005  style="
6006    --border-width: 1px; --border-style: none; --border-color:
6007rgb(var(--color-border-rgb) / 1.0); --border-radius:
60080px; 
6009
6010    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
6011    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
6012    
6013  "
6014  
6015  data-testid="group-block"
6016><div class="group-block__media-wrapper">
6017    
6018
6019
6020
6021    
6022  </div>
6023
6024  <div
6025    class="
6026      group-block-content
6027      
6028      layout-panel-flex
6029      layout-panel-flex--column
6030       mobile-column
6031    "
6032    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
6033
6034--gap: 6px;
6035
6036--horizontal-alignment: flex-start; --vertical-alignment: center;
6037--vertical-alignment-mobile: center;
6038"
6039  >
6040  
6041
6042
6043
6044
6045
6046
6047
6048
6049  <div class=" spacing-style text-block text-block--ASkNBbFg3aDZsMmI3Y__text_LWt8Pz h4    text-block--align-left  "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
6050    <h2>Join our email list</h2>
6051  </div>
6052
6053
6054
6055
6056
6057
6058
6059
6060
6061
6062
6063
6064
6065
6066
6067  <rte-formatter class=" spacing-style text-block text-block--ATGtNcjMyalAydDk1a__text_f9CFLH rte    text-block--align-left rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
6068    <p>Get exclusive deals and early access to new products.</p>
6069  </rte-formatter>
6070
6071
6072
6073
6074
6075
6076
6077</div>
6078</div>
6079
6080
6081
6082
6083
6084
6085
6086
6087<div
6088  class="email-signup-block size-style spacing-style"
6089  style="--size-style-width: 100%;--size-style-height: ;--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
6090  
6091>
6092  
6093<form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="email-signup__form spacing-style"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
6094    <div
6095      class="email-signup__input-group email-signup__input-group--integrated   email-signup__input-group--arrow "
6096      style="--border-width: 1px; --border-radius: 100px;"
6097    >
6098      <label
6099        for="EmailInput-AaXB2VEZUSjdSOFVnR__email_signup_crihX7"
6100        class="visually-hidden"
6101      >
6102        Email
6103      </label>
6104      <input
6105        id="EmailInput-AaXB2VEZUSjdSOFVnR__email_signup_crihX7"
6106        class="email-signup__input email-signup__input--all paragraph "
6107        type="email"
6108        name="contact[email]"
6109        autocorrect="off"
6110        autocapitalize="off"
6111        autocomplete="email"
6112        placeholder="Email address"
6113        required
6114        
6115      >
6116      <button
6117        class="email-signup__button email-signup__button--integrated email-signup__button--arrow paragraph button-unstyled button-unstyled--AaXB2VEZUSjdSOFVnR__email_signup_crihX7 "
6118        
6119          aria-label="Sign up"
6120        
6121      >
6122        
6123          <svg
6124            viewBox="0 0 20 20"
6125            xmlns="http://www.w3.org/2000/svg"
6126            focusable="false"
6127            aria-hidden="true"
6128            class="email-signup__button-icon"
6129          >
6130            
6131
6132
6133<path
6134      clip-rule="evenodd"
6135      d="m11.246 5.31759c.0322-.07821.0833-.14723.1486-.20093.0654-.0537.143-.09041.2259-.10686.083-.01645.1688-.01214.2497.01257.0808.0247.1544.06902.214.12902l4.104 4.104c.0478.04765.0857.10426.1115.16659.0259.06232.0392.12913.0392.19661 0 .06747-.0133.13429-.0392.19661-.0258.06233-.0637.11893-.1115.16659l-4.104 4.10401c-.0963.0963-.227.1504-.3632.1504s-.2669-.0541-.3632-.1504-.1504-.227-.1504-.3632.0541-.2669.1504-.3632l3.2288-3.2278h-11.0736c-.13606 0-.26654-.0541-.36275-.15027-.0962-.0962-.15025-.22669-.15025-.36274 0-.13606.05405-.26654.15025-.36275.09621-.0962.22669-.15025.36275-.15025h11.0736l-3.2288-3.2278c-.0721-.07178-.1212-.16335-.1411-.2631s-.0097-.20316.0293-.2971z"
6136      fill="currentColor"
6137      fill-rule="evenodd"
6138    />
6139          </svg>
6140        
6141      </button>
6142    </div></form>
6143</div>
6144
6145
6146
6147
6148
6149  </div>
6150</div>
6151
6152
6153
6154
6155</div><div id="shopify-section-sections--20780089770119__footer_utilities_jLGE8U" class="shopify-section shopify-section-group-footer-group footer-utilities">
6156
6157<div class="section-background color-scheme-dea7c053-c79d-4b8e-9abb-7c1f0f8ddc3d"></div>
6158<div
6159  class="section section--page-width color-scheme-dea7c053-c79d-4b8e-9abb-7c1f0f8ddc3d"
6160  
6161>
6162  <div
6163    class="utilities utilities--blocks-3 spacing-style"
6164    style="--padding-block-start: 20px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px)); --border-width: 0px; --gap: 24px;"
6165    data-testid="footer-utilities"
6166  >
6167    
6168
6169<div
6170  class="
6171    footer-utilities__group-copyright
6172    custom-typography
6173    custom-font-size
6174  "
6175  style="
6176--color: ;--font-size: 0.75rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);"
6177  
6178>
6179  <span class="footer-utilities__text">
6180    &copy; 2026
6181    <a href="/" title="">Kayla Batik Design (003157239-U)</a></span>
6182</div>
6183
6184
6185
6186
6187
6188
6189
6190
6191
6192
6193<div
6194  class="social-icons__wrapper"
6195  
6196>
6197  
6198
6199  
6200    
6201
6202    
6203    
6204      
6205    
6206  
6207    
6208
6209    
6210    
6211      
6212    
6213  
6214    
6215
6216    
6217    
6218      
6219    
6220  
6221    
6222
6223    
6224    
6225      
6226    
6227  
6228    
6229
6230    
6231    
6232      
6233    
6234  
6235    
6236
6237    
6238    
6239  
6240    
6241
6242    
6243    
6244  
6245    
6246
6247    
6248    
6249  
6250    
6251
6252    
6253    
6254  
6255    
6256
6257    
6258    
6259  
6260    
6261
6262    
6263    
6264  
6265    
6266
6267    
6268    
6269  
6270    
6271
6272    
6273    
6274  
6275</div>
6276
6277
6278
6279
6280
6281  </div>
6282</div>
6283
6284
6285
6286
6287</div>
6288<!-- END sections: footer-group -->
6289    </footer>
6290
6291    
6292
6293<script
6294  src="//kaylabatikdesign.com/cdn/shop/t/5/assets/dialog.js?v=150888536568694194021778748726"
6295  type="module"
6296></script>
6296
6297
6298<script
6299  src="//kaylabatikdesign.com/cdn/shop/t/5/assets/predictive-search.js?v=149240552485540508541778748726"
6300  type="module"
6301  fetchpriority="low"
6302></script>
6302
6303
6304<dialog-component
6305  id="search-modal"
6306  class="search-modal"
6307  
6308>
6309  <dialog
6310    ref="dialog"
6311    on:click="/closeDialogOnClickOutside"
6312    on:keydown="/closeDialogOnEscapePress"
6313    class="search-modal__content dialog-modal"
6314    scroll-lock
6315    aria-labelledby="search-modal-heading"
6316  >
6317    <h2
6318      id="search-modal-heading"
6319      class="visually-hidden"
6320    >
6321      Search
6322    </h2>
6323    <predictive-search-component
6324      class="predictive-search color-scheme-1"
6325      style="--product-corner-radius: 0px; --card-corner-radius: 4px;"
6326      data-section-id="predictive-search"
6327      data-testid="search-component--modal"
6328      role="search"
6329      aria-label="Search"
6330    >
6331      <form
6332        action="/search"
6333        method="get"
6334        role="search"
6335        class="predictive-search-form"
6336        ref="form"
6337        on:keydown="/onSearchKeyDown"
6338      >
6339        <div
6340          class="predictive-search-form__header"
6341        >
6342          <div class="predictive-search-form__header-inner">
6343            <label
6344              for="cmdk-input"
6345              class="visually-hidden"
6346            >Search</label>
6347            <input
6348              class="search-input"
6349              id="cmdk-input"
6350              type="search"
6351              name="q"
6352              role="combobox"
6353              aria-expanded="false"
6354              aria-owns="predictive-search-results"
6355              aria-controls="predictive-search-results"
6356              aria-haspopup="listbox"
6357              aria-autocomplete="list"
6358              autocomplete="off"
6359              placeholder="Search"
6360              ref="searchInput"
6361              on:input="/search"
6362              on:keydown="/onSearchKeyDown"
6363            >
6364            <input
6365              name="options[prefix]"
6366              type="hidden"
6367              value="last"
6368            >
6369            <span class="svg-wrapper predictive-search__icon">
6370              <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
6371
6372            </span>
6373            <button
6374              type="button"
6375              class="button-unstyled predictive-search__reset-button"
6376              ref="resetButton"
6377              hidden
6378              on:click="/resetSearch"
6379            >
6380              Clear
6381            </button>
6382          </div>
6383          <button
6384            type="button"
6385            class="button predictive-search__close-modal-button"
6386            aria-label="Close dialog"
6387            on:click="dialog-component/closeDialog"
6388            ref="closeModalButton"
6389          >
6390            <span class="svg-wrapper">
6391              <svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
6392  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6393  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6394</svg>
6395
6396            </span>
6397          </button>
6398        </div>
6399
6400        <div class="predictive-search-form__content-wrapper">
6401          <div
6402            class="predictive-search-form__content"
6403            ref="predictiveSearchResults"
6404            on:click="/handleModalClick"
6405          >
6406            
6407
6408<div
6409  id="predictive-search-results"
6410  class="predictive-search-dropdown"
6411  role="listbox"
6412  aria-expanded="true"
6413  style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
6414>
6415  
6416    <div class="predictive-search-results__inner">
6417      
6418      
6419        
6420        
6421        
6422          <div
6423  id="predictive-search-products"
6424  class="predictive-search-results__products"
6425  
6426    data-testid="products-list-default--modal"
6427  
6428>
6429  
6430    <h4 class="predictive-search-results__title">
6431      Products
6432    </h4>
6433    <ul
6434      class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled"
6435    >
6436      
6437      
6438        <li
6439          class="predictive-search-results__card predictive-search-results__card--product"
6440          ref="resultsItems[]"
6441        >
6442          
6443<div
6444  class="resource-card"
6445  data-resource-type="product"
6446>
6447  <a
6448    class="resource-card__link"
6449    href="/products/baby-kimono-romper-unisex"
6450  >
6451    <span class="visually-hidden">
6452      Baby Kimono Romper Unisex
6453    </span>
6454  </a>
6455  <div
6456    class="resource-card__media"
6457    style="--resource-card-aspect-ratio: 4 / 5;"
6458    
6459  >
6460      
6461      
6462
6463        <img src="//kaylabatikdesign.com/cdn/shop/files/8B5A5CB0-75B1-4405-88CA-D98649793DDD.jpg?v=1702027931&amp;width=500" alt="" srcset="//kaylabatikdesign.com/cdn/shop/files/8B5A5CB0-75B1-4405-88CA-D98649793DDD.jpg?v=1702027931&amp;width=240 240w, //kaylabatikdesign.com/cdn/shop/files/8B5A5CB0-75B1-4405-88CA-D98649793DDD.jpg?v=1702027931&amp;width=352 352w" width="500" height="667" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
6464
6465          <img src="//kaylabatikdesign.com/cdn/shop/files/77A74389-8841-4680-BD11-CBCE5332C543.jpg?v=1702027931&amp;width=500" alt="Baby Kimono Romper Unisex" srcset="//kaylabatikdesign.com/cdn/shop/files/77A74389-8841-4680-BD11-CBCE5332C543.jpg?v=1702027931&amp;width=240 240w, //kaylabatikdesign.com/cdn/shop/files/77A74389-8841-4680-BD11-CBCE5332C543.jpg?v=1702027931&amp;width=352 352w" width="500" height="667" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="23147535171719" style="object-position: 50.0% 50.0%;">
6466</div>
6467
6468  <div class="resource-card__content">
6469    <p class="resource-card__title paragraph">Baby Kimono Romper Unisex</p>
6470
6471    
6472      <div ref="priceContainer">
6473  
6474    
6475    <div
6476      class="
6477        price__regular
6478        
6479      "
6480    >
6481      <span class="price">RM99.00 MYR</span>
6482    </div>
6483    <div
6484      class="
6485        price__sale
6486        
6487          price__hidden
6488        
6489      "
6490    >
6491      
6492        <span class="price-item__group">
6493          <span class="visually-hidden">Regular price&nbsp;</span>
6494          <span class="price-item--regular compare-at-price"></span>
6495        </span>
6496        <span class="price-item__group">
6497          <span class="visually-hidden">Sale price&nbsp;</span>
6498          <span class="price-item--sale price">RM99.00 MYR</span>
6499        </span>
6500      
6501    </div>
6502  
6503</div>
6504    
6505  </div>
6506</div>
6507
6508        </li>
6509      
6510        <li
6511          class="predictive-search-results__card predictive-search-results__card--product"
6512          ref="resultsItems[]"
6513        >
6514          
6515<div
6516  class="resource-card"
6517  data-resource-type="product"
6518>
6519  <a
6520    class="resource-card__link"
6521    href="/products/baby-romper-cotton-batik-boy-girl"
6522  >
6523    <span class="visually-hidden">
6524      Baby Romper Cotton Batik Boy/Girl (Koi fish)
6525    </span>
6526  </a>
6527  <div
6528    class="resource-card__media"
6529    style="--resource-card-aspect-ratio: 4 / 5;"
6530    
6531  >
6532      
6533      
6534
6535        <img src="//kaylabatikdesign.com/cdn/shop/files/IMG_4919.jpg?v=1705936915&amp;width=500" alt="" srcset="//kaylabatikdesign.com/cdn/shop/files/IMG_4919.jpg?v=1705936915&amp;width=240 240w, //kaylabatikdesign.com/cdn/shop/files/IMG_4919.jpg?v=1705936915&amp;width=352 352w" width="500" height="667" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
6536
6537          <img src="//kaylabatikdesign.com/cdn/shop/files/IMG_4921.jpg?v=1705936915&amp;width=500" alt="Baby Romper Cotton Batik Boy/Girl (Koi fish)" srcset="//kaylabatikdesign.com/cdn/shop/files/IMG_4921.jpg?v=1705936915&amp;width=240 240w, //kaylabatikdesign.com/cdn/shop/files/IMG_4921.jpg?v=1705936915&amp;width=352 352w" width="500" height="667" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="23313728012423" style="object-position: 50.0% 50.0%;">
6538</div>
6539
6540  <div class="resource-card__content">
6541    <p class="resource-card__title paragraph">Baby Romper Cotton Batik Boy/Girl (Koi fish)</p>
6542
6543    
6544      <div ref="priceContainer">
6545  
6546    
6547    <div
6548      class="
6549        price__regular
6550        
6551      "
6552    >
6553      <span class="price">RM99.00 MYR</span>
6554    </div>
6555    <div
6556      class="
6557        price__sale
6558        
6559          price__hidden
6560        
6561      "
6562    >
6563      
6564        <span class="price-item__group">
6565          <span class="visually-hidden">Regular price&nbsp;</span>
6566          <span class="price-item--regular compare-at-price"></span>
6567        </span>
6568        <span class="price-item__group">
6569          <span class="visually-hidden">Sale price&nbsp;</span>
6570          <span class="price-item--sale price">RM99.00 MYR</span>
6571        </span>
6572      
6573    </div>
6574  
6575</div>
6576    
6577  </div>
6578</div>
6579
6580        </li>
6581      
6582        <li
6583          class="predictive-search-results__card predictive-search-results__card--product"
6584          ref="resultsItems[]"
6585        >
6586          
6587<div
6588  class="resource-card"
6589  data-resource-type="product"
6590>
6591  <a
6592    class="resource-card__link"
6593    href="/products/bib-shoes-set"
6594  >
6595    <span class="visually-hidden">
6596      Bib & Shoes Set
6597    </span>
6598  </a>
6599  <div
6600    class="resource-card__media"
6601    style="--resource-card-aspect-ratio: 4 / 5;"
6602    
6603  >
6604      
6605      
6606<div
6607          aria-hidden="true"
6608          class="resource-card__image-placeholder"
6609        >Bib & Shoes Set</div></div>
6610
6611  <div class="resource-card__content">
6612    <p class="resource-card__title paragraph">Bib & Shoes Set</p>
6613
6614    
6615      <div ref="priceContainer">
6616  
6617    
6618    <div
6619      class="
6620        price__regular
6621        
6622      "
6623    >
6624      <span class="price">RM0.00 MYR</span>
6625    </div>
6626    <div
6627      class="
6628        price__sale
6629        
6630          price__hidden
6631        
6632      "
6633    >
6634      
6635        <span class="price-item__group">
6636          <span class="visually-hidden">Regular price&nbsp;</span>
6637          <span class="price-item--regular compare-at-price"></span>
6638        </span>
6639        <span class="price-item__group">
6640          <span class="visually-hidden">Sale price&nbsp;</span>
6641          <span class="price-item--sale price">RM0.00 MYR</span>
6642        </span>
6643      
6644    </div>
6645  
6646</div>
6647    
6648  </div>
6649</div>
6650
6651        </li>
6652      
6653        <li
6654          class="predictive-search-results__card predictive-search-results__card--product"
6655          ref="resultsItems[]"
6656        >
6657          
6658<div
6659  class="resource-card"
6660  data-resource-type="product"
6661>
6662  <a
6663    class="resource-card__link"
6664    href="/products/boy-shirt-cuban"
6665  >
6666    <span class="visually-hidden">
6667      Boy Shirt Cuban
6668    </span>
6669  </a>
6670  <div
6671    class="resource-card__media"
6672    style="--resource-card-aspect-ratio: 4 / 5;"
6673    
6674  >
6675      
6676      
6677<div
6678          aria-hidden="true"
6679          class="resource-card__image-placeholder"
6680        >Boy Shirt Cuban</div></div>
6681
6682  <div class="resource-card__content">
6683    <p class="resource-card__title paragraph">Boy Shirt Cuban</p>
6684
6685    
6686      <div ref="priceContainer">
6687  
6688    
6689    <div
6690      class="
6691        price__regular
6692        
6693      "
6694    >
6695      <span class="price">RM0.00 MYR</span>
6696    </div>
6697    <div
6698      class="
6699        price__sale
6700        
6701          price__hidden
6702        
6703      "
6704    >
6705      
6706        <span class="price-item__group">
6707          <span class="visually-hidden">Regular price&nbsp;</span>
6708          <span class="price-item--regular compare-at-price"></span>
6709        </span>
6710        <span class="price-item__group">
6711          <span class="visually-hidden">Sale price&nbsp;</span>
6712          <span class="price-item--sale price">RM0.00 MYR</span>
6713        </span>
6714      
6715    </div>
6716  
6717</div>
6718    
6719  </div>
6720</div>
6721
6722        </li>
6723      
6724    </ul>
6725  
6726</div>
6727
6728        
6729      
6730    </div>
6731  
6732</div>
6733
6734          </div>
6735
6736          <div class="predictive-search-form__footer">
6737            <button
6738              class="button predictive-search__search-button"
6739              ref="viewAllButton"
6740            >
6741              View all
6742            </button>
6743          </div>
6744        </div>
6745      </form>
6746    </predictive-search-component>
6747  </dialog>
6748</dialog-component>
6749
6750
6751
6752
6753    
6754      
6754<script
6755  src="//kaylabatikdesign.com/cdn/shop/t/5/assets/gift-card-recipient-form.js?v=129634859299628245901778748726"
6756  type="module"
6757  fetchpriority="low"
6758></script>
6758
6759<quick-add-dialog id="quick-add-dialog">
6760  <dialog
6761    class="quick-add-modal dialog-modal color-scheme-1"
6762    ref="dialog"
6763    scroll-lock
6764  >
6765    <button
6766      ref="closeButton"
6767      on:click="/closeDialog"
6768      class="button button-unstyled close-button quick-add-modal__close"
6769      aria-label="Close dialog"
6770    ><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
6771  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6772  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
6773</svg>
6774</button>
6775
6776    <div
6777      id="quick-add-modal-content"
6778      class="quick-add-modal__content"
6779    ></div>
6780  </dialog>
6781</quick-add-dialog>
6782
6783
6784
6785
6786
6787
6788    
6789  <style> .price {display: none;} </style>
6790<div id="shopify-block-ARjVicGFWZlR2eEcxc__8208493610395315515" class="shopify-block shopify-app-block"><div></div>
6791
6792
6793</div>
6793<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
6793
6794</body>
6795</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.