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 – 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&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&v=1781029281 1x, //kaylabatikdesign.com/cdn/shop/files/BATIK-DESIGN_v3_eb9a771e-e6ad-46a7-b1fe-124593300766.png?height=72&v=1781029281 2x, //kaylabatikdesign.com/cdn/shop/files/BATIK-DESIGN_v3_eb9a771e-e6ad-46a7-b1fe-124593300766.png?height=108&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®ion_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®ion_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&width=3840" alt="" srcset="//kaylabatikdesign.com/cdn/shop/files/btikk.png?v=1778843797&width=832 832w, //kaylabatikdesign.com/cdn/shop/files/btikk.png?v=1778843797&width=1200 1200w, //kaylabatikdesign.com/cdn/shop/files/btikk.png?v=1778843797&width=1600 1600w, //kaylabatikdesign.com/cdn/shop/files/btikk.png?v=1778843797&width=1920 1920w, //kaylabatikdesign.com/cdn/shop/files/btikk.png?v=1778843797&width=2560 2560w, //kaylabatikdesign.com/cdn/shop/files/btikk.png?v=1778843797&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&width=3840" alt="" srcset="//kaylabatikdesign.com/cdn/shop/files/Gemini_Generated_Image_nzjibtnzjibtnzji.png?v=1778775137&width=240 240w, //kaylabatikdesign.com/cdn/shop/files/Gemini_Generated_Image_nzjibtnzjibtnzji.png?v=1778775137&width=352 352w, //kaylabatikdesign.com/cdn/shop/files/Gemini_Generated_Image_nzjibtnzjibtnzji.png?v=1778775137&width=832 832w, //kaylabatikdesign.com/cdn/shop/files/Gemini_Generated_Image_nzjibtnzjibtnzji.png?v=1778775137&width=1200 1200w, //kaylabatikdesign.com/cdn/shop/files/Gemini_Generated_Image_nzjibtnzjibtnzji.png?v=1778775137&width=1600 1600w, //kaylabatikdesign.com/cdn/shop/files/Gemini_Generated_Image_nzjibtnzjibtnzji.png?v=1778775137&width=1920 1920w, //kaylabatikdesign.com/cdn/shop/files/Gemini_Generated_Image_nzjibtnzjibtnzji.png?v=1778775137&width=2560 2560w, //kaylabatikdesign.com/cdn/shop/files/Gemini_Generated_Image_nzjibtnzjibtnzji.png?v=1778775137&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&width=3840" alt="" srcset="//kaylabatikdesign.com/cdn/shop/files/Gemini_Generated_Image_rx96k0rx96k0rx96.png?v=1778775424&width=240 240w, //kaylabatikdesign.com/cdn/shop/files/Gemini_Generated_Image_rx96k0rx96k0rx96.png?v=1778775424&width=352 352w, //kaylabatikdesign.com/cdn/shop/files/Gemini_Generated_Image_rx96k0rx96k0rx96.png?v=1778775424&width=832 832w, //kaylabatikdesign.com/cdn/shop/files/Gemini_Generated_Image_rx96k0rx96k0rx96.png?v=1778775424&width=1200 1200w, //kaylabatikdesign.com/cdn/shop/files/Gemini_Generated_Image_rx96k0rx96k0rx96.png?v=1778775424&width=1600 1600w, //kaylabatikdesign.com/cdn/shop/files/Gemini_Generated_Image_rx96k0rx96k0rx96.png?v=1778775424&width=1920 1920w, //kaylabatikdesign.com/cdn/shop/files/Gemini_Generated_Image_rx96k0rx96k0rx96.png?v=1778775424&width=2560 2560w, //kaylabatikdesign.com/cdn/shop/files/Gemini_Generated_Image_rx96k0rx96k0rx96.png?v=1778775424&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&width=3840" alt="WOMEN" srcset="//kaylabatikdesign.com/cdn/shop/collections/women_600x_crop_center_71b44bf3-a54b-43ec-b701-d261651c8586.jpg?v=1695394987&width=240 240w, //kaylabatikdesign.com/cdn/shop/collections/women_600x_crop_center_71b44bf3-a54b-43ec-b701-d261651c8586.jpg?v=1695394987&width=352 352w, //kaylabatikdesign.com/cdn/shop/collections/women_600x_crop_center_71b44bf3-a54b-43ec-b701-d261651c8586.jpg?v=1695394987&width=832 832w, //kaylabatikdesign.com/cdn/shop/collections/women_600x_crop_center_71b44bf3-a54b-43ec-b701-d261651c8586.jpg?v=1695394987&width=1200 1200w, //kaylabatikdesign.com/cdn/shop/collections/women_600x_crop_center_71b44bf3-a54b-43ec-b701-d261651c8586.jpg?v=1695394987&width=1600 1600w, //kaylabatikdesign.com/cdn/shop/collections/women_600x_crop_center_71b44bf3-a54b-43ec-b701-d261651c8586.jpg?v=1695394987&width=1920 1920w, //kaylabatikdesign.com/cdn/shop/collections/women_600x_crop_center_71b44bf3-a54b-43ec-b701-d261651c8586.jpg?v=1695394987&width=2560 2560w, //kaylabatikdesign.com/cdn/shop/collections/women_600x_crop_center_71b44bf3-a54b-43ec-b701-d261651c8586.jpg?v=1695394987&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&width=3840" alt="MEN" srcset="//kaylabatikdesign.com/cdn/shop/collections/Image-145-2.jpg?v=1701840759&width=240 240w, //kaylabatikdesign.com/cdn/shop/collections/Image-145-2.jpg?v=1701840759&width=352 352w, //kaylabatikdesign.com/cdn/shop/collections/Image-145-2.jpg?v=1701840759&width=832 832w, //kaylabatikdesign.com/cdn/shop/collections/Image-145-2.jpg?v=1701840759&width=1200 1200w, //kaylabatikdesign.com/cdn/shop/collections/Image-145-2.jpg?v=1701840759&width=1600 1600w, //kaylabatikdesign.com/cdn/shop/collections/Image-145-2.jpg?v=1701840759&width=1920 1920w, //kaylabatikdesign.com/cdn/shop/collections/Image-145-2.jpg?v=1701840759&width=2560 2560w, //kaylabatikdesign.com/cdn/shop/collections/Image-145-2.jpg?v=1701840759&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&width=3840" alt="BOYS" srcset="//kaylabatikdesign.com/cdn/shop/collections/boy_600x_crop_center_6799442d-13a7-4378-8636-a7ec5ca5cb70.jpg?v=1695396436&width=240 240w, //kaylabatikdesign.com/cdn/shop/collections/boy_600x_crop_center_6799442d-13a7-4378-8636-a7ec5ca5cb70.jpg?v=1695396436&width=352 352w, //kaylabatikdesign.com/cdn/shop/collections/boy_600x_crop_center_6799442d-13a7-4378-8636-a7ec5ca5cb70.jpg?v=1695396436&width=832 832w, //kaylabatikdesign.com/cdn/shop/collections/boy_600x_crop_center_6799442d-13a7-4378-8636-a7ec5ca5cb70.jpg?v=1695396436&width=1200 1200w, //kaylabatikdesign.com/cdn/shop/collections/boy_600x_crop_center_6799442d-13a7-4378-8636-a7ec5ca5cb70.jpg?v=1695396436&width=1600 1600w, //kaylabatikdesign.com/cdn/shop/collections/boy_600x_crop_center_6799442d-13a7-4378-8636-a7ec5ca5cb70.jpg?v=1695396436&width=1920 1920w, //kaylabatikdesign.com/cdn/shop/collections/boy_600x_crop_center_6799442d-13a7-4378-8636-a7ec5ca5cb70.jpg?v=1695396436&width=2560 2560w, //kaylabatikdesign.com/cdn/shop/collections/boy_600x_crop_center_6799442d-13a7-4378-8636-a7ec5ca5cb70.jpg?v=1695396436&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&width=3840" alt="GIRLS" srcset="//kaylabatikdesign.com/cdn/shop/collections/girl_600x_crop_center_9e91511e-1470-43de-a054-7c4adc8c2dd3.jpg?v=1695395179&width=240 240w, //kaylabatikdesign.com/cdn/shop/collections/girl_600x_crop_center_9e91511e-1470-43de-a054-7c4adc8c2dd3.jpg?v=1695395179&width=352 352w, //kaylabatikdesign.com/cdn/shop/collections/girl_600x_crop_center_9e91511e-1470-43de-a054-7c4adc8c2dd3.jpg?v=1695395179&width=832 832w, //kaylabatikdesign.com/cdn/shop/collections/girl_600x_crop_center_9e91511e-1470-43de-a054-7c4adc8c2dd3.jpg?v=1695395179&width=1200 1200w, //kaylabatikdesign.com/cdn/shop/collections/girl_600x_crop_center_9e91511e-1470-43de-a054-7c4adc8c2dd3.jpg?v=1695395179&width=1600 1600w, //kaylabatikdesign.com/cdn/shop/collections/girl_600x_crop_center_9e91511e-1470-43de-a054-7c4adc8c2dd3.jpg?v=1695395179&width=1920 1920w, //kaylabatikdesign.com/cdn/shop/collections/girl_600x_crop_center_9e91511e-1470-43de-a054-7c4adc8c2dd3.jpg?v=1695395179&width=2560 2560w, //kaylabatikdesign.com/cdn/shop/collections/girl_600x_crop_center_9e91511e-1470-43de-a054-7c4adc8c2dd3.jpg?v=1695395179&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&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&width=240 240w, //kaylabatikdesign.com/cdn/shop/files/BATIK-DESIGN_v3_eb9a771e-e6ad-46a7-b1fe-124593300766.png?v=1781029281&width=352 352w, //kaylabatikdesign.com/cdn/shop/files/BATIK-DESIGN_v3_eb9a771e-e6ad-46a7-b1fe-124593300766.png?v=1781029281&width=832 832w, //kaylabatikdesign.com/cdn/shop/files/BATIK-DESIGN_v3_eb9a771e-e6ad-46a7-b1fe-124593300766.png?v=1781029281&width=1200 1200w, //kaylabatikdesign.com/cdn/shop/files/BATIK-DESIGN_v3_eb9a771e-e6ad-46a7-b1fe-124593300766.png?v=1781029281&width=1600 1600w, //kaylabatikdesign.com/cdn/shop/files/BATIK-DESIGN_v3_eb9a771e-e6ad-46a7-b1fe-124593300766.png?v=1781029281&width=1920 1920w, //kaylabatikdesign.com/cdn/shop/files/BATIK-DESIGN_v3_eb9a771e-e6ad-46a7-b1fe-124593300766.png?v=1781029281&width=2560 2560w, //kaylabatikdesign.com/cdn/shop/files/BATIK-DESIGN_v3_eb9a771e-e6ad-46a7-b1fe-124593300766.png?v=1781029281&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&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&width=240 240w, //kaylabatikdesign.com/cdn/shop/files/BATIK-DESIGN_v3_eb9a771e-e6ad-46a7-b1fe-124593300766.png?v=1781029281&width=352 352w, //kaylabatikdesign.com/cdn/shop/files/BATIK-DESIGN_v3_eb9a771e-e6ad-46a7-b1fe-124593300766.png?v=1781029281&width=832 832w, //kaylabatikdesign.com/cdn/shop/files/BATIK-DESIGN_v3_eb9a771e-e6ad-46a7-b1fe-124593300766.png?v=1781029281&width=1200 1200w, //kaylabatikdesign.com/cdn/shop/files/BATIK-DESIGN_v3_eb9a771e-e6ad-46a7-b1fe-124593300766.png?v=1781029281&width=1600 1600w, //kaylabatikdesign.com/cdn/shop/files/BATIK-DESIGN_v3_eb9a771e-e6ad-46a7-b1fe-124593300766.png?v=1781029281&width=1920 1920w, //kaylabatikdesign.com/cdn/shop/files/BATIK-DESIGN_v3_eb9a771e-e6ad-46a7-b1fe-124593300766.png?v=1781029281&width=2560 2560w, //kaylabatikdesign.com/cdn/shop/files/BATIK-DESIGN_v3_eb9a771e-e6ad-46a7-b1fe-124593300766.png?v=1781029281&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&width=3840" alt="" srcset="//kaylabatikdesign.com/cdn/shop/files/6AEB8D37-1B18-44B7-BDBE-82122C079A4B.png?v=1782455015&width=240 240w, //kaylabatikdesign.com/cdn/shop/files/6AEB8D37-1B18-44B7-BDBE-82122C079A4B.png?v=1782455015&width=352 352w, //kaylabatikdesign.com/cdn/shop/files/6AEB8D37-1B18-44B7-BDBE-82122C079A4B.png?v=1782455015&width=832 832w, //kaylabatikdesign.com/cdn/shop/files/6AEB8D37-1B18-44B7-BDBE-82122C079A4B.png?v=1782455015&width=1200 1200w, //kaylabatikdesign.com/cdn/shop/files/6AEB8D37-1B18-44B7-BDBE-82122C079A4B.png?v=1782455015&width=1600 1600w, //kaylabatikdesign.com/cdn/shop/files/6AEB8D37-1B18-44B7-BDBE-82122C079A4B.png?v=1782455015&width=1920 1920w, //kaylabatikdesign.com/cdn/shop/files/6AEB8D37-1B18-44B7-BDBE-82122C079A4B.png?v=1782455015&width=2560 2560w, //kaylabatikdesign.com/cdn/shop/files/6AEB8D37-1B18-44B7-BDBE-82122C079A4B.png?v=1782455015&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&width=3840" alt="" srcset="//kaylabatikdesign.com/cdn/shop/files/298950D1-0C90-4413-B820-BD0A57F0F712.png?v=1782454978&width=240 240w, //kaylabatikdesign.com/cdn/shop/files/298950D1-0C90-4413-B820-BD0A57F0F712.png?v=1782454978&width=352 352w, //kaylabatikdesign.com/cdn/shop/files/298950D1-0C90-4413-B820-BD0A57F0F712.png?v=1782454978&width=832 832w, //kaylabatikdesign.com/cdn/shop/files/298950D1-0C90-4413-B820-BD0A57F0F712.png?v=1782454978&width=1200 1200w, //kaylabatikdesign.com/cdn/shop/files/298950D1-0C90-4413-B820-BD0A57F0F712.png?v=1782454978&width=1600 1600w, //kaylabatikdesign.com/cdn/shop/files/298950D1-0C90-4413-B820-BD0A57F0F712.png?v=1782454978&width=1920 1920w, //kaylabatikdesign.com/cdn/shop/files/298950D1-0C90-4413-B820-BD0A57F0F712.png?v=1782454978&width=2560 2560w, //kaylabatikdesign.com/cdn/shop/files/298950D1-0C90-4413-B820-BD0A57F0F712.png?v=1782454978&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 © 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&width=500" alt="" srcset="//kaylabatikdesign.com/cdn/shop/files/8B5A5CB0-75B1-4405-88CA-D98649793DDD.jpg?v=1702027931&width=240 240w, //kaylabatikdesign.com/cdn/shop/files/8B5A5CB0-75B1-4405-88CA-D98649793DDD.jpg?v=1702027931&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&width=500" alt="Baby Kimono Romper Unisex" srcset="//kaylabatikdesign.com/cdn/shop/files/77A74389-8841-4680-BD11-CBCE5332C543.jpg?v=1702027931&width=240 240w, //kaylabatikdesign.com/cdn/shop/files/77A74389-8841-4680-BD11-CBCE5332C543.jpg?v=1702027931&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 </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 </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&width=500" alt="" srcset="//kaylabatikdesign.com/cdn/shop/files/IMG_4919.jpg?v=1705936915&width=240 240w, //kaylabatikdesign.com/cdn/shop/files/IMG_4919.jpg?v=1705936915&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&width=500" alt="Baby Romper Cotton Batik Boy/Girl (Koi fish)" srcset="//kaylabatikdesign.com/cdn/shop/files/IMG_4921.jpg?v=1705936915&width=240 240w, //kaylabatikdesign.com/cdn/shop/files/IMG_4921.jpg?v=1705936915&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 </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 </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 </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 </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 </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 </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.