PageSourceSearch

https://celeirobikers.com.br/products/hairclip-prendedor-de-cabelo?variant=49733332468002

html celeirobikers.com.br collected 2026-10-02 01:17:38 UTC 242,704 bytes, 5,867 lines download raw bytes

1<!doctype html>
2<html
3  
4  lang="pt-BR"
5>
6  <head>
7    
8<meta charset="utf-8">
9<meta
10  http-equiv="X-UA-Compatible"
11  content="IE=edge"
12>
13<meta
14  name="viewport"
15  content="width=device-width,initial-scale=1"
16>
17<meta
18  name="view-transition"
19  content="same-origin"
20>
21<meta
22  name="theme-color"
23  content=""
24>
25
26<meta
27  property="og:site_name"
28  content="Celeiro Bikers"
29>
30<meta
31  property="og:url"
32  content="https://celeirobikers.com.br/products/hairclip-prendedor-de-cabelo"
33>
34<meta
35  property="og:title"
36  content="HAIRCLIP - Prendedor de Cabelo"
37>
38<meta
39  property="og:type"
40  content="product"
41>
42<meta
43  property="og:description"
44  content="Preserve seu cabelo nos bons ventos! Prendedor de cabelo em couro legítimo com design exclusivo, fecho interno discreto e alça para a utilização de elástico de cabelo, da sua escolha. "
45><meta
46    property="og:image"
47    content="http://celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865"
48  >
49  <meta
50    property="og:image:secure_url"
51    content="https://celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865"
52  >
53  <meta
54    property="og:image:width"
55    content="665"
56  >
57  <meta
58    property="og:image:height"
59    content="1000"
60  ><meta
61    property="og:price:amount"
62    content="89,90"
63  >
64  <meta
65    property="og:price:currency"
66    content="BRL"
67  ><meta
68  name="twitter:card"
69  content="summary_large_image"
70>
71<meta
72  name="twitter:title"
73  content="HAIRCLIP - Prendedor de Cabelo"
74>
75<meta
76  name="twitter:description"
77  content="Preserve seu cabelo nos bons ventos! Prendedor de cabelo em couro legítimo com design exclusivo, fecho interno discreto e alça para a utilização de elástico de cabelo, da sua escolha. "
78>
79
80<title>
81  HAIRCLIP - Prendedor de Cabelo
82 &ndash; Celeiro Bikers</title>
83
84<link
85  rel="canonical"
86  href="https://celeirobikers.com.br/products/hairclip-prendedor-de-cabelo"
87>
88
89
90  <meta
91    name="description"
92    content="Preserve seu cabelo nos bons ventos! Prendedor de cabelo em couro legítimo com design exclusivo, fecho interno discreto e alça para a utilização de elástico de cabelo, da sua escolha. "
93  >
94
95<link href="//celeirobikers.com.br/cdn/shop/t/3/assets/overflow-list.css?v=13500019909476584571773244888" as="style" rel="preload">
96<link href="//celeirobikers.com.br/cdn/shop/t/3/assets/base.css?v=179543140946678485911773244888" rel="stylesheet" type="text/css" media="all" />
97
98<link
99    rel="preload"
100    as="font"
101    href="//celeirobikers.com.br/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2"
102    type="font/woff2"
103    crossorigin
104    fetchpriority="low"
105  ><link
106    rel="preload"
107    as="font"
108    href="//celeirobikers.com.br/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2"
109    type="font/woff2"
110    crossorigin
111    fetchpriority="low"
112  ><link
113    rel="preload"
114    as="font"
115    href="//celeirobikers.com.br/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2"
116    type="font/woff2"
117    crossorigin
118    fetchpriority="low"
119  ><link
120    rel="preload"
121    as="font"
122    href="//celeirobikers.com.br/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2"
123    type="font/woff2"
124    crossorigin
125    fetchpriority="low"
126  >
127<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 127
127
128<script type="importmap">
129  {
130    "imports": {
131      "@theme/overflow-list": "//celeirobikers.com.br/cdn/shop/t/3/assets/overflow-list.js?v=46858356770684902511773244888",
132      "@theme/product-title": "//celeirobikers.com.br/cdn/shop/t/3/assets/product-title-truncation.js?v=81744426891537421781773244888",
133      "@theme/component": "//celeirobikers.com.br/cdn/shop/t/3/assets/component.js?v=184240237101443119871773244888",
134      "@theme/dialog": "//celeirobikers.com.br/cdn/shop/t/3/assets/dialog.js?v=150888536568694194021773244888",
135      "@theme/events": "//celeirobikers.com.br/cdn/shop/t/3/assets/events.js?v=1118589085892804011773244888",
136      "@theme/focus": "//celeirobikers.com.br/cdn/shop/t/3/assets/focus.js?v=60436577539430446401773244888",
137      "@theme/morph": "//celeirobikers.com.br/cdn/shop/t/3/assets/morph.js?v=102085577784545683451773244888",
138      "@theme/paginated-list": "//celeirobikers.com.br/cdn/shop/t/3/assets/paginated-list.js?v=95298315036233333871773244888",
139      "@theme/performance": "//celeirobikers.com.br/cdn/shop/t/3/assets/performance.js?v=171015751390534793081773244888",
140      "@theme/product-form": "//celeirobikers.com.br/cdn/shop/t/3/assets/product-form.js?v=87407172394809519131773244888",
141      "@theme/recently-viewed-products": "//celeirobikers.com.br/cdn/shop/t/3/assets/recently-viewed-products.js?v=94729125001750262651773244888",
142      "@theme/scrolling": "//celeirobikers.com.br/cdn/shop/t/3/assets/scrolling.js?v=162288454571026455011773244888",
143      "@theme/section-renderer": "//celeirobikers.com.br/cdn/shop/t/3/assets/section-renderer.js?v=152586934315572818121773244888",
144      "@theme/section-hydration": "//celeirobikers.com.br/cdn/shop/t/3/assets/section-hydration.js?v=108434990705342316311773244888",
145      "@theme/money-formatting": "//celeirobikers.com.br/cdn/shop/t/3/assets/money-formatting.js?v=182191346160333327151773244888",
146      "@theme/utilities": "//celeirobikers.com.br/cdn/shop/t/3/assets/utilities.js?v=28506172887375975941773244888",
147      "@theme/variant-picker": "//celeirobikers.com.br/cdn/shop/t/3/assets/variant-picker.js?v=177886063604495755331773244888",
148      "@theme/media-gallery": "//celeirobikers.com.br/cdn/shop/t/3/assets/media-gallery.js?v=14624021005636302161773244888",
149      "@theme/quick-add": "//celeirobikers.com.br/cdn/shop/t/3/assets/quick-add.js?v=8173316780029216301773244888",
150      "@theme/paginated-list-aspect-ratio": "//celeirobikers.com.br/cdn/shop/t/3/assets/paginated-list-aspect-ratio.js?v=25254270272143792451773244888",
151      "@theme/popover-polyfill": "//celeirobikers.com.br/cdn/shop/t/3/assets/popover-polyfill.js?v=119029313658895111201773244888",
152      "@theme/component-quantity-selector": "//celeirobikers.com.br/cdn/shop/t/3/assets/component-quantity-selector.js?v=67906657287482036641773244888",
153      "@theme/comparison-slider": "//celeirobikers.com.br/cdn/shop/t/3/assets/comparison-slider.js?v=106705562947035711941773244888",
154      "@theme/sticky-add-to-cart": "//celeirobikers.com.br/cdn/shop/t/3/assets/sticky-add-to-cart.js?v=48956925339276737091773244888",
155      "@theme/fly-to-cart": "//celeirobikers.com.br/cdn/shop/t/3/assets/fly-to-cart.js?v=48483246440248933081773244888"
156    }
157  }
158</script>
158
159
160<script
161  src="//celeirobikers.com.br/cdn/shop/t/3/assets/view-transitions.js?v=7106414069516106341773244888"
162  async
163  
164></script>
164
165
166<link
167  rel="modulepreload"
168  href="//celeirobikers.com.br/cdn/shop/t/3/assets/utilities.js?v=28506172887375975941773244888"
169  fetchpriority="low"
170>
171<link
172  rel="modulepreload"
173  href="//celeirobikers.com.br/cdn/shop/t/3/assets/component.js?v=184240237101443119871773244888"
174  fetchpriority="low"
175>
176<link
177  rel="modulepreload"
178  href="//celeirobikers.com.br/cdn/shop/t/3/assets/section-renderer.js?v=152586934315572818121773244888"
179  fetchpriority="low"
180>
181<link
182  rel="modulepreload"
183  href="//celeirobikers.com.br/cdn/shop/t/3/assets/section-hydration.js?v=108434990705342316311773244888"
184  fetchpriority="low"
185>
186<link
187  rel="modulepreload"
188  href="//celeirobikers.com.br/cdn/shop/t/3/assets/morph.js?v=102085577784545683451773244888"
189  fetchpriority="low"
190>
191
192
193
194<link
195  rel="modulepreload"
196  href="//celeirobikers.com.br/cdn/shop/t/3/assets/focus.js?v=60436577539430446401773244888"
197  fetchpriority="low"
198>
199<link
200  rel="modulepreload"
201  href="//celeirobikers.com.br/cdn/shop/t/3/assets/recently-viewed-products.js?v=94729125001750262651773244888"
202  fetchpriority="low"
203>
204<link
205  rel="modulepreload"
206  href="//celeirobikers.com.br/cdn/shop/t/3/assets/scrolling.js?v=162288454571026455011773244888"
207  fetchpriority="low"
208>
209<link
210  rel="modulepreload"
211  href="//celeirobikers.com.br/cdn/shop/t/3/assets/events.js?v=1118589085892804011773244888"
212  fetchpriority="low"
213>
214<script
215  src="//celeirobikers.com.br/cdn/shop/t/3/assets/popover-polyfill.js?v=119029313658895111201773244888"
216  type="module"
217  fetchpriority="low"
218></script>
vendor: 1 bytes, line 218
218
219<script
220  src="//celeirobikers.com.br/cdn/shop/t/3/assets/overflow-list.js?v=46858356770684902511773244888"
221  type="module"
222  fetchpriority="low"
223></script>
vendor: 1 bytes, line 223
223
224<script
225  src="//celeirobikers.com.br/cdn/shop/t/3/assets/quick-add.js?v=8173316780029216301773244888"
226  type="module"
227  fetchpriority="low"
228></script>
228
229
230  
230<script
231    src="//celeirobikers.com.br/cdn/shop/t/3/assets/cart-discount.js?v=107077853990124422021773244888"
232    type="module"
233    fetchpriority="low"
234  ></script>
234
235
236
237<script
238  src="//celeirobikers.com.br/cdn/shop/t/3/assets/dialog.js?v=150888536568694194021773244888"
239  type="module"
240  fetchpriority="low"
241></script>
vendor: 1 bytes, line 241
241
242<script
243  src="//celeirobikers.com.br/cdn/shop/t/3/assets/variant-picker.js?v=177886063604495755331773244888"
244  type="module"
245  fetchpriority="low"
246></script>
vendor: 1 bytes, line 246
246
247<script
248  src="//celeirobikers.com.br/cdn/shop/t/3/assets/product-card.js?v=28695665944407642501773244888"
249  type="module"
250  fetchpriority="low"
251></script>
vendor: 1 bytes, line 251
251
252<script
253  src="//celeirobikers.com.br/cdn/shop/t/3/assets/product-form.js?v=87407172394809519131773244888"
254  type="module"
255  fetchpriority="low"
256></script>
vendor: 1 bytes, line 256
256
257<script
258  src="//celeirobikers.com.br/cdn/shop/t/3/assets/fly-to-cart.js?v=48483246440248933081773244888"
259  type="module"
260  fetchpriority="low"
261></script>
vendor: 1 bytes, line 261
261
262<script
263  src="//celeirobikers.com.br/cdn/shop/t/3/assets/accordion-custom.js?v=97588419883090888471773244888"
264  type="module"
265  fetchpriority="low"
266></script>
vendor: 1 bytes, line 266
266
267<script
268  src="//celeirobikers.com.br/cdn/shop/t/3/assets/media.js?v=37825095869491791421773244888"
269  type="module"
270  fetchpriority="low"
271></script>
vendor: 1 bytes, line 271
271
272<script
273  src="//celeirobikers.com.br/cdn/shop/t/3/assets/product-price.js?v=164492227269745550161773244888"
274  type="module"
275  fetchpriority="low"
276></script>
vendor: 1 bytes, line 276
276
277<script
278  src="//celeirobikers.com.br/cdn/shop/t/3/assets/product-sku.js?v=121804655373531320511773244888"
279  type="module"
280  fetchpriority="low"
281></script>
vendor: 1 bytes, line 281
281
282<script
283  src="//celeirobikers.com.br/cdn/shop/t/3/assets/product-title-truncation.js?v=81744426891537421781773244888"
284  type="module"
285  fetchpriority="low"
286></script>
vendor: 1 bytes, line 286
286
287<script
288  src="//celeirobikers.com.br/cdn/shop/t/3/assets/product-inventory.js?v=81520546963552472391773244888"
289  type="module"
290  fetchpriority="low"
291></script>
vendor: 1 bytes, line 291
291
292<script
293  src="//celeirobikers.com.br/cdn/shop/t/3/assets/show-more.js?v=94563802205717136101773244888"
294  type="module"
295  fetchpriority="low"
296></script>
vendor: 1 bytes, line 296
296
297<script
298  src="//celeirobikers.com.br/cdn/shop/t/3/assets/slideshow.js?v=17868446697736367161773244888"
299  type="module"
300  fetchpriority="low"
301></script>
vendor: 1 bytes, line 301
301
302<script
303  src="//celeirobikers.com.br/cdn/shop/t/3/assets/layered-slideshow.js?v=30135417790894624731773244888"
304  type="module"
305  fetchpriority="low"
306></script>
vendor: 1 bytes, line 306
306
307<script
308  src="//celeirobikers.com.br/cdn/shop/t/3/assets/anchored-popover.js?v=95953304814728754461773244888"
309  type="module"
310  fetchpriority="low"
311></script>
vendor: 1 bytes, line 311
311
312<script
313  src="//celeirobikers.com.br/cdn/shop/t/3/assets/floating-panel.js?v=151277338116891310371773244888"
314  type="module"
315  fetchpriority="low"
316></script>
vendor: 1 bytes, line 316
316
317<script
318  src="//celeirobikers.com.br/cdn/shop/t/3/assets/video-background.js?v=25237992823806706551773244888"
319  type="module"
320  fetchpriority="low"
321></script>
vendor: 1 bytes, line 321
321
322<script
323  src="//celeirobikers.com.br/cdn/shop/t/3/assets/component-quantity-selector.js?v=67906657287482036641773244888"
324  type="module"
325  fetchpriority="low"
326></script>
vendor: 1 bytes, line 326
326
327<script
328  src="//celeirobikers.com.br/cdn/shop/t/3/assets/media-gallery.js?v=14624021005636302161773244888"
329  type="module"
330  fetchpriority="low"
331></script>
vendor: 1 bytes, line 331
331
332<script
333  src="//celeirobikers.com.br/cdn/shop/t/3/assets/rte-formatter.js?v=40306132146590816021773244888"
334  type="module"
335  fetchpriority="low"
336></script>
vendor: 1 bytes, line 336
336
337<script
338  src="//celeirobikers.com.br/cdn/shop/t/3/assets/volume-pricing.js?v=15442793518842484731773244888"
339  type="module"
340  fetchpriority="low"
341></script>
vendor: 1 bytes, line 341
341
342<script
343  src="//celeirobikers.com.br/cdn/shop/t/3/assets/price-per-item.js?v=144512917617120124431773244888"
344  type="module"
345  fetchpriority="low"
346></script>
vendor: 1 bytes, line 346
346
347<script
348  src="//celeirobikers.com.br/cdn/shop/t/3/assets/volume-pricing-info.js?v=94479640769665442661773244888"
349  type="module"
350  fetchpriority="low"
351></script>
351
352
353
354
355
356  
356<script
357    src="//celeirobikers.com.br/cdn/shop/t/3/assets/fly-to-cart.js?v=48483246440248933081773244888"
358    type="module"
359    fetchpriority="low"
360  ></script>
360
361  
361<script
362    src="//celeirobikers.com.br/cdn/shop/t/3/assets/sticky-add-to-cart.js?v=48956925339276737091773244888"
363    type="module"
364    fetchpriority="low"
365  ></script>
365
366  
366<script type="module">
367    import { RecentlyViewed } from '@theme/recently-viewed-products';
368    RecentlyViewed.addProduct('9484739346722');
369  </script>
369
370
371
372<script
373  src="//celeirobikers.com.br/cdn/shop/t/3/assets/auto-close-details.js?v=58350291535404441581773244888"
374  defer="defer"
375></script>
375
376
377<script>
378  const Theme = {
379    translations: {
380      placeholder_image: `Imagem do marcador de posição`,
381      added: `Adicionado`,
382      recipient_form_fields_visible: `Os campos do formulário do destinatário agora estão visíveis`,
383      recipient_form_fields_hidden: `Os campos do formulário do destinatário agora estão ocultos`,
384      recipient_form_error: `Houve um erro com o envio do formulário`,
385      items_added_to_cart_one: `Foi adicionado 1 item ao carrinho`,
386      items_added_to_cart_other: `{{ count }} itens adicionados ao carrinho`,
387    },
388    routes: {
389      cart_add_url: '/cart/add.js',
390      cart_change_url: '/cart/change',
391      cart_update_url: '/cart/update',
392      cart_url: '/cart',
393      predictive_search_url: '/search/suggest',
394      search_url: '/search',
395    },
396    template: {
397      name: 'product',
398    },
399  };
400</script>
400
401<style data-shopify>
402@font-face {
403  font-family: Inter;
404  font-weight: 400;
405  font-style: normal;
406  font-display: swap;
407  src: url("//celeirobikers.com.br/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2") format("woff2"),
408       url("//celeirobikers.com.br/cdn/fonts/inter/inter_n4.af8052d517e0c9ffac7b814872cecc27ae1fa132.woff") format("woff");
409}
410@font-face {
411  font-family: Inter;
412  font-weight: 700;
413  font-style: normal;
414  font-display: swap;
415  src: url("//celeirobikers.com.br/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2") format("woff2"),
416       url("//celeirobikers.com.br/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff") format("woff");
417}
418@font-face {
419  font-family: Inter;
420  font-weight: 400;
421  font-style: italic;
422  font-display: swap;
423  src: url("//celeirobikers.com.br/cdn/fonts/inter/inter_i4.feae1981dda792ab80d117249d9c7e0f1017e5b3.woff2") format("woff2"),
424       url("//celeirobikers.com.br/cdn/fonts/inter/inter_i4.62773b7113d5e5f02c71486623cf828884c85c6e.woff") format("woff");
425}
426@font-face {
427  font-family: Inter;
428  font-weight: 700;
429  font-style: italic;
430  font-display: swap;
431  src: url("//celeirobikers.com.br/cdn/fonts/inter/inter_i7.b377bcd4cc0f160622a22d638ae7e2cd9b86ea4c.woff2") format("woff2"),
432       url("//celeirobikers.com.br/cdn/fonts/inter/inter_i7.7c69a6a34e3bb44fcf6f975857e13b9a9b25beb4.woff") format("woff");
433}
434@font-face {
435  font-family: Inter;
436  font-weight: 500;
437  font-style: normal;
438  font-display: swap;
439  src: url("//celeirobikers.com.br/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2") format("woff2"),
440       url("//celeirobikers.com.br/cdn/fonts/inter/inter_n5.5332a76bbd27da00474c136abb1ca3cbbf259068.woff") format("woff");
441}
442@font-face {
443  font-family: Inter;
444  font-weight: 500;
445  font-style: italic;
446  font-display: swap;
447  src: url("//celeirobikers.com.br/cdn/fonts/inter/inter_i5.4474f48e6ab2b1e01aa2b6d942dd27fa24f2d99f.woff2") format("woff2"),
448       url("//celeirobikers.com.br/cdn/fonts/inter/inter_i5.493dbd6ee8e49f4ad722ebb68d92f201af2c2f56.woff") format("woff");
449}
450
451
452  :root {
453    /* Page Layout */
454    --sidebar-width: 25rem;
455    --narrow-content-width: 36rem;
456    --normal-content-width: 42rem;
457    --wide-content-width: 46rem;
458    --narrow-page-width: 90rem;
459    --normal-page-width: 120rem;
460    --wide-page-width: 150rem;
461
462    /* Section Heights */
463    --section-height-small: 15rem;
464    --section-height-medium: 25rem;
465    --section-height-large: 35rem;
466
467    @media screen and (min-width: 40em) {
468      --section-height-small: 40svh;
469      --section-height-medium: 55svh;
470      --section-height-large: 70svh;
471    }
472
473    @media screen and (min-width: 60em) {
474      --section-height-small: 50svh;
475      --section-height-medium: 65svh;
476      --section-height-large: 80svh;
477    }
478
479    /* Letter spacing */
480    --letter-spacing-sm: 0.06em;
481    --letter-spacing-md: 0.13em;
482
483    /* Font families */
484    --font-body--family: Inter, sans-serif;
485    --font-body--style: normal;
486    --font-body--weight: 400;
487    --font-subheading--family: Inter, sans-serif;
488    --font-subheading--style: normal;
489    --font-subheading--weight: 500;
490    --font-heading--family: Inter, sans-serif;
491    --font-heading--style: normal;
492    --font-heading--weight: 700;
493    --font-accent--family: Inter, sans-serif;
494    --font-accent--style: normal;
495    --font-accent--weight: 700;
496
497    /* Margin sizes */
498    --font-heading--spacing: 0.25em;
499    --font-h1--spacing: var(--font-heading--spacing);
500    --font-h2--spacing: var(--font-heading--spacing);
501    --font-h3--spacing: var(--font-heading--spacing);
502    --font-h4--spacing: var(--font-heading--spacing);
503    --font-h5--spacing: var(--font-heading--spacing);
504    --font-h6--spacing: var(--font-heading--spacing);
505    --font-paragraph--spacing: 0.5em;
506
507    /* Heading colors */
508    --font-h1--color: var(--color-foreground-heading);
509    --font-h2--color: var(--color-foreground-heading);
510    --font-h3--color: var(--color-foreground-heading);
511    --font-h4--color: var(--color-foreground-heading);
512    --font-h5--color: var(--color-foreground-heading);
513    --font-h6--color: var(--color-foreground-heading);
514
515    /** Z-Index / Layering */
516    --layer-section-background: -2;
517    --layer-lowest: -1;
518    --layer-base: 0;
519    --layer-flat: 1;
520    --layer-raised: 2;
521    --layer-heightened: 4;
522    --layer-sticky: 8;
523    --layer-window-overlay: 10;
524    --layer-header-menu: 12;
525    --layer-overlay: 16;
526    --layer-menu-drawer: 18;
527    --layer-temporary: 20;
528
529    /* Max-width / Measure */
530    --max-width--body-normal: 32.5em;
531    --max-width--body-narrow: 22.75em;
532
533    --max-width--heading-normal: 32.5em;
534    --max-width--heading-narrow: 19.5em;
535
536    --max-width--display-normal: 13em;
537    --max-width--display-narrow: 9.75em;
538    --max-width--display-tight: 3.25em;
539
540    /* Letter-spacing / Tracking */
541    --letter-spacing--display-tight: -0.03em;
542    --letter-spacing--display-normal: 0em;
543    --letter-spacing--display-loose: 0.03em;
544
545    --letter-spacing--heading-tight: -0.03em;
546    --letter-spacing--heading-normal: 0em;
547    --letter-spacing--heading-loose: 0.03em;
548
549    --letter-spacing--body-tight: -0.03em;
550    --letter-spacing--body-normal: 0em;
551    --letter-spacing--body-loose: 0.03em;
552
553    /* Line height / Leading */
554    --line-height: 1;
555
556    --line-height--display-tight: 1;
557    --line-height--display-normal: 1.1;
558    --line-height--display-loose: 1.2;
559
560    --line-height--heading-tight: 1.15;
561    --line-height--heading-normal: 1.25;
562    --line-height--heading-loose: 1.35;
563
564    --line-height--body-tight: 1.2;
565    --line-height--body-normal: 1.4;
566    --line-height--body-loose: 1.6;
567
568    /* Typography presets */
569    --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);
570
571    /* Hardcoded font sizes */
572    --font-size--3xs: 0.625rem;
573    --font-size--2xs: 0.75rem;
574    --font-size--xs: 0.8125rem;
575    --font-size--sm: 0.875rem;
576    --font-size--md: 1rem;
577    --font-size--lg: 1.125rem;
578    --font-size--xl: 1.25rem;
579    --font-size--2xl: 1.5rem;
580    --font-size--3xl: 2rem;
581    --font-size--4xl: 2.5rem;
582    --font-size--5xl: 3rem;
583    --font-size--6xl: 3.5rem;
584
585    /* Menu font sizes */
586    --menu-font-sm--size: 0.875rem;
587    --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
588    --menu-font-md--size: 1rem;
589    --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
590    --menu-font-lg--size: 1.125rem;
591    --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
592    --menu-font-xl--size: 1.25rem;
593    --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
594    --menu-font-2xl--size: 1.75rem;
595    --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));
596
597    /* Colors */
598    --color-error: #8B0000;
599    --color-success: #006400;
600    --color-white: #FFFFFF;
601    --color-white-rgb: 255 255 255;
602    --color-black: #000000;
603    --color-instock: #3ED660;
604    --color-lowstock: #EE9441;
605    --color-outofstock: #C8C8C8;
606
607    /* Opacity */
608    --opacity-5: 0.05;
609    --opacity-8: 0.08;
610    --opacity-10: 0.1;
611    --opacity-15: 0.15;
612    --opacity-20: 0.2;
613    --opacity-25: 0.25;
614    --opacity-30: 0.3;
615    --opacity-40: 0.4;
616    --opacity-50: 0.5;
617    --opacity-60: 0.6;
618    --opacity-70: 0.7;
619    --opacity-80: 0.8;
620    --opacity-85: 0.85;
621    --opacity-90: 0.9;
622    --opacity-subdued-text: var(--opacity-70);
623
624    --shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
625    --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);
626
627    /* Spacing */
628    --margin-3xs: 0.125rem;
629    --margin-2xs: 0.3rem;
630    --margin-xs: 0.5rem;
631    --margin-sm: 0.7rem;
632    --margin-md: 0.8rem;
633    --margin-lg: 1rem;
634    --margin-xl: 1.25rem;
635    --margin-2xl: 1.5rem;
636    --margin-3xl: 1.75rem;
637    --margin-4xl: 2rem;
638    --margin-5xl: 3rem;
639    --margin-6xl: 5rem;
640
641    --scroll-margin: 50px;
642
643    --padding-3xs: 0.125rem;
644    --padding-2xs: 0.25rem;
645    --padding-xs: 0.5rem;
646    --padding-sm: 0.7rem;
647    --padding-md: 0.8rem;
648    --padding-lg: 1rem;
649    --padding-xl: 1.25rem;
650    --padding-2xl: 1.5rem;
651    --padding-3xl: 1.75rem;
652    --padding-4xl: 2rem;
653    --padding-5xl: 3rem;
654    --padding-6xl: 4rem;
655
656    --gap-3xs: 0.125rem;
657    --gap-2xs: 0.3rem;
658    --gap-xs: 0.5rem;
659    --gap-sm: 0.7rem;
660    --gap-md: 0.9rem;
661    --gap-lg: 1rem;
662    --gap-xl: 1.25rem;
663    --gap-2xl: 2rem;
664    --gap-3xl: 3rem;
665
666    --spacing-scale-sm: 0.6;
667    --spacing-scale-md: 0.7;
668    --spacing-scale-default: 1.0;
669
670    /* Checkout buttons gap */
671    --checkout-button-gap: 10px;
672
673    /* Borders */
674    --style-border-width: 1px;
675    --style-border-radius-xs: 0.2rem;
676    --style-border-radius-sm: 0.6rem;
677    --style-border-radius-md: 0.8rem;
678    --style-border-radius-50: 50%;
679    --style-border-radius-lg: 1rem;
680    --style-border-radius-pills: 40px;
681    --style-border-radius-inputs: 4px;
682    --style-border-radius-buttons-primary: 14px;
683    --style-border-radius-buttons-secondary: 14px;
684    --style-border-width-primary: 0px;
685    --style-border-width-secondary: 1px;
686    --style-border-width-inputs: 1px;
687    --style-border-radius-popover: 14px;
688    --style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%);
689    --style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%);
690    --style-border-swatch-opacity: 10%;
691    --style-border-swatch-width: 1px;
692    --style-border-swatch-style: solid;
693
694    /* Animation */
695    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
696    --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
697    --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
698    --animation-speed-fast: 0.0625s;
699    --animation-speed: 0.125s;
700    --animation-speed-slow: 0.2s;
701    --animation-speed-medium: 0.15s;
702    --animation-easing: ease-in-out;
703    --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
704    --drawer-animation-speed: 0.2s;
705    --animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
706    --animation-values: var(--animation-speed) var(--animation-easing);
707    --animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
708    --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
709    --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
710    --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
711    --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
712    --animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
713    --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
714    --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
715    /* Spring definitions suffixed with perceptual duration (d<ms>) and bounce (b<%>)*/
716    --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%);
717    --spring-d300-b0-duration: 0.4980s;
718    --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%);
719    --spring-d280-b0-duration: 0.4648s;
720    --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%);
721    --spring-d260-b0-duration: 0.4316s;
722    --spring-d220-b0-easing: linear(
723      0,
724      0.0093 1.37%,
725      0.0696 4.12%,
726      0.4667 15.09%,
727      0.6322 20.58%,
728      0.6986 23.32%,
729      0.7793 27.44%,
730      0.8219 30.18%,
731      0.8721,
732      0.9089 38.42%,
733      0.9427,
734      0.9644,
735      0.978 54.88%,
736      0.9881 61.74%,
737      0.9944 69.97%,
738      0.998 80.95%,
739      0.9996 98.78%
740    );
741    --spring-d220-b0-duration: 0.3818s;
742    --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%);
743    --spring-d180-b0-duration: 0.2988s;
744
745    /* View transitions */
746    /* View transition old */
747    --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;
748
749    /* View transition new */
750    --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;
751
752    /* Focus */
753    --focus-outline-width: 0.09375rem;
754    --focus-outline-offset: 0.2em;
755
756    /* Badges */
757    --badge-blob-padding-block: 1px;
758    --badge-blob-padding-inline: 12px 8px;
759    --badge-rectangle-padding-block: 1px;
760    --badge-rectangle-padding-inline: 6px;
761    @media screen and (min-width: 750px) {
762      --badge-blob-padding-block: 4px;
763      --badge-blob-padding-inline: 16px 12px;
764      --badge-rectangle-padding-block: 4px;
765      --badge-rectangle-padding-inline: 10px;
766    }
767
768    /* Icons */
769    --icon-size-2xs: 0.6rem;
770    --icon-size-xs: 0.85rem;
771    --icon-size-sm: 1.25rem;
772    --icon-size-md: 1.375rem;
773    --icon-size-lg: 1.5rem;
774    --icon-stroke-width: 1.5px;
775
776    /* Input */
777    --input-email-min-width: 200px;
778    --input-search-max-width: 650px;
779    --input-padding-y: 0.8rem;
780    --input-padding-x: 0.8rem;
781    --input-padding: var(--input-padding-y) var(--input-padding-x);
782    --input-box-shadow-width: var(--style-border-width-inputs);
783    --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
784    --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
785    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
786    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
787    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
788    --input-textarea-min-height: 55px;
789
790    /* Checkbox */
791    --checkbox-size: 22px;
792    --checkbox-border-radius: 7px;
793    --checkbox-border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55));
794    --checkbox-label-padding: 8px;
795
796    @media screen and (min-width: 750px) {
797      --checkbox-size: 16px;
798      --checkbox-border-radius: 5px;
799      --checkbox-label-padding: 6px;
800    }
801
802    /* Button size */
803    --button-size-sm: 30px;
804    --button-size-md: 36px;
805    --button-size: var(--minimum-touch-target);
806    --button-padding-inline: 24px;
807    --button-padding-block: 16px;
808
809    /* Button font-family */
810    --button-font-family-primary: var(--font-body--family);
811    --button-font-family-secondary: var(--font-body--family);
812
813    /* Button text case */
814    --button-text-case: ;
815    --button-text-case-primary: default;
816    --button-text-case-secondary: default;
817
818    /* Borders */
819    --border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
820    --border-width-sm: 1px;
821    --border-width-md: 2px;
822    --border-width-lg: 5px;
823    --border-radius-sm: 0.25rem;
824
825    /* Drawers */
826    --drawer-inline-padding: 25px;
827    --drawer-menu-inline-padding: 2.5rem;
828    --drawer-header-block-padding: 20px;
829    --drawer-content-block-padding: 10px;
830    --drawer-header-desktop-top: 0rem;
831    --drawer-padding: calc(var(--padding-sm) + 7px);
832    --drawer-height: 100dvh;
833    --drawer-width: 95vw;
834    --drawer-max-width: 500px;
835
836    /* Variant Picker Swatches */
837    --variant-picker-swatch-width-unitless: 34;
838    --variant-picker-swatch-height-unitless: 34;
839    --variant-picker-swatch-width: 34px;
840    --variant-picker-swatch-height: 34px;
841    --variant-picker-swatch-radius: 32px;
842    --variant-picker-border-width: 1px;
843    --variant-picker-border-style: solid;
844    --variant-picker-border-opacity: 10%;
845
846    /* Variant Picker Buttons */
847    --variant-picker-button-radius: 14px;
848    --variant-picker-button-border-width: 1px;
849
850    /* Slideshow */
851    --slideshow-controls-size: 3.5rem;
852    --slideshow-controls-icon: 2rem;
853    --peek-next-slide-size: 3rem;
854
855    /* Utilities */
856    --backdrop-opacity: 0.15;
857    --backdrop-color-rgb: var(--color-shadow-rgb);
858    --minimum-touch-target: 44px;
859    --disabled-opacity: 0.5;
860    --skeleton-opacity: 0.025;
861
862    /* Shapes */
863    --shape--circle: circle(50% at center);
864    --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%);
865    --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
866    --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
866% 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%);
867
868    /* Buy buttons */
869    --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));
870
871    /* Card image width and height variables */
872    --card-width-small: 10rem;
873
874    --height-small: 10rem;
875    --height-medium: 11.5rem;
876    --height-large: 13rem;
877    --height-full: 100vh;
878
879    @media screen and (min-width: 750px) {
880      --height-small: 17.5rem;
881      --height-medium: 21.25rem;
882      --height-large: 25rem;
883    }
884
885    /* Modal */
886    --modal-max-height: 65dvh;
887    --quick-add-modal-height: min(38.5rem, 96vh);
888    --quick-add-modal-width: min(54rem, 96vw);
889    --quick-add-modal-gallery-width: 24rem;
890
891    /* Card styles for search */
892    --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
893    --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
894    --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));
895
896    /* Cart */
897    --cart-primary-font-family: var(--font-body--family);
898    --cart-primary-font-style: var(--font-body--style);
899    --cart-primary-font-weight: var(--font-body--weight);
900    --cart-secondary-font-family: var(--font-secondary--family);
901    --cart-secondary-font-style: var(--font-secondary--style);
902    --cart-secondary-font-weight: var(--font-secondary--weight);
903  }
904</style>
905<style data-shopify>
906  
907    
908      :root,
909    
910    
911    
912    .color-scheme-1 {
913        --color-background: rgb(255 255 255 / 1.0);
914        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
915        --color-background-rgb: 255 255 255;
916        --opacity-5-15: 0.05;
917        --opacity-10-25: 0.1;
918        --opacity-35-55: 0.35;
919        --opacity-40-60: 0.4;
920        --opacity-30-60: 0.3;
921        --color-foreground: rgb(0 0 0 / 0.81);
922        --color-foreground-rgb: 0 0 0;
923        --color-foreground-heading: rgb(0 0 0 / 1.0);
924        --color-foreground-heading-rgb: 0 0 0;
925        --color-primary: rgb(0 0 0 / 0.81);
926        --color-primary-rgb: 0 0 0;
927        --color-primary-hover: rgb(0 0 0 / 1.0);
928        --color-primary-hover-rgb: 0 0 0;
929        --color-border: rgb(0 0 0 / 0.06);
930        --color-border-rgb: 0 0 0;
931        --color-shadow: rgb(0 0 0 / 1.0);
932        --color-shadow-rgb: 0 0 0;
933        --color-primary-button-text: rgb(255 255 255 / 1.0);
934        --color-primary-button-background: rgb(0 0 0 / 1.0);
935        --color-primary-button-border: rgb(0 0 0 / 1.0);
936        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
937        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
938        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
939        --color-secondary-button-text: rgb(0 0 0 / 1.0);
940        --color-secondary-button-background: rgb(0 0 0 / 0.0);
941        --color-secondary-button-border: rgb(0 0 0 / 1.0);
942        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
943        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
944        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
945        --color-input-background: rgb(255 255 255 / 0.78);
946        --color-input-text: rgb(51 51 51 / 1.0);
947        --color-input-text-rgb: 51 51 51;
948        --color-input-border: rgb(223 223 223 / 1.0);
949        --color-input-hover-background: rgb(0 0 0 / 0.01);
950        --color-variant-background: rgb(255 255 255 / 1.0);
951        --color-variant-border: rgb(0 0 0 / 0.13);
952        --color-variant-text: rgb(0 0 0 / 1.0);
953        --color-variant-text-rgb: 0 0 0;
954        --color-variant-hover-background: rgb(245 245 245 / 1.0);
955        --color-variant-hover-text: rgb(0 0 0 / 1.0);
956        --color-variant-hover-border: rgb(230 230 230 / 1.0);
957        --color-selected-variant-background: rgb(0 0 0 / 1.0);
958        --color-selected-variant-border: rgb(0 0 0 / 1.0);
959        --color-selected-variant-text: rgb(255 255 255 / 1.0);
960        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
961        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
962        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
963
964        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
965        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
966        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
967        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
968        --font-h1--color: var(--color-foreground-heading);
969        --font-h2--color: var(--color-foreground-heading);
970        --font-h3--color: var(--color-foreground-heading);
971        --font-h4--color: var(--color-foreground-heading);
972        --font-h5--color: var(--color-foreground-heading);
973        --font-h6--color: var(--color-foreground-heading);
974
975        /* Shadows */
976        
977          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
978        
979        
980          --shadow-blur: 20px;
981          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
982        
983      }
984  
985    
986    
987    
988    .color-scheme-2 {
989        --color-background: rgb(245 245 245 / 1.0);
990        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
991        --color-background-rgb: 245 245 245;
992        --opacity-5-15: 0.05;
993        --opacity-10-25: 0.1;
994        --opacity-35-55: 0.35;
995        --opacity-40-60: 0.4;
996        --opacity-30-60: 0.3;
997        --color-foreground: rgb(0 0 0 / 0.81);
998        --color-foreground-rgb: 0 0 0;
999        --color-foreground-heading: rgb(0 0 0 / 1.0);
1000        --color-foreground-heading-rgb: 0 0 0;
1001        --color-primary: rgb(0 0 0 / 0.81);
1002        --color-primary-rgb: 0 0 0;
1003        --color-primary-hover: rgb(255 255 255 / 1.0);
1004        --color-primary-hover-rgb: 255 255 255;
1005        --color-border: rgb(223 223 223 / 1.0);
1006        --color-border-rgb: 223 223 223;
1007        --color-shadow: rgb(0 0 0 / 1.0);
1008        --color-shadow-rgb: 0 0 0;
1009        --color-primary-button-text: rgb(255 255 255 / 1.0);
1010        --color-primary-button-background: rgb(0 0 0 / 1.0);
1011        --color-primary-button-border: rgb(0 0 0 / 1.0);
1012        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1013        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
1014        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
1015        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1016        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1017        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1018        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
1019        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
1020        --color-secondary-button-hover-border: rgb(51 51 51 / 0.73);
1021        --color-input-background: rgb(0 0 0 / 0.0);
1022        --color-input-text: rgb(0 0 0 / 0.53);
1023        --color-input-text-rgb: 0 0 0;
1024        --color-input-border: rgb(0 0 0 / 0.13);
1025        --color-input-hover-background: rgb(255 255 255 / 0.36);
1026        --color-variant-background: rgb(255 255 255 / 1.0);
1027        --color-variant-border: rgb(230 230 230 / 1.0);
1028        --color-variant-text: rgb(0 0 0 / 1.0);
1029        --color-variant-text-rgb: 0 0 0;
1030        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1031        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1032        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1033        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1034        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1035        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1036        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1037        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1038        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1039
1040        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1041        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1042        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1043        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1044        --font-h1--color: var(--color-foreground-heading);
1045        --font-h2--color: var(--color-foreground-heading);
1046        --font-h3--color: var(--color-foreground-heading);
1047        --font-h4--color: var(--color-foreground-heading);
1048        --font-h5--color: var(--color-foreground-heading);
1049        --font-h6--color: var(--color-foreground-heading);
1050
1051        /* Shadows */
1052        
1053          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1054        
1055        
1056          --shadow-blur: 20px;
1057          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1058        
1059      }
1060  
1061    
1062    
1063    
1064    .color-scheme-3 {
1065        --color-background: rgb(238 241 234 / 1.0);
1066        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1067        --color-background-rgb: 238 241 234;
1068        --opacity-5-15: 0.05;
1069        --opacity-10-25: 0.1;
1070        --opacity-35-55: 0.35;
1071        --opacity-40-60: 0.4;
1072        --opacity-30-60: 0.3;
1073        --color-foreground: rgb(0 0 0 / 0.81);
1074        --color-foreground-rgb: 0 0 0;
1075        --color-foreground-heading: rgb(0 0 0 / 1.0);
1076        --color-foreground-heading-rgb: 0 0 0;
1077        --color-primary: rgb(0 0 0 / 0.81);
1078        --color-primary-rgb: 0 0 0;
1079        --color-primary-hover: rgb(0 0 0 / 1.0);
1080        --color-primary-hover-rgb: 0 0 0;
1081        --color-border: rgb(0 0 0 / 0.81);
1082        --color-border-rgb: 0 0 0;
1083        --color-shadow: rgb(0 0 0 / 1.0);
1084        --color-shadow-rgb: 0 0 0;
1085        --color-primary-button-text: rgb(255 255 255 / 1.0);
1086        --color-primary-button-background: rgb(0 0 0 / 1.0);
1087        --color-primary-button-border: rgb(0 0 0 / 1.0);
1088        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1089        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
1090        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
1091        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1092        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1093        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1094        --color-secondary-button-hover-text: rgb(0 0 0 / 0.81);
1095        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
1096        --color-secondary-button-hover-border: rgb(0 0 0 / 0.81);
1097        --color-input-background: rgb(0 0 0 / 0.0);
1098        --color-input-text: rgb(0 0 0 / 0.81);
1099        --color-input-text-rgb: 0 0 0;
1100        --color-input-border: rgb(0 0 0 / 0.81);
1101        --color-input-hover-background: rgb(255 255 255 / 0.36);
1102        --color-variant-background: rgb(255 255 255 / 1.0);
1103        --color-variant-border: rgb(230 230 230 / 1.0);
1104        --color-variant-text: rgb(0 0 0 / 1.0);
1105        --color-variant-text-rgb: 0 0 0;
1106        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1107        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1108        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1109        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1110        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1111        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1112        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1113        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1114        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1115
1116        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1117        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1118        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1119        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1120        --font-h1--color: var(--color-foreground-heading);
1121        --font-h2--color: var(--color-foreground-heading);
1122        --font-h3--color: var(--color-foreground-heading);
1123        --font-h4--color: var(--color-foreground-heading);
1124        --font-h5--color: var(--color-foreground-heading);
1125        --font-h6--color: var(--color-foreground-heading);
1126
1127        /* Shadows */
1128        
1129          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1130        
1131        
1132          --shadow-blur: 20px;
1133          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1134        
1135      }
1136  
1137    
1138    
1139    
1140    .color-scheme-4 {
1141        --color-background: rgb(225 237 245 / 1.0);
1142        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1143        --color-background-rgb: 225 237 245;
1144        --opacity-5-15: 0.05;
1145        --opacity-10-25: 0.1;
1146        --opacity-35-55: 0.35;
1147        --opacity-40-60: 0.4;
1148        --opacity-30-60: 0.3;
1149        --color-foreground: rgb(0 0 0 / 0.81);
1150        --color-foreground-rgb: 0 0 0;
1151        --color-foreground-heading: rgb(0 0 0 / 1.0);
1152        --color-foreground-heading-rgb: 0 0 0;
1153        --color-primary: rgb(0 0 0 / 0.81);
1154        --color-primary-rgb: 0 0 0;
1155        --color-primary-hover: rgb(0 0 0 / 1.0);
1156        --color-primary-hover-rgb: 0 0 0;
1157        --color-border: rgb(29 54 134 / 0.5);
1158        --color-border-rgb: 29 54 134;
1159        --color-shadow: rgb(0 0 0 / 1.0);
1160        --color-shadow-rgb: 0 0 0;
1161        --color-primary-button-text: rgb(255 255 255 / 1.0);
1162        --color-primary-button-background: rgb(0 0 0 / 1.0);
1163        --color-primary-button-border: rgb(29 54 134 / 1.0);
1164        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1165        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
1166        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1167        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1168        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1169        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1170        --color-secondary-button-hover-text: rgb(0 0 0 / 0.81);
1171        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
1172        --color-secondary-button-hover-border: rgb(0 0 0 / 0.81);
1173        --color-input-background: rgb(0 0 0 / 0.0);
1174        --color-input-text: rgb(0 0 0 / 0.81);
1175        --color-input-text-rgb: 0 0 0;
1176        --color-input-border: rgb(0 0 0 / 0.81);
1177        --color-input-hover-background: rgb(255 255 255 / 0.36);
1178        --color-variant-background: rgb(255 255 255 / 1.0);
1179        --color-variant-border: rgb(230 230 230 / 1.0);
1180        --color-variant-text: rgb(0 0 0 / 1.0);
1181        --color-variant-text-rgb: 0 0 0;
1182        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1183        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1184        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1185        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1186        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1187        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1188        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1189        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1190        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1191
1192        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1193        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1194        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1195        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1196        --font-h1--color: var(--color-foreground-heading);
1197        --font-h2--color: var(--color-foreground-heading);
1198        --font-h3--color: var(--color-foreground-heading);
1199        --font-h4--color: var(--color-foreground-heading);
1200        --font-h5--color: var(--color-foreground-heading);
1201        --font-h6--color: var(--color-foreground-heading);
1202
1203        /* Shadows */
1204        
1205          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1206        
1207        
1208          --shadow-blur: 20px;
1209          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1210        
1211      }
1212  
1213    
1214    
1215    
1216    .color-scheme-5 {
1217        --color-background: rgb(51 51 51 / 1.0);
1218        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1219        --color-background-rgb: 51 51 51;
1220        --opacity-5-15: 0.15;
1221        --opacity-10-25: 0.25;
1222        --opacity-35-55: 0.55;
1223        --opacity-40-60: 0.6;
1224        --opacity-30-60: 0.6;
1225        --color-foreground: rgb(255 255 255 / 1.0);
1226        --color-foreground-rgb: 255 255 255;
1227        --color-foreground-heading: rgb(255 255 255 / 1.0);
1228        --color-foreground-heading-rgb: 255 255 255;
1229        --color-primary: rgb(255 255 255 / 1.0);
1230        --color-primary-rgb: 255 255 255;
1231        --color-primary-hover: rgb(255 255 255 / 0.69);
1232        --color-primary-hover-rgb: 255 255 255;
1233        --color-border: rgb(255 255 255 / 0.69);
1234        --color-border-rgb: 255 255 255;
1235        --color-shadow: rgb(0 0 0 / 1.0);
1236        --color-shadow-rgb: 0 0 0;
1237        --color-primary-button-text: rgb(0 0 0 / 1.0);
1238        --color-primary-button-background: rgb(255 255 255 / 1.0);
1239        --color-primary-button-border: rgb(255 255 255 / 1.0);
1240        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1241        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
1242        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1243        --color-secondary-button-text: rgb(255 255 255 / 1.0);
1244        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1245        --color-secondary-button-border: rgb(255 255 255 / 0.69);
1246        --color-secondary-button-hover-text: rgb(255 255 255 / 0.93);
1247        --color-secondary-button-hover-background: rgb(255 255 255 / 0.04);
1248        --color-secondary-button-hover-border: rgb(255 255 255 / 0.69);
1249        --color-input-background: rgb(51 51 51 / 1.0);
1250        --color-input-text: rgb(255 255 255 / 0.93);
1251        --color-input-text-rgb: 255 255 255;
1252        --color-input-border: rgb(255 255 255 / 0.69);
1253        --color-input-hover-background: rgb(255 255 255 / 0.04);
1254        --color-variant-background: rgb(255 255 255 / 1.0);
1255        --color-variant-border: rgb(230 230 230 / 1.0);
1256        --color-variant-text: rgb(0 0 0 / 1.0);
1257        --color-variant-text-rgb: 0 0 0;
1258        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1259        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1260        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1261        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1262        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1263        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1264        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1265        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1266        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1267
1268        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1269        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1270        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1271        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1272        --font-h1--color: var(--color-foreground-heading);
1273        --font-h2--color: var(--color-foreground-heading);
1274        --font-h3--color: var(--color-foreground-heading);
1275        --font-h4--color: var(--color-foreground-heading);
1276        --font-h5--color: var(--color-foreground-heading);
1277        --font-h6--color: var(--color-foreground-heading);
1278
1279        /* Shadows */
1280        
1281          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1282        
1283        
1284          --shadow-blur: 20px;
1285          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1286        
1287      }
1288  
1289    
1290    
1291    
1292    .color-scheme-6 {
1293        --color-background: rgb(0 0 0 / 0.0);
1294        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1295        --color-background-rgb: 0 0 0;
1296        --opacity-5-15: 0.15;
1297        --opacity-10-25: 0.25;
1298        --opacity-35-55: 0.55;
1299        --opacity-40-60: 0.6;
1300        --opacity-30-60: 0.6;
1301        --color-foreground: rgb(255 255 255 / 1.0);
1302        --color-foreground-rgb: 255 255 255;
1303        --color-foreground-heading: rgb(255 255 255 / 1.0);
1304        --color-foreground-heading-rgb: 255 255 255;
1305        --color-primary: rgb(255 255 255 / 1.0);
1306        --color-primary-rgb: 255 255 255;
1307        --color-primary-hover: rgb(255 255 255 / 0.69);
1308        --color-primary-hover-rgb: 255 255 255;
1309        --color-border: rgb(230 230 230 / 1.0);
1310        --color-border-rgb: 230 230 230;
1311        --color-shadow: rgb(0 0 0 / 1.0);
1312        --color-shadow-rgb: 0 0 0;
1313        --color-primary-button-text: rgb(0 0 0 / 1.0);
1314        --color-primary-button-background: rgb(255 255 255 / 1.0);
1315        --color-primary-button-border: rgb(255 255 255 / 1.0);
1316        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1317        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
1318        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1319        --color-secondary-button-text: rgb(255 255 255 / 1.0);
1319
1320        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1321        --color-secondary-button-border: rgb(255 255 255 / 1.0);
1322        --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
1323        --color-secondary-button-hover-background: rgb(255 255 255 / 0.08);
1324        --color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
1325        --color-input-background: rgb(255 255 255 / 1.0);
1326        --color-input-text: rgb(0 0 0 / 0.53);
1327        --color-input-text-rgb: 0 0 0;
1328        --color-input-border: rgb(0 0 0 / 0.13);
1329        --color-input-hover-background: rgb(250 250 250 / 1.0);
1330        --color-variant-background: rgb(255 255 255 / 1.0);
1331        --color-variant-border: rgb(230 230 230 / 1.0);
1332        --color-variant-text: rgb(0 0 0 / 1.0);
1333        --color-variant-text-rgb: 0 0 0;
1334        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1335        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1336        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1337        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1338        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1339        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1340        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1341        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1342        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1343
1344        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1345        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1346        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1347        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1348        --font-h1--color: var(--color-foreground-heading);
1349        --font-h2--color: var(--color-foreground-heading);
1350        --font-h3--color: var(--color-foreground-heading);
1351        --font-h4--color: var(--color-foreground-heading);
1352        --font-h5--color: var(--color-foreground-heading);
1353        --font-h6--color: var(--color-foreground-heading);
1354
1355        /* Shadows */
1356        
1357          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1358        
1359        
1360          --shadow-blur: 20px;
1361          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1362        
1363      }
1364  
1365    
1366    
1367    
1368    .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 {
1369        --color-background: rgb(0 0 0 / 0.0);
1370        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1371        --color-background-rgb: 0 0 0;
1372        --opacity-5-15: 0.15;
1373        --opacity-10-25: 0.25;
1374        --opacity-35-55: 0.55;
1375        --opacity-40-60: 0.6;
1376        --opacity-30-60: 0.6;
1377        --color-foreground: rgb(0 0 0 / 1.0);
1378        --color-foreground-rgb: 0 0 0;
1379        --color-foreground-heading: rgb(0 0 0 / 1.0);
1380        --color-foreground-heading-rgb: 0 0 0;
1381        --color-primary: rgb(0 0 0 / 1.0);
1382        --color-primary-rgb: 0 0 0;
1383        --color-primary-hover: rgb(0 0 0 / 0.53);
1384        --color-primary-hover-rgb: 0 0 0;
1385        --color-border: rgb(230 230 230 / 1.0);
1386        --color-border-rgb: 230 230 230;
1387        --color-shadow: rgb(0 0 0 / 1.0);
1388        --color-shadow-rgb: 0 0 0;
1389        --color-primary-button-text: rgb(255 255 255 / 1.0);
1390        --color-primary-button-background: rgb(0 0 0 / 1.0);
1391        --color-primary-button-border: rgb(0 0 0 / 1.0);
1392        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1393        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
1394        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
1395        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1396        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1397        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1398        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
1399        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
1400        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
1401        --color-input-background: rgb(255 255 255 / 1.0);
1402        --color-input-text: rgb(0 0 0 / 0.53);
1403        --color-input-text-rgb: 0 0 0;
1404        --color-input-border: rgb(0 0 0 / 0.13);
1405        --color-input-hover-background: rgb(250 250 250 / 1.0);
1406        --color-variant-background: rgb(255 255 255 / 1.0);
1407        --color-variant-border: rgb(230 230 230 / 1.0);
1408        --color-variant-text: rgb(0 0 0 / 1.0);
1409        --color-variant-text-rgb: 0 0 0;
1410        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1411        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1412        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1413        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1414        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1415        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1416        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1417        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1418        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1419
1420        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1421        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1422        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1423        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1424        --font-h1--color: var(--color-foreground-heading);
1425        --font-h2--color: var(--color-foreground-heading);
1426        --font-h3--color: var(--color-foreground-heading);
1427        --font-h4--color: var(--color-foreground-heading);
1428        --font-h5--color: var(--color-foreground-heading);
1429        --font-h6--color: var(--color-foreground-heading);
1430
1431        /* Shadows */
1432        
1433          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1434        
1435        
1436          --shadow-blur: 20px;
1437          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1438        
1439      }
1440  
1441
1442  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 {
1443    color: var(--color-foreground);
1444    background-color: var(--color-background);
1445  }
1446</style>
1447
1448
1449    
1449<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
1449<meta name="facebook-domain-verification" content="n45kdssfpqppx4tpwvdfductfwyg3p">
1450<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/90362708258/digital_wallets/dialog">
1451<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="buy" href="/cart/49733332468002:1?ucp/version=2026-08-25" payment="com.google.pay dev.shopify.card"><link rel="alternate" type="application/json+oembed" href="https://celeirobikers.com.br/products/hairclip-prendedor-de-cabelo.oembed">
1452<script async="async" src="/checkouts/internal/preloads.js?locale=pt-BR"></script>
vendor: 1 bytes, line 1452
1452
1453<script id="shopify-features" type="application/json">{"accessToken":"127f1341b2ffae3a3b315d7f70222cf9","betas":["rich-media-storefront-analytics"],"domain":"celeirobikers.com.br","predictiveSearch":true,"shopId":90362708258,"locale":"pt-br"}</script>
vendor: 1 bytes, line 1453
1453
1454<script>var Shopify = Shopify || {};
1455Shopify.shop = "5dde7f-7b.myshopify.com";
1456Shopify.locale = "pt-BR";
1457Shopify.currency = {"active":"BRL","rate":"1.0"};
1458Shopify.country = "BR";
1459Shopify.theme = {"name":"Horizon","id":186120634658,"schema_name":"Horizon","schema_version":"3.4.0","theme_store_id":2481,"role":"main"};
1460Shopify.theme.handle = "null";
1461Shopify.theme.style = {"id":null,"handle":null};
1462Shopify.cdnHost = "celeirobikers.com.br/cdn";
1463Shopify.routes = Shopify.routes || {};
1464Shopify.routes.root = "/";
1465Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
1466Shopify.SignInWithShop = Shopify.SignInWithShop || {};
1467Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
1468Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1468
1468
1469<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1469
1469
1470<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 1470
1470
1471<script>
1472  window.Shopify = window.Shopify || {};
1473  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
1474  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
1475  window.Shopify.SignInWithShop.eligible = true;
1476</script>
vendor: 1 bytes, line 1476
1476
1477<script id="shop-js-analytics" type="application/json">{"pageType":"product"}</script>
vendor: 1 bytes, line 1477
1477
1478<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.pt-BR.esm.js"></script>
vendor: 1 bytes, line 1478
1478
1479<script type="module">
1480  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.pt-BR.esm.js");
1481
1482  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
1483
1484</script>
vendor: 1 bytes, line 1484
1484
1485<script>
1486  window.Shopify = window.Shopify || {};
1487  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
1488  window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.pt-BR.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.pt-BR.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.pt-BR.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.pt-BR.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.pt-BR.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.pt-BR.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.pt-BR.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.pt-BR.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.pt-BR.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.pt-BR.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.pt-BR.esm.js"],"listener":["modules/v2/loader.listener.pt-BR.esm.js"],"pay-button":["modules/v2/loader.pay-button.pt-BR.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.pt-BR.esm.js"],"shop-button":["modules/v2/loader.shop-button.pt-BR.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.pt-BR.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.pt-BR.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.pt-BR.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.pt-BR.esm.js"],"shop-login":["modules/v2/loader.shop-login.pt-BR.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.pt-BR.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.pt-BR.esm.js"]};
1489</script>
vendor: 1 bytes, line 1489
1489
1490<script id="__st">var __st={"a":90362708258,"offset":-10800,"reqid":"7c76a98a-4cad-4ee3-93cd-60ee189b67d6-1790903855","pageurl":"celeirobikers.com.br\/products\/hairclip-prendedor-de-cabelo?variant=49733332468002","u":"9684959c41d4","p":"product","rtyp":"product","rid":9484739346722};</script>
vendor: 1 bytes, line 1490
1490
1491<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1491
1491
1492<script id="form-persister">!function(){'use strict';const t='contact',e='new_comment',n=[[t,t],['blogs',e],['comments',e],[t,'customer']],o='password',r='form_key',c=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',o],s=()=>{try{return window.sessionStorage}catch{return}},i='__shopify_v',u=t=>t.elements[r],a=function(){const t=[...n].map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(',');var e;return e=t,()=>e?[...document.querySelectorAll(e)].map((t=>t.form)):[]}();function m(t){const e=u(t);a().includes(t)&&(!e||!e.value)&&function(t){try{if(!s())return;!function(t){const e=s();if(!e)return;const n=u(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){u(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:r})),t.elements[r].value=e}(t,e),function(t,e){const n=s();if(!n)return;const r=[...t.querySelectorAll(`input[type='${o}']`)].map((({name:t})=>t)),u=[...c,...r],a={};for(const[o,c]of new FormData(t).entries())u.includes(o)||(a[o]=c);n.setItem(e,JSON.stringify({[i]:1,action:t.action,data:a}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(t)}const f=t=>{if('true'===t.dataset.persistBound)return;const e=function(t,e){const n=function(t){return'function'==typeof t.submit?t.submit:HTMLFormElement.prototype.submit}(t).bind(t);return function(){let t;return()=>{t||(t=!0,(()=>{try{e(),n()}catch(t){(t=>{console.error('form submit failed',t)})(t)}})(),setTimeout((()=>t=!1),250))}}()}(t,(()=>{m(t)}));!function(t,e){if('function'==typeof t.submit&&'function'==typeof e)try{t.submit=e}catch{}}(t,e),t.addEventListener('submit',(t=>{t.preventDefault(),e()})),t.dataset.persistBound='true'};!function(){function t(t){const e=(t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form})(t);e&&m(e)}document.addEventListener('submit',t),document.addEventListener('DOMContentLoaded',(()=>{const e=a();for(const t of e)f(t);var n;n=document.body,new window.MutationObserver((t=>{for(const e of t)if('childList'===e.type&&e.addedNodes.length)for(const t of e.addedNodes)1===t.nodeType&&'FORM'===t.tagName&&a().includes(t)&&f(t)})).observe(n,{childList:!0,subtree:!0,attributes:!1}),document.removeEventListener('submit',t)}))}()}();</script>
vendor: 1 bytes, line 1492
1492
1493<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//celeirobikers.com.br/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1493
1493
1494<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 = "//celeirobikers.com.br/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>
1494<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 1494
1494
1495<script>
1496  window.Shopify = window.Shopify || {};
1497  window.Shopify.MCP = window.Shopify.MCP || {};
1498  window.Shopify.MCP.enabled = true;
1499  window.Shopify.MCP.shop = "5dde7f-7b.myshopify.com";
1500  window.Shopify.MCP.mcpEndpoint = "https:\/\/celeirobikers.com.br\/api\/mcp";
1501  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}];
1502</script>
vendor: 1 bytes, line 1502
1502
1503<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("\/\/celeirobikers.com.br\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
1504</script>
vendor: 1 bytes, line 1504
1504
1505<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://celeirobikers.com.br/cdn/shopifycloud/portable-wallets/latest/portable-wallets.pt-br.js",t.type="module",document.head.appendChild(t)}};
1506</script>
vendor: 1 bytes, line 1506
1506
1507<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
1508  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);
1509</script>
vendor: 1 bytes, line 1509
1509
1510<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})}}));
1511</script>
1511
1512<link rel="stylesheet" media="screen" href="//celeirobikers.com.br/cdn/shop/t/3/compiled_assets/styles.css?v=53936038218140794061773244891">
1513<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1513
1514  
1514<script src="https://cdn.shopify.com/extensions/01a0f885-56f4-79de-af41-45a261d7aae9/forms-2605/assets/shopify-forms-loader.js" type="text/javascript" defer="defer"></script>
1514
1515<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1516<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: 90362708258,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "product"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 1516
1516
1517<script>
1518  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
1519</script>
vendor: 1 bytes, line 1519
1519
1520<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}
1520).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: 90362708258,storefrontBaseUrl: "https://celeirobikers.com.br",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://celeirobikers.com.br/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"2628354338","configuration":"{\"accountID\":\"5dde7f-7b\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"4f82d0323b06a4642fbff9b42c9979eb","type":"APP","apiClientId":12388204545,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"805372194","configuration":"{\"pixel_id\":\"1639445983275982\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"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":"Celeiro Bikers","paymentSettings":{"currencyCode":"BRL"},"myshopifyDomain":"5dde7f-7b.myshopify.com","countryCode":"BR","storefrontUrl":"https:\/\/celeirobikers.com.br"},"customer":null,"cart":null,"checkout":null,"productVariants":[{"price":{"amount":89.9,"currencyCode":"BRL"},"product":{"title":"HAIRCLIP - Prendedor de Cabelo","vendor":"My Store","id":"9484739346722","untranslatedTitle":"HAIRCLIP - Prendedor de Cabelo","url":"\/products\/hairclip-prendedor-de-cabelo","type":""},"id":"49733332468002","image":{"src":"\/\/celeirobikers.com.br\/cdn\/shop\/files\/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865"},"sku":"HAIRCLIP-1","title":"Preto","untranslatedTitle":"Preto"},{"price":{"amount":89.9,"currencyCode":"BRL"},"product":{"title":"HAIRCLIP - Prendedor de Cabelo","vendor":"My Store","id":"9484739346722","untranslatedTitle":"HAIRCLIP - Prendedor de Cabelo","url":"\/products\/hairclip-prendedor-de-cabelo","type":""},"id":"49733332500770","image":{"src":"\/\/celeirobikers.com.br\/cdn\/shop\/files\/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865"},"sku":"HAIRCLIP-2","title":"Marrom","untranslatedTitle":"Marrom"}],"products":[{"id":"9484739346722","handle":"hairclip-prendedor-de-cabelo","isCollective":null,"title":"HAIRCLIP - Prendedor de Cabelo","type":null,"untranslatedTitle":"HAIRCLIP - Prendedor de Cabelo","url":"\/products\/hairclip-prendedor-de-cabelo","vendor":"My Store","remoteShopId":null,"variants":[{"id":"49733332468002","image":{"src":"\/\/celeirobikers.com.br\/cdn\/shop\/files\/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865"},"price":{"amount":89.9,"currencyCode":"BRL"},"sku":"HAIRCLIP-1","title":"Preto","untranslatedTitle":"Preto"},{"id":"49733332500770","image":{"src":"\/\/celeirobikers.com.br\/cdn\/shop\/files\/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865"},"price":{"amount":89.9,"currencyCode":"BRL"},"sku":"HAIRCLIP-2","title":"Marrom","untranslatedTitle":"Marrom"}]}
1520,{"id":"10491663024418","handle":"camisa-de-flanela-xadrez","isCollective":null,"title":"Camisa de Flanela Xadrez","type":null,"untranslatedTitle":"Camisa de Flanela Xadrez","url":"\/products\/camisa-de-flanela-xadrez","vendor":"Celeiro Bikers","remoteShopId":null,"variants":[{"id":"52477597843746","image":{"src":"\/\/celeirobikers.com.br\/cdn\/shop\/files\/792bfc7c8db2a76fdd9602fd759f382e_518db65a-ece2-4433-be7d-5df02ad382f8.jpg?v=1788538022"},"price":{"amount":147.0,"currencyCode":"BRL"},"sku":"camixadrez8","title":"Vermelho \/ M","untranslatedTitle":"Vermelho \/ M"}]},{"id":"10107745894690","handle":"short-saia-snake-print","isCollective":null,"title":"Short Saia Snake Print","type":null,"untranslatedTitle":"Short Saia Snake Print","url":"\/products\/short-saia-snake-print","vendor":"Celeiro Bikers","remoteShopId":null,"variants":[{"id":"51606116958498","image":{"src":"\/\/celeirobikers.com.br\/cdn\/shop\/files\/8b0990bd33d754382e9fd9e65e8d56e1.jpg?v=1778014994"},"price":{"amount":145.0,"currencyCode":"BRL"},"sku":"snakeprint4","title":"P","untranslatedTitle":"P"}]},{"id":"9484781715746","handle":"regata-feminina-canelada","isCollective":null,"title":"Regata To Ride","type":null,"untranslatedTitle":"Regata To Ride","url":"\/products\/regata-feminina-canelada","vendor":"My Store","remoteShopId":null,"variants":[{"id":"49151868600610","image":{"src":"\/\/celeirobikers.com.br\/cdn\/shop\/files\/0172_66e14213-4afe-4ccb-b53e-6e755803aad5.jpg?v=1761572929"},"price":{"amount":117.9,"currencyCode":"BRL"},"sku":"regfemcanelad02","title":"OFF WHITE \/ M","untranslatedTitle":"OFF WHITE \/ M"}]}],"purchasingCompany":null},},"https://celeirobikers.com.br/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"186120634658","themeStoreId":"2481","themePublished":"true","eventMetadataId":"ecc5b2c9-f3a5-439b-ad58-b40a12840829","pageType":"product","resourceId":"9484739346722","shopId":"90362708258","storefrontBaseUrl":"https:\/\/celeirobikers.com.br","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}],[\"product_viewed\",{\"productVariant\":{\"price\":{\"amount\":89.9,\"currencyCode\":\"BRL\"},\"product\":{\"title\":\"HAIRCLIP - Prendedor de Cabelo\",\"vendor\":\"My Store\",\"id\":\"9484739346722\",\"untranslatedTitle\":\"HAIRCLIP - Prendedor de Cabelo\",\"url\":\"\/products\/hairclip-prendedor-de-cabelo\",\"type\":\"\"},\"id\":\"49733332468002\",\"image\":{\"src\":\"\/\/celeirobikers.com.br\/cdn\/shop\/files\/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865\"},\"sku\":\"HAIRCLIP-1\",\"title\":\"Preto\",\"untranslatedTitle\":\"Preto\"}}]]"});})();</script>
1520<script>
1521  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
1522  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
1523  window.ShopifyAnalytics.meta.currency = 'BRL';
1524  var meta = {"product":{"id":9484739346722,"gid":"gid:\/\/shopify\/Product\/9484739346722","vendor":"My Store","type":"","handle":"hairclip-prendedor-de-cabelo","variants":[{"id":49733332468002,"price":8990,"name":"HAIRCLIP - Prendedor de Cabelo - Preto","public_title":"Preto","sku":"HAIRCLIP-1"},{"id":49733332500770,"price":8990,"name":"HAIRCLIP - Prendedor de Cabelo - Marrom","public_title":"Marrom","sku":"HAIRCLIP-2"}],"remote":false},"page":{"pageType":"product","resourceType":"product","resourceId":9484739346722,"requestId":"7c76a98a-4cad-4ee3-93cd-60ee189b67d6-1790903855"}};
1525  for (var attr in meta) {
1526    window.ShopifyAnalytics.meta[attr] = meta[attr];
1527  }
1528</script>
vendor: 1 bytes, line 1528
1528
1529<script class="analytics">
1530  (function () {
1531    var customDocumentWrite = function(content) {
1532      var jquery = null;
1533
1534      if (window.jQuery) {
1535        jquery = window.jQuery;
1536      } else if (window.Checkout && window.Checkout.$) {
1537        jquery = window.Checkout.$;
1538      }
1539
1540      if (jquery) {
1541        jquery('body').append(content);
1542      }
1543    };
1544
1545    var hasLoggedConversion = function(token) {
1546      if (token) {
1547        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1548      }
1549      return false;
1550    }
1551
1552    var setCookieIfConversion = function(token) {
1553      if (token) {
1554        var twoMonthsFromNow = new Date(Date.now());
1555        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1556
1557        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1558      }
1559    }
1560
1561    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1562    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1563    if (trekkie.integrations) {
1564      return;
1565    }
1566    trekkie.methods = [
1567      'identify',
1568      'page',
1569      'ready',
1570      'track',
1571      'trackForm',
1572      'trackLink'
1573    ];
1574    trekkie.factory = function(method) {
1575      return function() {
1576        var args = Array.prototype.slice.call(arguments);
1577        args.unshift(method);
1578        trekkie.push(args);
1579        if (method == 'track' || method == 'page') {
1580          var pageUrl;
1581          try {
1582            pageUrl = window.location.href;
1583          } catch (e) {}
1584          var pageReferrer;
1585          try {
1586            pageReferrer = document.referrer;
1587          } catch (e) {}
1588          try {
1589            if (window.__TREKKIE_SHIM_QUEUE == null) {
1590              window.__TREKKIE_SHIM_QUEUE = [];
1591            }
1592            window.__TREKKIE_SHIM_QUEUE.push({
1593              from: 'trekkie-stub',
1594              method: method,
1595              args: args.slice(1),
1596              pageContext: {
1597                url: pageUrl,
1598                referrer: pageReferrer
1599              }
1600            });
1601          } catch (e) {
1602            // no-op
1603          }
1604        }
1605        return trekkie;
1606      };
1607    };
1608    for (var i = 0; i < trekkie.methods.length; i++) {
1609      var key = trekkie.methods[i];
1610      trekkie[key] = trekkie.factory(key);
1611    }
1612    trekkie.load = function(config) {
1613      trekkie.config = config || {};
1614      trekkie.config.initialDocumentCookie = document.cookie;
1615      var first = document.getElementsByTagName('script')[0];
1616var script = document.createElement('script');
1617script.type = 'text/javascript';
1618script.onerror = function(e) {
1619  var scriptFallback = document.createElement('script');
1620  scriptFallback.type = 'text/javascript';
1621  scriptFallback.onerror = function(error) {
1622          var Monorail = {
1623      produce: function produce(monorailDomain, schemaId, payload) {
1624        var currentMs = new Date().getTime();
1625        var event = {
1626          schema_id: schemaId,
1627          payload: payload,
1628          metadata: {
1629            event_created_at_ms: currentMs,
1630            event_sent_at_ms: currentMs
1631          }
1632        };
1633        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1634      },
1635      sendRequest: function sendRequest(endpointUrl, payload) {
1636        // Try the sendBeacon API
1637        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1638          var blobData = new window.Blob([payload], {
1639            type: 'text/plain'
1640          });
1641
1642          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1643            return true;
1644          } // sendBeacon was not successful
1645
1646        } // XHR beacon
1647
1648        var xhr = new XMLHttpRequest();
1649
1650        try {
1651          xhr.open('POST', endpointUrl);
1652          xhr.setRequestHeader('Content-Type', 'text/plain');
1653          xhr.send(payload);
1654        } catch (e) {
1655          console.log(e);
1656        }
1657
1658        return false;
1659      },
1660      isIos12: function isIos12() {
1661        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1662      }
1663    };
1664    Monorail.produce('monorail-edge.shopifysvc.com',
1665      'trekkie_storefront_load_errors/1.1',
1666      {shop_id: 90362708258,
1667      theme_id: 186120634658,
1668      app_name: "storefront",
1669      context_url: window.location.href,
1670      source_url: "//celeirobikers.com.br/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
1671
1672  };
1673  scriptFallback.async = true;
1674  scriptFallback.src = '//celeirobikers.com.br/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1675  first.parentNode.insertBefore(scriptFallback, first);
1676};
1677script.async = true;
1678script.src = '//celeirobikers.com.br/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1679first.parentNode.insertBefore(script, first);
1680
1681    };
1682    trekkie.load(
1683      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":90362708258,"isMerchantRequest":null,"themeId":186120634658,"themeCityHash":"1753135264610566311","contentLanguage":"pt-BR","currency":"BRL","eventMetadataId":"ecc5b2c9-f3a
16835-439b-ad58-b40a12840829"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1684    );
1685
1686    var loaded = false;
1687    trekkie.ready(function() {
1688      if (loaded) return;
1689      loaded = true;
1690
1691      window.ShopifyAnalytics.lib = window.trekkie;
1692
1693      var originalDocumentWrite = document.write;
1694      document.write = customDocumentWrite;
1695      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1696      document.write = originalDocumentWrite;
1697
1698      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1699      var token = match? match[1]: undefined;
1700      if (!hasLoggedConversion(token)) {
1701        setCookieIfConversion(token);
1702        window.ShopifyAnalytics.lib.track("Viewed Product",{"currency":"BRL","variantId":49733332468002,"productId":9484739346722,"productGid":"gid:\/\/shopify\/Product\/9484739346722","name":"HAIRCLIP - Prendedor de Cabelo - Preto","price":"89.90","sku":"HAIRCLIP-1","brand":"My Store","variant":"Preto","category":"","nonInteraction":true,"remote":false,"available":true},undefined,undefined,{"shopifyEmitted":true});
1703      }
1704    });
1705
1706    window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":9484739346722,"requestId":"7c76a98a-4cad-4ee3-93cd-60ee189b67d6-1790903855","shopifyEmitted":true});
1707
1708    var eventsListenerScript = document.createElement('script');
1709    eventsListenerScript.async = true;
1710    eventsListenerScript.src = "//celeirobikers.com.br/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1711    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1712})();</script>
vendor: 1 bytes, line 1712
1712
1713<script
1714  defer
1715  src="https://celeirobikers.com.br/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
1716  data-application="storefront-renderer"
1717  data-shop-id="90362708258"
1718  data-render-region="gcp-us-central1"
1719  data-page-type="product"
1720  data-theme-instance-id="186120634658"
1721  data-theme-name="Horizon"
1722  data-theme-version="3.4.0"
1723  data-monorail-region="shop_domain"
1724  data-resource-timing-sampling-rate="10"
1725  data-shs="true"
1726  data-shs-beacon="true"
1727  data-shs-export-with-fetch="true"
1728  data-shs-logs-sample-rate="1"
1729  data-shs-beacon-endpoint="https://celeirobikers.com.br/api/collect"
1730></script>
vendor: 1 bytes, line 1730
1730
1731<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script>
1731<script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"90362708258","customerAccountTranslations":[{"key":"account_menu.signed_out_state.sheet_title","value":"Fazer login ou criar uma conta"},{"key":"account_menu.signed_out_state.section_divider","value":"Mais formas de fazer login"},{"key":"account_menu.signed_out_state.alternate_divider","value":"OU"},{"key":"account_menu.signed_out_state.email_field_label","value":"E-mail"},{"key":"account_menu.signed_out_state.orders_button","value":"Pedidos"},{"key":"account_menu.signed_out_state.profile_button","value":"Perfil"},{"key":"account_menu.signed_out_state.shop_login_button","value":"Fazer login com o Shop"},{"key":"account_menu.signed_out_state.continue_with_google","value":"Continuar com o Google"},{"key":"account_menu.signed_out_state.continue_with_facebook","value":"Continuar com o Facebook"},{"key":"account_menu.signed_out_state.marketing_consent_label","value":"Enviar novidades e ofertas para mim por e-mail"},{"key":"account_menu.signed_in_state.greeting_with_name","value":"Olá, {{first_name}}"},{"key":"account_menu.signed_in_state.greeting_without_name","value":"Conta"},{"key":"account_menu.signed_in_state.orders_button","value":"Pedidos"},{"key":"account_menu.signed_in_state.profile_button","value":"Perfil"},{"key":"account_menu.location_picker.sheet_title","value":"Locais"},{"key":"account_menu.location_picker.search_field_placeholder","value":"Pesquisa"},{"key":"account_menu.aria_labels.close_menu","value":"Fechar menu"},{"key":"account_menu.aria_labels.back_to_main_menu","value":"Voltar para o menu principal de {{title}}"},{"key":"account_menu.aria_labels.open_submenu","value":"{{title}}, abre o submenu"},{"key":"account_menu.aria_labels.loading_menu","value":"Carregando menu"},{"key":"account_menu.aria_labels.account","value":"Conta"},{"key":"account_menu.aria_labels.sign_in_with_email","value":"Fazer login com e-mail"},{"key":"account_menu.aria_labels.sign_in","value":"Fazer login"}],"socialLoginProviders":[{"handle":"Shop"}],"legacyCustomerAccounts":false,"signInLinksVisible":true,"b2bEnabled":false,"marketingConsentSigninEnabled":true,"marketingConsentPreselected":false},"visitor":{"country":"BR","language":"pt-BR"}}</script>
1731
1732<meta name="shopify-y" content="e457bbbb-e02a-4d27-aa72-2b8faa477b15" data-expiration="1822461455000"><meta name="shopify-s" content="31de808e-03a9-4519-affa-afe0d0db3e49" data-expiration="1790905655000"><meta name="new-cookie-storage-activated" content="t">
1733</head>
1734
1735  <body class="page-width-narrow card-hover-effect-none">
1736    <a
1737  class="skip-to-content-link button-secondary"
1738  href="#MainContent"
1739>
1740  Pular para o conteúdo
1741</a>
1742
1743
1744
1745    <div id="header-group">
1746      <!-- BEGIN sections: header-group -->
1747<div id="shopify-section-sections--26710061842722__header_announcements_9jGBFp" class="shopify-section shopify-section-group-header-group">
1748
1749
1750  
1750<script
1751    src="//celeirobikers.com.br/cdn/shop/t/3/assets/announcement-bar.js?v=34024675399582161451773244888"
1752    type="module"
1753    fetchpriority="low"
1754  ></script>
1754
1755
1756
1757<div class="section-background color-scheme-5"></div>
1758<aside
1759  class="announcement-bar spacing-style section section--page-width color-scheme-5"
1760  style="--padding-block-start: 15px; --padding-block-end:15px; 
1761--padding-inline-start:0px; --padding-inline-end:0px; 
1762; --border-bottom-width: 0.5px;"
1763>
1764  
1765
1766  <announcement-bar-component
1767    class="announcement-bar__slider"
1768    
1769      autoplay="5" aria-live="polite"
1770    
1771  >
1772    
1773      <slideshow-arrows
1774  position="center"
1775  
1776><button
1777  class="
1778    slideshow-control slideshow-control--previous
1779    
1780    
1781    slideshow-control--style-chevron
1782    button button-unstyled button-unstyled--transparent
1783     flip-x
1784  "
1785  
1786  aria-label="Slide anterior"
1787  
1788  on:click="/previous"
1789  ref="previous"
1790>
1791  <span class="svg-wrapper icon-caret"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
1792  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
1793</svg>
1794</span>
1795</button>
1796
1797
1798<button
1799  class="
1800    slideshow-control slideshow-control--next
1801    
1802    
1803    slideshow-control--style-chevron
1804    button button-unstyled button-unstyled--transparent
1805    
1806  "
1807  
1808  aria-label="Próximo slide"
1809  
1810  on:click="/next"
1811  ref="next"
1812>
1813  <span class="svg-wrapper icon-caret"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
1814  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
1815</svg>
1816</span>
1817</button>
1818
1819
1820</slideshow-arrows>
1821
1822    
1823
1824    <div class="announcement-bar__slides">
1825      
1826<slideshow-slide
1827    ref="slides[]"
1828    class="
1829      announcement-bar__slide
1830      text-block
1831      text-block--Abjh5djdwMVRRNWVKS__announcement_FaJWQR
1832      text-block--align-center
1833      text-block--full-width
1834      custom-typography
1835      custom-font-size
1836      
1837    "
1838    style="
1839      
1840--color: ;--font-size: 0.75rem;      --font-weight: var(--font-subheading--weight);--font-family: var(--font-subheading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-normal);
1841      --width: 100%;
1842      --text-align: center;
1843      --line-height: 1;
1844    "
1845    
1846    aria-hidden="false"
1847  >
1848    <p class="announcement-bar__text">
1849      Frete Grátis para todo Sudeste e Centro-oeste em compras acima de R$499
1850    </p>
1851
1852    
1853  </slideshow-slide>
1854
1855
1856
1857<slideshow-slide
1858    ref="slides[]"
1859    class="
1860      announcement-bar__slide
1861      text-block
1862      text-block--AZEVkdk1HWk9GR2RKa__announcement_dUjGzA
1863      text-block--align-center
1864      text-block--full-width
1865      custom-typography
1866      custom-font-size
1867      
1868    "
1869    style="
1870      
1871--color: ;--font-size: 0.75rem;      --font-weight: var(--font-subheading--weight);--font-family: var(--font-subheading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-normal);
1872      --width: 100%;
1873      --text-align: center;
1874      --line-height: 1;
1875    "
1876    
1877    aria-hidden="true"
1878  >
1879    <p class="announcement-bar__text">
1880      Pague em até 2x sem Juros
1881    </p>
1882
1883    
1884  </slideshow-slide>
1885
1886
1887
1888<slideshow-slide
1889    ref="slides[]"
1890    class="
1891      announcement-bar__slide
1892      text-block
1893      text-block--ARGIvaDZ6dHNxV1o1M__announcement_BxgCk9
1894      text-block--align-center
1895      text-block--full-width
1896      custom-typography
1897      custom-font-size
1898      
1899    "
1900    style="
1901      
1902--color: ;--font-size: 0.75rem;      --font-weight: var(--font-subheading--weight);--font-family: var(--font-subheading--family);    --text-transform: none;    --text-wrap: pretty;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-normal);
1903      --width: 100%;
1904      --text-align: center;
1905      --line-height: 1;
1906    "
1907    
1908    aria-hidden="true"
1909  >
1910    <p class="announcement-bar__text">
1911      5% OFF em sua primeira compra - Cupom: BEMVINDO5
1912    </p>
1913
1914    
1915  </slideshow-slide>
1916
1917
1918
1919    </div>
1920  </announcement-bar-component>
1921</aside>
1922
1923
1924
1925
1926</div><header id="shopify-section-sections--26710061842722__header_section" class="shopify-section shopify-section-group-header-group header-section">
1927
1928
1929
1930
1931
1932<script type="application/ld+json">
1933  {
1934    "@context": "http://schema.org",
1935    "@type": "Organization",
1936    "name": "Celeiro Bikers",
1937    
1938      "logo": "https:\/\/celeirobikers.com.br\/cdn\/shop\/files\/LOGO-CELEIRO-1-e1701878919300-2_1_1.png?v=1740853735\u0026width=500",
1939    
1940    "url": "https:\/\/celeirobikers.com.br"
1941  }
1942</script>
1942
1943
1944<header-component
1945  id="header-component"
1946  class="header header--collapse-row-paddings"
1947  data-theme-color="rgb(255 255 255)"
1948  
1949  
1950    sticky="always"
1951  
1952  data-skip-node-update
1953  data-scroll-direction="none"
1954  
1955  
1956  style="
1957    --color-scheme-top-row: rgba(255 255 255 / 1.0);
1958    --color-scheme-bottom-row: rgba(255 255 255 / 1.0);
1959    
1960  "
1961>
1962  <div class="header__underlay header__underlay-closed"></div>
1963  <div
1964    class="header__underlay header__underlay-open"
1965  ></div>
1966    
1967
1968    
1969
1970    
1971    
1972      <div
1973        class="header__row header__row--top color-scheme-1 section section--full-width-margin section--page-width divider--page-width"
1974        ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px;">
1975        <div class="header__columns spacing-style">
1976          <div
1977      class="header__column header__column--left"
1978      data-testid="header-top-left"
1979    >
1980      
1981        
1982          
1983              
1984
1985
1986
1987    <div
1988      class="header__drawer"
1989      ref="headerDrawerContainer"
1990      data-hydration-key="header-drawer-mobile"
1991      
1992    >
1993      
1994
1995<script
1996  src="//celeirobikers.com.br/cdn/shop/t/3/assets/header-drawer.js?v=121243031541024704371773244888"
1997  type="module"
1998  fetchpriority="low"
1999></script>
1999
2000
2001<header-drawer
2002  class="header-drawer "
2003  style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;"
2004>
2005  <details
2006    id="Details-menu-drawer-container"
2007    data-skip-node-update="true"
2008    class="menu-drawer-container"
2009    ref="details"
2010    scroll-lock
2011  >
2012    <summary
2013      class="header__icon header__icon--menu header__icon--summary"
2014      aria-label="Menu"
2015      on:click="/toggle"
2016    >
2017      <span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2018  <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
2019  <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
2020</svg>
2021</span>
2022      <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2023  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2024  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2025</svg>
2026</span>
2027    </summary>
2028    <div
2029      ref="menuDrawer"
2030      class="
2031        menu-drawer
2032        color-scheme-1
2033      "
2034    >
2035      <button
2036        class="button close-button menu-drawer__close-button"
2037        type="button"
2038        aria-label="Fechar"
2039        on:click="/close"
2040      >
2041        <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2042  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2043  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2044</svg>
2045</span>
2046      </button>
2047      <nav
2048        class="menu-drawer__navigation"
2049        style="--menu-top-level-font-family: var(--font-body--family);
2050--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;
2051
2052  --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height:
2053  var(--menu-font-2xl--line-height);
2054
2055--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
2056
2057--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
2058var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
2059none;
2060
2061    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
2062    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
2063    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
2064  
2065--menu-child-font-family: var(--font-body--family); --menu-child-font-style:
2066var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
2067none;
2068
2069    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
2070    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
2071    var(--opacity-subdued-text));
2072  
2073
2074        "
2075        aria-label="Principal"
2076      >
2077        <ul
2078          class="menu-drawer__menu has-submenu"
2079          role="list"
2080        >
2081            
2082            
2083
2084              <li
2085                style="--menu-drawer-animation-index: 1;"
2086                class="menu-drawer__list-item--flat"
2087              >
2088                
2089<a
2090                    id="HeaderDrawer-inicio"
2091                    href="/"
2092                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2093                    
2094                  >
2095                    <span class="menu-drawer__menu-item-text wrap-text">Início</span>
2096                  </a>
2097                
2098              </li>
2099              <li
2100                style="--menu-drawer-animation-index: 2;"
2101                class="menu-drawer__list-item--flat"
2102              >
2103                
2104<a
2105                    id="HeaderDrawer-produtos"
2106                    href="https://celeirobikers.com.br/collections/all"
2107                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2108                    
2109                  >
2110                    <span class="menu-drawer__menu-item-text wrap-text">Produtos</span>
2111                  </a>
2112                  
2113                  <ul
2114                    class="menu-drawer__menu menu-drawer__menu--childlist"
2115                    role="list"
2116                    tabindex="-1"
2117                  ><li
2118                        class="menu-drawer__list-item"
2119                        style="--menu-drawer-animation-index: 2;"
2120                      >
2121                        <a
2122                          href="/collections/lifestyle"
2123                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
2124                          
2125                        >
2126                          
2127                          <span class="menu-drawer__menu-item-text wrap-text">Calças e Shorts</span>
2128                        </a>
2129                      </li><li
2130                        class="menu-drawer__list-item"
2131                        style="--menu-drawer-animation-index: 2;"
2132                      >
2133                        <a
2134                          href="/collections/camisas"
2135                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
2136                          
2137                        >
2138                          
2139                          <span class="menu-drawer__menu-item-text wrap-text">Camisas</span>
2140                        </a>
2141                      </li><li
2142                        class="menu-drawer__list-item"
2143                        style="--menu-drawer-animation-index: 2;"
2144                      >
2145                        <a
2146                          href="/collections/camisetas"
2147                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
2148                          
2149                        >
2150                          
2151                          <span class="menu-drawer__menu-item-text wrap-text">Camisetas</span>
2152                        </a>
2153                      </li><li
2154                        class="menu-drawer__list-item"
2155                        style="--menu-drawer-animation-index: 2;"
2156                      >
2157                        <a
2158                          href="/collections/casacos"
2159                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
2160                          
2161                        >
2162                          
2163                          <span class="menu-drawer__menu-item-text wrap-text">Casacos</span>
2164                        </a>
2165                      </li><li
2166                        class="menu-drawer__list-item"
2167                        style="--menu-drawer-animation-index: 2;"
2168                      >
2169                        <a
2170                          href="/collections/tops-e-bodys"
2171                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
2172                          
2173                        >
2174                          
2175                          <span class="menu-drawer__menu-item-text wrap-text">Tops e Bodys</span>
2176                        </a>
2177                      </li><li
2178                        class="menu-drawer__list-item"
2179                        style="--menu-drawer-animation-index: 2;"
2180                      >
2181                        <a
2182                          href="/collections/jaquetas-e-coletes"
2183                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
2184                          
2185                        >
2186                          
2187                          <span class="menu-drawer__menu-item-text wrap-text">Jaquetas e Coletes</span>
2188                        </a>
2189                      </li><li
2190                        class="menu-drawer__list-item"
2191                        style="--menu-drawer-animation-index: 2;"
2192                      >
2193                        <a
2194                          href="/collections/regatas"
2195                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
2196                          
2197                        >
2198                          
2199                          <span class="menu-drawer__menu-item-text wrap-text">Regatas</span>
2200                        </a>
2201                      </li><li
2202                        class="menu-drawer__list-item"
2203                        style="--menu-drawer-animation-index: 2;"
2204                      >
2205                        <a
2206                          href="/collections/acessorios"
2207                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
2208                          
2209                        >
2210                          
2211                          <span class="menu-drawer__menu-item-text wrap-text">Acessórios</span>
2212                        </a>
2213                      </li><li
2214                        class="menu-drawer__list-item"
2215                        style="--menu-drawer-animation-index: 2;"
2216                      >
2217                        <a
2218                          href="/collections/masculino"
2219                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
2220                          
2221                        >
2222                          
2223                          <span class="menu-drawer__menu-item-text wrap-text">Masculino</span>
2224                        </a>
2225                      </li><li
2226                        class="menu-drawer__list-item"
2227                        style="--menu-drawer-animation-index: 2;"
2228                      >
2229                        <a
2230                          href="/collections/chapeu-personalizados"
2231                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
2232                          
2233                        >
2234                          
2235                          <span class="menu-drawer__menu-item-text wrap-text">Chapéus Personalizados</span>
2236                        </a>
2237                      </li></ul>
2238                
2239              </li>
2240              <li
2241                style="--menu-drawer-animation-index: 3;"
2242                class="menu-drawer__list-item--flat"
2243              >
2244                
2245<a
2246                    id="HeaderDrawer-contato"
2247                    href="/pages/contact"
2248                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2249                    
2250                  >
2251                    <span class="menu-drawer__menu-item-text wrap-text">Contato</span>
2252                  </a>
2253                
2254              </li>
2255              <li
2256                style="--menu-drawer-animation-index: 4;"
2257                class="menu-drawer__list-item--flat"
2258              >
2259                
2260<a
2261                    id="HeaderDrawer-quem-somos"
2262                    href="/pages/quem-somos"
2263                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2264                    
2265                  >
2266                    <span class="menu-drawer__menu-item-text wrap-text">Quem somos</span>
2267                  </a>
2268                
2269              </li>
2270              <li
2271                style="--menu-drawer-animation-index: 5;"
2272                class="menu-drawer__list-item--flat"
2273              >
2274                
2275<a
2276                    id="HeaderDrawer-chapeus-personalizados"
2277                    href="/collections/chapeu-personalizados"
2278                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2279                    
2280                  >
2281                    <span class="menu-drawer__menu-item-text wrap-text">Chapéus Personalizados</span>
2282                  </a>
2283                
2284              </li>
2285              <li
2286                style="--menu-drawer-animation-index: 6;"
2287                class="menu-drawer__list-item--flat"
2288              >
2289                
2290<a
2291                    id="HeaderDrawer-collabs"
2292                    href="/collections/collabs"
2293                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2294                    
2295                  >
2296                    <span class="menu-drawer__menu-item-text wrap-text">Collabs</span>
2297                  </a>
2298                
2299              </li>
2300              <li
2301                style="--menu-drawer-animation-index: 7;"
2302                class="menu-drawer__list-item--flat"
2303              >
2304                
2305<a
2306                    id="HeaderDrawer-outlet"
2307                    href="/collections/outlet"
2308                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2309                    
2310                  >
2311                    <span class="menu-drawer__menu-item-text wrap-text">Outlet</span>
2312                  </a>
2313                
2314              </li>
2315              <li
2316                style="--menu-drawer-animation-index: 8;"
2317                class="menu-drawer__list-item--flat"
2318              >
2319                
2320<a
2321                    id="HeaderDrawer-on-the-road"
2322                    href="/pages/celeiro-on-the-road"
2323                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2324                    
2325                  >
2326                    <span class="menu-drawer__menu-item-text wrap-text">ON THE ROAD</span>
2327                  </a>
2328                
2329              </li>
2330        </ul>
2331      </nav>
2332      <div
2333        class="menu-drawer__utility-links menu-drawer__animated-element"
2334        style="--menu-drawer-animation-index: 8;"
2335      >
2336        
2337        </div>
2338
2339      
2340    </div>
2341    <div
2342      class="menu-drawer__backdrop"
2343      on:click="header-drawer/close"
2344    ></div>
2345  </details>
2346</header-drawer>
2347
2348
2349
2350    </div>
2351
2352  
2353
2354<style data-shopify>
2355  .header__underlay {
2356    --color-submenu: rgb(255 255 255 / 1.0);
2357  }
2358</style>
2359
2360
2361
2362
2363            
2364        
2365      
2366        
2367          
2368              
2369  <search-button
2370    class="search-action search-action--hidden-on-menu"
2371  >
2372    <button
2373      on:click="#search-modal/showDialog"
2374      class="button-unstyled header-actions__action"
2375      aria-label="Pesquisa"
2376      aria-haspopup="dialog"
2377    >
2378      <span class="hidden">
2379        Pesquisa
2380      </span>
2381
2382      <span class="svg-wrapper ">
2383        <svg 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>
2384
2385      </span>
2386    </button>
2387  </search-button>
2388
2389
2390
2391
2392            
2393        
2394      
2395    </div><div
2396      class="header__column header__column--center"
2397      data-testid="header-top-center"
2398    >
2399      
2400        
2401          
2402              
2403
2404
2405
2406
2407<a
2408  
2409  href="/"
2410  class="size-style spacing-style header-logo"
2411  style="
2412    --size-style-width: ;--size-style-height: ;
2413    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
2414    --font-family: var(--font-body--family);
2415    --font-style: var(--font-body--style);
2416    --font-weight: 600;
2417  "
2418  
2419>
2420  
2421
2422  <span
2423    class="header-logo__image-container header-logo__image-container--original"
2424    data-testid="header-logo"
2425  >
2426    
2427  
2428  
2429  
2430
2431  
2432
2433  
2434
2435  
2436
2437  <img src="//celeirobikers.com.br/cdn/shop/files/LOGO-CELEIRO-1-e1701878919300-2_1_1.png?height=36&amp;v=1740853735" alt="" width="120" height="36" class="header-logo__image" srcset="//celeirobikers.com.br/cdn/shop/files/LOGO-CELEIRO-1-e1701878919300-2_1_1.png?height=36&amp;v=1740853735 1x, //celeirobikers.com.br/cdn/shop/files/LOGO-CELEIRO-1-e1701878919300-2_1_1.png?height=72&amp;v=1740853735 2x, //celeirobikers.com.br/cdn/shop/files/LOGO-CELEIRO-1-e1701878919300-2_1_1.png?height=108&amp;v=1740853735 3x" style="--header-logo-image-width: 120px;--header-logo-image-width-mobile: 94px; --header-logo-image-height: 36px; --header-logo-image-height-mobile: 28px;">
2438
2439
2440  </span>
2441
2442  
2443</a>
2444
2445
2446
2447
2448
2449            
2450        
2451      
2452    </div><div
2453      class="header__column header__column--right"
2454      data-testid="header-top-right"
2455    >
2456      
2457        
2458          
2459              
2460  
2461  
2462
2463            
2464        
2465      
2466        
2467          
2468              
2469  <search-button
2470    class="search-action search-action--hidden-on-drawer"
2471  >
2472    <button
2473      on:click="#search-modal/showDialog"
2474      class="button-unstyled header-actions__action"
2475      aria-label="Pesquisa"
2476      aria-haspopup="dialog"
2477    >
2478      <span class="hidden">
2479        Pesquisa
2480      </span>
2481
2482      <span class="svg-wrapper ">
2483        <svg 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>
2484
2485      </span>
2486    </button>
2487  </search-button>
2488
2489
2490
2491
2492            
2493        
2494      
2495        
2496          
2497              
2497<script
2498  type="module"
2499  src="//celeirobikers.com.br/cdn/shop/t/3/assets/cart-icon.js?v=157241182139685326961773244888"
2500  fetchpriority="low"
2501></script>
2501
2502
2503
2504
2505
2506
2507<header-actions
2508  
2509>
2510  
2511    
2512    <div
2513      class="account-button header-actions__action color-scheme-1"
2514    >
2515      <shopify-store store-domain="https://celeirobikers.com.br" country="BR" language="pt-BR"></shopify-store>
2516<shopify-account
2517        menu="customer-account-main-menu"
2518        
2519      >
2520        
2521          <span
2522            slot="signed-out-avatar"
2523            class="account-button__text header-actions__text-style hidden"
2524          >
2525            Conta
2526          </span>
2527
2528          <span
2529            slot="signed-out-avatar"
2530            class=""
2531            aria-hidden="true"
2532          >
2533            
2534  <svg
2535    xmlns="http://www.w3.org/2000/svg"
2536    width="15"
2537    height="17"
2538    viewBox="0 0 15 17"
2539    fill="none"
2540    slot="signed-out-avatar"
2541    class="account-button__icon"
2542  >
2543    <path
2544      stroke="currentColor"
2545      stroke-linejoin="round"
2546      stroke-width="var(--icon-stroke-width)"
2547      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"
2548    />
2549  </svg>
2550
2551          </span>
2552        
2553      </shopify-account>
2554    </div>
2555  
2556
2557  
2558    
2558<script
2559      src="//celeirobikers.com.br/cdn/shop/t/3/assets/cart-drawer.js?v=34004441742206350331773244888"
2560      type="module"
2561      fetchpriority="low"
2562    ></script>
2562
2563
2564    
2565
2566    <cart-drawer-component
2567      class="cart-drawer"
2568      
2569      
2570    >
2571      <template id="empty-cart-template">
2572        
2573      <div class="cart-drawer__header">
2574        <button
2575          ref="closeButton"
2576          on:click="cart-drawer-component/close"
2577          class="button close-button cart-drawer__close-button button-unstyled"
2578          aria-label="Fechar caixa de diálogo"
2579        >
2580          <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2581  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2582  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2583</svg>
2584</span>
2585        </button>
2586      </div>
2587
2588      <div
2589        class="cart-drawer__content"
2590        aria-label="Carrinho"
2591      >
2592        <h2
2593          class="cart-drawer__heading h4 cart-drawer__heading--empty"
2594          id="cart-drawer-heading-empty"
2595        >
2596          O carrinho está vazio
2597        </h2>
2598
2599        <div class="cart-drawer__items">
2600          
2601
2602
2603
2604<script
2605  src="//celeirobikers.com.br/cdn/shop/t/3/assets/component-cart-items.js?v=16199507049899445991773244888"
2606  type="module"
2607  fetchpriority="low"
2608></script>
vendor: 1 bytes, line 2608
2608
2609<script
2610  src="//celeirobikers.com.br/cdn/shop/t/3/assets/component-cart-quantity-selector.js?v=105130809908858639751773244888"
2611  type="module"
2612  fetchpriority="low"
2613></script>
vendor: 1 bytes, line 2613
2613
2614<script
2615  src="//celeirobikers.com.br/cdn/shop/t/3/assets/volume-pricing-info.js?v=94479640769665442661773244888"
2616  type="module"
2617  fetchpriority="low"
2618></script>
2618
2619
2620<div
2621  
2622  class="cart-items__wrapper"
2623  
2624>
2625  
2626<p>
2627        Já tem conta? <a href="https://celeirobikers.com.br/customer_authentication/redirect?locale=pt-BR&region_country=BR">Faça login</a> para finalizar a compra mais rápido.
2628      </p><a
2629      class="button cart-items__empty-button"
2630      href="/collections/all"
2631    >
2632      <span class="button-text">
2633        Voltar à loja
2634      </span>
2635    </a></div>
2636
2637
2638
2639        </div>
2640      </div>
2641    
2642      </template>
2643      <button
2644        class="header-actions__action button-unstyled"
2645        on:click="/open"
2646        aria-haspopup="dialog"
2647        aria-label="Carrinho"
2648        aria-describedby="cart-bubble-text"
2649        data-testid="cart-drawer-trigger"
2650      >
2651        
2652  <cart-icon
2653    class="header-actions__cart-icon"
2654    data-testid="cart-icon"
2655  >
2656    <span class="hidden">
2657      Cart
2658    </span>
2659
2660    <span
2661      class="svg-wrapper "
2662      aria-hidden="true"
2663    >
2664      <svg 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>
2665
2666    </span>
2667
2668    <div
2669  ref="cartBubble"
2670  class="cart-bubble visually-hidden"
2671  
2672  
2673    data-maintain-ratio
2674  
2675>
2676  <span class="cart-bubble__background"></span>
2677  <span
2678    ref="cartBubbleText"
2679    id="cart-bubble-text"
2680    class="cart-bubble__text"
2681    
2682      role="status"
2683    
2684  >
2685    <span class="visually-hidden">Total de itens no carrinho: 0
2686    </span>
2687    <span
2688      class="cart-bubble__text-count hidden"
2689      ref="cartBubbleCount"
2690      aria-hidden="true"
2691      data-testid="cart-bubble"
2692    >
26930</span>
2694  </span>
2695</div>
2696
2697  </cart-icon>
2698
2699      </button>
2700
2701      <dialog
2702        ref="dialog"
2703        class="cart-drawer__dialog dialog-modal dialog-drawer color-scheme-1 cart-drawer--empty"
2704        data-testid="cart-drawer-dialog"
2705        aria-labelledby="cart-drawer-heading-empty"
2706        scroll-lock
2707        cart-summary-sticky="true"
2708      >
2709        <div
2710          class="cart-drawer__inner"
2711          data-hydration-key="cart-drawer-inner"
2712        >
2713          <cart-items-component
2714            class="cart-items-component"
2715            data-drawer
2716            data-section-id="sections--26710061842722__header_section"
2717          >
2718      <div class="cart-drawer__header">
2719        <button
2720          ref="closeButton"
2721          on:click="cart-drawer-component/close"
2722          class="button close-button cart-drawer__close-button button-unstyled"
2723          aria-label="Fechar caixa de diálogo"
2724        >
2725          <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2726  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2727  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2728</svg>
2729</span>
2730        </button>
2731      </div>
2732
2733      <div
2734        class="cart-drawer__content"
2735        aria-label="Carrinho"
2736      >
2737        <h2
2738          class="cart-drawer__heading h4 cart-drawer__heading--empty"
2739          id="cart-drawer-heading-empty"
2740        >
2741          O carrinho está vazio
2742        </h2>
2743
2744        <div class="cart-drawer__items">
2745          
2746
2747
2748
2749<script
2750  src="//celeirobikers.com.br/cdn/shop/t/3/assets/component-cart-items.js?v=16199507049899445991773244888"
2751  type="module"
2752  fetchpriority="low"
2753></script>
vendor: 1 bytes, line 2753
2753
2754<script
2755  src="//celeirobikers.com.br/cdn/shop/t/3/assets/component-cart-quantity-selector.js?v=105130809908858639751773244888"
2756  type="module"
2757  fetchpriority="low"
2758></script>
vendor: 1 bytes, line 2758
2758
2759<script
2760  src="//celeirobikers.com.br/cdn/shop/t/3/assets/volume-pricing-info.js?v=94479640769665442661773244888"
2761  type="module"
2762  fetchpriority="low"
2763></script>
2763
2764
2765<div
2766  
2767  class="cart-items__wrapper"
2768  
2769>
2770  
2771<p>
2772        Já tem conta? <a href="https://celeirobikers.com.br/customer_authentication/redirect?locale=pt-BR&region_country=BR">Faça login</a> para finalizar a compra mais rápido.
2773      </p><a
2774      class="button cart-items__empty-button"
2775      href="/collections/all"
2776    >
2777      <span class="button-text">
2778        Voltar à loja
2779      </span>
2780    </a></div>
2781
2782
2783
2784        </div>
2785      </div>
2786    
2787</cart-items-component>
2788        </div>
2789      </dialog>
2790    </cart-drawer-component>
2791  
2792</header-actions>
2793
2794
2795
2796          
2797        
2798      
2799    </div>
2800        </div>
2801      </div>
2802    
2803  
2804    
2805
2806    
2807
2808    
2809    
2810      <div
2811        class="header__row header__row--bottom color-scheme-1 section section--full-width-margin section--page-width mobile:hidden"
2812        ref="headerRowTop"style="--border-bottom-width: 0px;">
2813        <div class="header__columns spacing-style">
2814          <div
2815      class="header__column header__column--center"
2816      data-testid="header-bottom-center"
2817    >
2818      
2819        
2820          
2821              
2822
2823
2824
2825    
2826
2827    
2828
2829    <header-menu
2830      ref="headerMenu"
2831      class="header-menu"
2832      
2833      data-hydration-key="header-menu"
2834    >
2835      <div class="header-menu__inner">
2836        <nav
2837          class="menu-list"
2838          aria-label="Principal"
2839          style="--menu-top-level-font-family: var(--font-body--family);
2840--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;
2841
2842  --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height:
2843  var(--menu-font-sm--line-height);
2844
2845--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
2846"
2847        >
2848          
2849          <overflow-list
2850  
2851    ref="overflowMenu"
2852  
2853  
2854    class="overflow-menu color-scheme-matches-parent"
2855  
2856  
2857    minimum-items="2"
2858  
2859  
2860    data-testid="header-menu-overflow-list"
2861  
2862  
2863    data-skip-node-update
2864  
2865>
2866  <template shadowrootmode="open">
2867    <link href="//celeirobikers.com.br/cdn/shop/t/3/assets/overflow-list.css?v=13500019909476584571773244888" rel="stylesheet" type="text/css" media="all" />
2868
2869    <ul part="list">
2870      <slot></slot>
2871      <slot
2872        name="more"
2873        part="more"
2874        hidden
2875        
2876      >
2877        <li
2878          part="more"
2879        >
2880          <button
2881            class="button"
2882            type="button"
2883            tabindex="0"
2884          >
2885            Mais
2886          </button>
2887        </li>
2888      </slot>
2889      <li
2890        part="placeholder"
2891        hidden
2892      ></li>
2893    </ul>
2894
2895    <div part="overflow">
2896      <ul part="overflow-list">
2897        <slot name="overflow"></slot>
2898      </ul>
2899    </div>
2900  </template>
2901
2902  
2903      
2904        <li
2905          role="presentation"
2906          class="menu-list__list-item"
2907          on:focus="/activate"
2908          on:blur="/deactivate"
2909          on:pointerenter="/activate"
2910          on:pointerleave="/deactivate"
2911        >
2912          <a
2913            href="/"
2914            data-skip-node-update="true"
2915            class="menu-list__link"
2916            ref="menuitem"
2917          >
2918            <span class="menu-list__link-title">Início</span>
2919          </a></li>
2920      
2921        <li
2922          role="presentation"
2923          class="menu-list__list-item"
2924          on:focus="/activate"
2925          on:blur="/deactivate"
2926          on:pointerenter="/activate"
2927          on:pointerleave="/deactivate"
2928        >
2929          <a
2930            href="https://celeirobikers.com.br/collections/all"
2931            data-skip-node-update="true"
2932            class="menu-list__link"aria-controls="submenu-2"
2933              aria-haspopup="true"
2934              aria-expanded="false"
2935            ref="menuitem"
2936          >
2937            <span class="menu-list__link-title">Produtos</span>
2938          </a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
2939              <div
2940                id="submenu-2"
2941                class="menu-list__submenu-inner"
2942                style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
2943var(--font-body--style);
2943 --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
2944none;
2945
2946    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
2947    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
2948    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
2949  
2950--menu-child-font-family: var(--font-body--family); --menu-child-font-style:
2951var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
2952none;
2953
2954    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
2955    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
2956    var(--opacity-subdued-text));
2957  
2958"
2959              >
2960                
2961                <div class="mega-menu section section--full-width-margin section--page-width">
2962                  <div
2963                    class="mega-menu__grid"
2964                    data-menu-grid-id="MegaMenuList-2"
2965                  >
2966                    
2967<ul
2968  data-menu-list-id="MegaMenuList-2"
2969  class="mega-menu__list list-unstyled"
2970  style="--menu-image-border-radius: 0px;"
2971>
2972  
2973    <li class="mega-menu__column mega-menu__column--span-1">
2974    <div>
2975      <a
2976        href="/collections/lifestyle"
2977        class="mega-menu__link "
2978      >
2979        
2980        <span class="wrap-text">Calças e Shorts</span>
2981      </a>
2982      
2983    </div>
2984
2985    
2986  
2987    
2988    <div>
2989      <a
2990        href="/collections/camisas"
2991        class="mega-menu__link "
2992      >
2993        
2994        <span class="wrap-text">Camisas</span>
2995      </a>
2996      
2997    </div>
2998
2999    
3000  
3001    
3002    <div>
3003      <a
3004        href="/collections/camisetas"
3005        class="mega-menu__link "
3006      >
3007        
3008        <span class="wrap-text">Camisetas</span>
3009      </a>
3010      
3011    </div>
3012
3013    
3014  
3015    
3016    <div>
3017      <a
3018        href="/collections/casacos"
3019        class="mega-menu__link "
3020      >
3021        
3022        <span class="wrap-text">Casacos</span>
3023      </a>
3024      
3025    </div>
3026
3027    
3028  
3029    
3030    <div>
3031      <a
3032        href="/collections/tops-e-bodys"
3033        class="mega-menu__link "
3034      >
3035        
3036        <span class="wrap-text">Tops e Bodys</span>
3037      </a>
3038      
3039    </div>
3040
3041    
3042  
3043    
3044    <div>
3045      <a
3046        href="/collections/jaquetas-e-coletes"
3047        class="mega-menu__link "
3048      >
3049        
3050        <span class="wrap-text">Jaquetas e Coletes</span>
3051      </a>
3052      
3053    </div>
3054
3055    
3056  
3057    
3058    <div>
3059      <a
3060        href="/collections/regatas"
3061        class="mega-menu__link "
3062      >
3063        
3064        <span class="wrap-text">Regatas</span>
3065      </a>
3066      
3067    </div>
3068
3069    
3070  
3071    
3072    <div>
3073      <a
3074        href="/collections/acessorios"
3075        class="mega-menu__link "
3076      >
3077        
3078        <span class="wrap-text">Acessórios</span>
3079      </a>
3080      
3081    </div>
3082
3083    
3084  
3085    
3086    <div>
3087      <a
3088        href="/collections/masculino"
3089        class="mega-menu__link "
3090      >
3091        
3092        <span class="wrap-text">Masculino</span>
3093      </a>
3094      
3095    </div>
3096
3097    
3098  
3099    
3100    <div>
3101      <a
3102        href="/collections/chapeu-personalizados"
3103        class="mega-menu__link "
3104      >
3105        
3106        <span class="wrap-text">Chapéus Personalizados</span>
3107      </a>
3108      
3109    </div>
3110
3111    </li>
3112  
3113</ul>
3114
3115
3116
3117<style data-shopify>
3118  [data-menu-grid-id="MegaMenuList-2"] {
3119    
3120      --menu-columns-desktop: 6;
3121      --menu-columns-tablet: 4;
3122    
3123  }
3124
3125  [data-menu-list-id="MegaMenuList-2"] {
3126    
3127      --menu-columns-desktop: 6;
3128      --menu-columns-tablet: 4;
3129    
3130  }
3131</style>
3132
3133
3134
3135                  </div>
3136                </div>
3137              </div>
3138            </div></li>
3139      
3140        <li
3141          role="presentation"
3142          class="menu-list__list-item"
3143          on:focus="/activate"
3144          on:blur="/deactivate"
3145          on:pointerenter="/activate"
3146          on:pointerleave="/deactivate"
3147        >
3148          <a
3149            href="/pages/contact"
3150            data-skip-node-update="true"
3151            class="menu-list__link"
3152            ref="menuitem"
3153          >
3154            <span class="menu-list__link-title">Contato</span>
3155          </a></li>
3156      
3157        <li
3158          role="presentation"
3159          class="menu-list__list-item"
3160          on:focus="/activate"
3161          on:blur="/deactivate"
3162          on:pointerenter="/activate"
3163          on:pointerleave="/deactivate"
3164        >
3165          <a
3166            href="/pages/quem-somos"
3167            data-skip-node-update="true"
3168            class="menu-list__link"
3169            ref="menuitem"
3170          >
3171            <span class="menu-list__link-title">Quem somos</span>
3172          </a></li>
3173      
3174        <li
3175          role="presentation"
3176          class="menu-list__list-item"
3177          on:focus="/activate"
3178          on:blur="/deactivate"
3179          on:pointerenter="/activate"
3180          on:pointerleave="/deactivate"
3181        >
3182          <a
3183            href="/collections/chapeu-personalizados"
3184            data-skip-node-update="true"
3185            class="menu-list__link"
3186            ref="menuitem"
3187          >
3188            <span class="menu-list__link-title">Chapéus Personalizados</span>
3189          </a></li>
3190      
3191        <li
3192          role="presentation"
3193          class="menu-list__list-item"
3194          on:focus="/activate"
3195          on:blur="/deactivate"
3196          on:pointerenter="/activate"
3197          on:pointerleave="/deactivate"
3198        >
3199          <a
3200            href="/collections/collabs"
3201            data-skip-node-update="true"
3202            class="menu-list__link"
3203            ref="menuitem"
3204          >
3205            <span class="menu-list__link-title">Collabs</span>
3206          </a></li>
3207      
3208        <li
3209          role="presentation"
3210          class="menu-list__list-item"
3211          on:focus="/activate"
3212          on:blur="/deactivate"
3213          on:pointerenter="/activate"
3214          on:pointerleave="/deactivate"
3215        >
3216          <a
3217            href="/collections/outlet"
3218            data-skip-node-update="true"
3219            class="menu-list__link"
3220            ref="menuitem"
3221          >
3222            <span class="menu-list__link-title">Outlet</span>
3223          </a></li>
3224      
3225        <li
3226          role="presentation"
3227          class="menu-list__list-item"
3228          on:focus="/activate"
3229          on:blur="/deactivate"
3230          on:pointerenter="/activate"
3231          on:pointerleave="/deactivate"
3232        >
3233          <a
3234            href="/pages/celeiro-on-the-road"
3235            data-skip-node-update="true"
3236            class="menu-list__link"
3237            ref="menuitem"
3238          >
3239            <span class="menu-list__link-title">ON THE ROAD</span>
3240          </a></li>
3241      
3242      <li
3243        class="menu-list__list-item"
3244        role="presentation"
3245        slot="more"
3246        on:focus="/activate"
3247        on:blur="/deactivate"
3248        on:pointerenter="/activate"
3249        on:pointerleave="/deactivate"
3250      >
3251        <button role="listitem" class="menu-list__link button-unstyled">
3252          <span class="menu-list__link-title">Mais</span>
3253        </button>
3254      </li>
3255    
3256</overflow-list>
3257
3258        </nav>
3259      </div>
3260
3261      
3261<script
3262        src="//celeirobikers.com.br/cdn/shop/t/3/assets/header-menu.js?v=138387690177295788221773244888"
3263        type="module"
3264        fetchpriority="low"
3265      ></script>
3265
3266    </header-menu>
3267
3268
3269<style data-shopify>
3270  .header__underlay {
3271    --color-submenu: rgb(255 255 255 / 1.0);
3272  }
3273</style>
3274
3275
3276
3277
3278            
3279        
3280      
3281    </div>
3282        </div>
3283      </div>
3284    
3285  
3286
3287  
3288    <div class="header__row header__navigation-bar-row color-scheme-1">
3289      
3290
3291
3292
3293    
3294  
3295
3296<style data-shopify>
3297  .header__underlay {
3298    --color-submenu: rgb(255 255 255 / 1.0);
3299  }
3300</style>
3301
3302
3303
3304
3305    </div>
3306  
3307</header-component>
3308
3309<script
3310  src="//celeirobikers.com.br/cdn/shop/t/3/assets/header.js?v=36718054510661947891773244888"
3311  type="module"
3312></script>
3312
3313
3314
3315
3316
3317  
3317<script type="module">
3318    import { hydrate } from '@theme/section-hydration';
3319    const url = new URL(window.location.href);
3320    url.searchParams.delete('page');
3321    hydrate('sections--26710061842722__header_section', url);
3322  </script>
3322
3323
3324
3325
3326</header>
3327<!-- END sections: header-group -->
3328    </div>
3329
3330    
3330<script>
3331      // Inline header height and menu style calculations to prevent layout shift
3332      // Note: Updates in calculateHeaderGroupHeight(), updateTransparentHeaderOffset() and setHeaderMenuStyle() utilities.js should be kept in sync with this function
3333      (function setHeaderHeighCustomProperties() {
3334        /*
3335         * Header calculation functions for maintaining CSS variables
3336         * Mimic calculateHeaderGroupHeight() in utilities.js
3337         */
3338        const header = document.querySelector('header-component');
3339        const headerGroup = document.querySelector('#header-group');
3340        const hasHeaderSection = headerGroup?.querySelector('.header-section');
3341
3342        if (!header || !headerGroup) return;
3343
3344        const headerTopRow = header.querySelector('.header__row--top');
3345        const headerHeight = header.offsetHeight;
3346
3347        // Calculate the total height of the header group
3348        let headerGroupHeight = 0;
3349        const children = headerGroup.children;
3350        for (let i = 0; i < children.length; i++) {
3351          const element = children[i];
3352          if (element === header || !(element instanceof HTMLElement)) continue;
3353          headerGroupHeight += element.offsetHeight;
3354        }
3355
3356        // Check for transparent header special case
3357        if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) {
3358          headerGroupHeight += headerHeight;
3359        }
3360
3361        // Set CSS variables
3362        document.body.style.setProperty('--header-height', `${headerHeight}px`);
3363        document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`);
3364
3365        if (headerTopRow) {
3366          window.requestAnimationFrame(function () {
3367            document.body.style.setProperty('--top-row-height', `${headerTopRow.offsetHeight}px`);
3368          });
3369        }
3370
3371        /**
3372         * Updates CSS custom properties for transparent header offset calculation
3373         * Mimic updateTransparentHeaderOffset() in utilities.js
3374         */
3375
3376        if (!hasHeaderSection || !header?.hasAttribute('transparent')) {
3377          document.body.style.setProperty('--transparent-header-offset-boolean', '0');
3378          return;
3379        }
3380
3381        const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section');
3382
3383        const shouldApplyOffset = !hasImmediateSection ? '1' : '0';
3384        document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset);
3385      })();
3386
3387      (function setHeaderMenuStyle() {
3388        const headerComponent = document.querySelector('#header-component');
3389        if (headerComponent) {
3390          const isTouchDevice = 'ontouchstart' in window && navigator.maxTouchPoints > 0;
3391          const overflowList = headerComponent?.querySelector('overflow-list');
3392          const hasReachedMinimum = overflowList && overflowList.hasAttribute('minimum-reached');
3393          headerComponent.dataset.menuStyle = isTouchDevice || hasReachedMinimum ? 'drawer' : 'menu';
3394        }
3395      })();
3396    </script>
3396
3397
3398    <main
3399      id="MainContent"
3400      class="content-for-layout"
3401      role="main"
3402      data-page-transition-enabled="false"
3403      data-product-transition="false"
3404      data-template="product"
3405    >
3406      <div id="shopify-section-template--26710061678882__main" class="shopify-section">
3407
3408<script type="application/ld+json">
3409  {"@context":"http:\/\/schema.org\/","@id":"\/products\/hairclip-prendedor-de-cabelo#product","@type":"ProductGroup","brand":{"@type":"Brand","name":"My Store"},"category":"Vestuário e acessórios","description":"Preserve seu cabelo nos bons ventos!\nPrendedor de cabelo em couro legítimo com design exclusivo, fecho interno discreto e alça para a utilização de elástico de cabelo, da sua escolha. ","hasVariant":[{"@id":"\/products\/hairclip-prendedor-de-cabelo?variant=49733332468002#variant","@type":"Product","image":"https:\/\/celeirobikers.com.br\/cdn\/shop\/files\/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865\u0026width=1920","name":"HAIRCLIP - Prendedor de Cabelo - Preto","offers":{"@id":"\/products\/hairclip-prendedor-de-cabelo?variant=49733332468002#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"89.90","priceCurrency":"BRL","url":"https:\/\/celeirobikers.com.br\/products\/hairclip-prendedor-de-cabelo?variant=49733332468002"},"sku":"HAIRCLIP-1"},{"@id":"\/products\/hairclip-prendedor-de-cabelo?variant=49733332500770#variant","@type":"Product","image":"https:\/\/celeirobikers.com.br\/cdn\/shop\/files\/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865\u0026width=1920","name":"HAIRCLIP - Prendedor de Cabelo - Marrom","offers":{"@id":"\/products\/hairclip-prendedor-de-cabelo?variant=49733332500770#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"89.90","priceCurrency":"BRL","url":"https:\/\/celeirobikers.com.br\/products\/hairclip-prendedor-de-cabelo?variant=49733332500770"},"sku":"HAIRCLIP-2"}],"name":"HAIRCLIP - Prendedor de Cabelo","productGroupID":"9484739346722","url":"https:\/\/celeirobikers.com.br\/products\/hairclip-prendedor-de-cabelo"}
3410</script>
3410
3411
3412
3413
3414
3415
3416
3417
3418
3419  
3420
3421  <sticky-add-to-cart
3422    class="sticky-add-to-cart"
3423    data-variant-available="true"
3424    data-product-id="9484739346722"
3425    data-current-variant-id="49733332468002"
3426    data-initial-quantity="1"
3427    data-default-variant-title="Título padrão"
3428  >
3429    <div
3430      class="sticky-add-to-cart__bar color-scheme-1"
3431      data-stuck="false"
3432      ref="stickyBar"
3433      role="region"
3434      aria-label="Barra de adição rápida ao carrinho"
3435    >
3436      
3437      
3438        <div
3439          class="sticky-add-to-cart__image"
3440        >
3441          
3442          <img src="//celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&amp;width=120" alt="HAIRCLIP - Prendedor de Cabelo" width="120" height="180" loading="lazy" class="sticky-add-to-cart__image-img" data-testid="sticky-product-image" ref="productImage">
3443        </div>
3444      
3445
3446      
3447      <div
3448        class="sticky-add-to-cart__info"
3449        data-has-image="true"
3450        data-singleton="false"
3451        data-single-option="true"
3452      >
3453        <h3
3454          class="sticky-add-to-cart__title"
3455          data-testid="sticky-product-title"
3456        >
3457          HAIRCLIP - Prendedor de Cabelo
3458        </h3>
3459        <div
3460          class="sticky-add-to-cart__variant"
3461          data-testid="sticky-variant-title"
3462          
3463        >
3464          
3465            
3466            Preto
3467          
3468        </div>
3469      </div>
3470
3471      <div
3472        class="sticky-add-to-cart__price"
3473        data-testid="sticky-price-display"
3474      >
3475        <div ref="priceContainer">
3476  
3477    
3478    
3479
3480    
3481      <span role="group">
3482        <span class="visually-hidden">Preço promocional&nbsp;</span>
3483        <span class="price">R$ 89,90</span>
3484      </span>
3485    
3486
3487    
3488      <span role="group">
3489        <span class="visually-hidden">Preço normal&nbsp;</span>
3490        <span class="compare-at-price">R$ 99,90</span>
3491      </span>
3492    
3493  
3494</div>
3495      </div>
3496
3497      <button
3498        type="button"
3499        class="sticky-add-to-cart__button add-to-cart-button button"
3500        ref="addToCartButton"
3501        on:click="/handleAddToCartClick"
3502        
3503      >
3504        <span
3505          class="add-to-cart-text"
3506        >
3507          
3508            <span class="svg-wrapper add-to-cart-icon"><svg 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="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
3509</span>
3510          
3511          <span class="add-to-cart-text__content">
3512            <span>Adicionar ao carrinho</span>
3513            <span
3514              ref="quantityDisplay"
3515              
3516                style="display: none;"
3517              
3518            > (<span ref="quantityNumber">1</span>)</span>
3519          </span>
3520        </span>
3521        <span class="add-to-cart__added">
3522          <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3523  <g class="check">
3524    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3525    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3526  </g>
3527  <g class="burst">
3528    <g style="--index: 0;">
3529      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
3530    </g>
3531    <g style="--index: 1;">
3532      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
3533    </g>
3534    <g style="--index: 2;">
3535      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
3536    </g>
3537    <g style="--index: 3;">
3538      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
3539    </g>
3540    <g style="--index: 4;">
3541      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
3542    </g>
3543    <g style="--index: 5;">
3544      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
3545    </g>
3546    <g style="--index: 6;">
3547      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
3548    </g>
3549    <g style="--index: 7;">
3550      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
3551    </g>
3552  </g>
3553</svg>
3554</span>
3555        </span>
3556      </button>
3557    </div>
3558  </sticky-add-to-cart>
3559
3560
3561
3562
3563
3564
3565<div class="section-background color-scheme-1"></div>
3566<div
3567  class="product-information section section--page-width spacing-style color-scheme-1 relative"
3568  style="--padding-block-start: 0px;--padding-block-end: 0px; --gap: 48px;"
3569  data-testid="product-information"
3570>
3571  
3572    
3573    <a
3574  class="skip-to-content-link button-secondary"
3575  href="#ProductInformation-template--26710061678882__main"
3576>
3577  Pular para as informações do produto
3578</a>
3579
3580
3581
3582  
3583  <div
3584    class="product-information__grid product-information--media-left"
3585    data-product-grid-content
3586  >
3587    
3588    
3589
3590    
3591      
3592        
3593      <div
3594        class="product-information__media"
3595        data-testid="product-information-media"
3596      >
3597        
3598
3599
3600<script
3601    src="//celeirobikers.com.br/cdn/shop/t/3/assets/zoom-dialog.js?v=102268456213388948961773244888"
3602    type="module"
3603  ></script>
3603<script
3604    src="//celeirobikers.com.br/cdn/shop/t/3/assets/drag-zoom-wrapper.js?v=24957596803719370611773244888"
3605    type="module"
3606  ></script>
3606<style data-shopify>
3607  
3608
3609  
3610    .media-fit-contain {
3611      --product-media-fit: contain;
3612    }
3613
3614    /* Media fit for all media elements */
3615    .media-fit-contain :is(img, video, iframe, .deferred-media__poster-image) {
3616      object-fit: contain;
3617      width: 100%;
3618      height: 100%;
3619    }
3620
3621    /* 3D Models (no object-fit support, just sizing) */
3622    .media-fit-contain model-viewer {
3623      width: 100%;
3624      height: 100%;
3625    }
3626  
3627
3628  
3629
3630  /* Add background color so carousel arrows' mix-blend-mode works correctly even on transparent areas. */
3631  
3632    .media-fit-contain :is(img, .deferred-media__poster-image) {
3633      background-color: var(--color-background);
3634    }
3635  
3636
3637  
3638  
3639  
3640    
3641    ::view-transition-old(gallery-item-open),
3642    ::view-transition-new(gallery-item-open),
3643    ::view-transition-old(gallery-item-close),
3644    ::view-transition-new(gallery-item-close) {
3645      height: auto;
3646      width: 100%;
3647      object-fit: contain;
3648      top: 50%;
3649      transform: translateY(-50%);
3650    }
3651  
3652  
3653
3654  :root { --gallery-media-border-radius: 0px; }
3655</style>
3656
3657
3658  <media-gallery
3659    class="
3660      spacing-style
3661      sticky-content
3662      
3663        media-gallery--two-column
3664        
3665      
3666      media-gallery--grid
3667      
3668      
3669    "
3670    style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --thumbnail-width: 44px; --media-radius: 0px;--image-gap: 4px;"
3671    data-presentation="grid"
3672    
3673  >
3674    
3675
3676    
3677
3678    
3679
3680    <slideshow-component
3681  
3682    ref="slideshow"
3683  
3684  
3685  style="--slideshow-timeline: --slide-0, --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;"
3686  
3687  initial-slide="0"
3688  
3689  
3690    infinite
3691  
3692
3693  
3694>
3695  
3696  <slideshow-container ref="slideshowContainer">
3697    
3698    
3699    <slideshow-slides
3700      tabindex="-1"
3701      ref="scroller"
3702      
3703    >
3704      
3705      
3706        
3707        
3708        
3709        
3710
3711        <slideshow-slide
3712  ref="slides[]"
3713  aria-hidden="false"
3714  style="--slideshow-timeline: --slide-0; --product-media-fit: contain; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
3715  
3716    class="product-media-container constrain-height media-fit-contain product-media-container--image product-media-container--zoomable product-media-container--tallest"
3717  
3718  on:click="#zoom-dialog-AamphVncxTEtiazVta__media-gallery/open/0"
3719  
3720    style="--media-preview-ratio: 0.665;"
3721  
3722  
3723  
3724  
3725  on:click="#zoom-dialog-AamphVncxTEtiazVta__media-gallery/open/0"
3726>
3727  
3728
3729
3730
3731<div
3732  class="product-media"
3733  style="--ratio: 0.665"
3734  data-media-id="50575923282210"
3735>
3736  
3737  <img src="//celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&amp;width=3840" alt="HAIRCLIP - Prendedor de Cabelo" srcset="//celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&amp;width=240 240w, //celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&amp;width=352 352w, //celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&amp;width=832 832w, //celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&amp;width=1200 1200w, //celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&amp;width=1600 1600w, //celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&amp;width=1920 1920w, //celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&amp;width=2560 2560w, //celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&amp;width=3840 3840w" width="3840" height="5774" sizes="(min-width: 95rem) calc((65rem) / 2 - 2px), (min-width: 750px) calc((100vw - 25rem) / 2 - 40px - 12px - 2px), 100vw" class="product-media__image" data_max_resolution="//celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&amp;width=3840" fetchpriority="high" style="--focal-point: 50.0% 50.0%;">
3738
3739  
3740
3741  
3742</div>
3743
3744
3745
3746        
3747</slideshow-slide>
3748
3749      
3750        
3751        
3752        
3753        
3754
3755        <slideshow-slide
3756  ref="slides[]"
3757  aria-hidden="true"
3758  style="--slideshow-timeline: --slide-1; --product-media-fit: contain; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
3759  
3760    class="product-media-container constrain-height media-fit-contain product-media-container--image product-media-container--zoomable"
3761  
3762  on:click="#zoom-dialog-AamphVncxTEtiazVta__media-gallery/open/1"
3763  
3764    style="--media-preview-ratio: 0.665;"
3765  
3766  
3767  
3768  
3769  on:click="#zoom-dialog-AamphVncxTEtiazVta__media-gallery/open/1"
3770>
3771  
3772
3773
3774
3775<div
3776  class="product-media"
3777  style="--ratio: 0.665"
3778  data-media-id="50575923314978"
3779>
3780  
3781  <img src="//celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&amp;width=3840" alt="HAIRCLIP - Prendedor de Cabelo" srcset="//celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&amp;width=240 240w, //celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&amp;width=352 352w, //celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&amp;width=832 832w, //celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&amp;width=1200 1200w, //celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&amp;width=1600 1600w, //celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&amp;width=1920 1920w, //celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&amp;width=2560 2560w, //celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&amp;width=3840 3840w" width="3840" height="5774" sizes="(min-width: 95rem) calc((65rem) / 2 - 2px), (min-width: 750px) calc((100vw - 25rem) / 2 - 40px - 12px - 2px), 100vw" class="product-media__image" data_max_resolution="//celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
3782
3783  
3784
3785  
3786</div>
3787
3788
3789
3790        
3791</slideshow-slide>
3792
3793      
3794    
3795    </slideshow-slides>
3796  </slideshow-container>
3797  
3798        
3799
3800        
3801
3802  <slideshow-controls
3803    
3804      ref="slideshowControls"
3805    
3806    pagination-position="center"
3807    scroll-mode="horizontal"
3808    
3809      controls-on-media
3810    
3811    
3812    
3813    
3814      class="desktop:hidden media-gallery__mobile-controls"
3815    
3816    
3817      style="--thumbnail-radius: 0px;"
3818    
3819  >
3820    
3821
3822    
3823
3824    
3825        <ol class="slideshow-controls__dots">
3826          
3827            <li>
3828              <button
3829                class="slideshow-control button button-unstyled"
3830                style="animation-timeline: --slide-0"
3831                aria-label="Slide 1 de 2"
3832                on:click="/select/0"
3833                ref="dots[]"
3834                
3835                  aria-selected="true"
3836                
3837              >
3838                1
3839              </button>
3840            </li>
3841          
3842            <li>
3843              <button
3844                class="slideshow-control button button-unstyled"
3845                style="animation-timeline: --slide-1"
3846                aria-label="Slide 2 de 2"
3847                on:click="/select/1"
3848                ref="dots[]"
3849                
3850              >
3851                2
3852              </button>
3853            </li>
3854          
3855        </ol>
3856    
3857
3858    
3859  </slideshow-controls>
3860
3861  
3862
3863
3864
3865
3866      
3867</slideshow-component>
3868
3869
3870
3871
3872    
3873      <ul
3874        class="media-gallery__grid list-unstyled"
3875        data-testid="media-gallery-grid"
3876      >
3877        
3878          <li
3879            ref="media[]"
3880            class="product-media-container constrain-height media-fit-contain product-media-container--image"
3881            style=" --media-preview-ratio: 0.665;"
3882            
3883            
3884              data-focal-point="50.0% 50.0%"
3885            
3886          ><button
3887                type="button"
3888                class="button button-unstyled product-media-container__zoom-button"
3889                aria-label="Zoom"
3890                on:click="/zoom/0"
3891                
3892                  on:pointerenter="/preloadImage/0"
3893                
3894              >
3895                <span class="visually-hidden">Abrir imagem em tela cheia</span>
3896              </button>
3897
3898
3899<div
3900  class="product-media"
3901  style="--ratio: 0.665"
3902  data-media-id="50575923282210"
3903>
3904  
3905  <img src="//celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&amp;width=3840" alt="HAIRCLIP - Prendedor de Cabelo" srcset="//celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&amp;width=240 240w, //celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&amp;width=352 352w, //celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&amp;width=832 832w, //celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&amp;width=1200 1200w, //celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&amp;width=1600 1600w, //celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&amp;width=1920 1920w, //celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&amp;width=2560 2560w, //celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&amp;width=3840 3840w" width="3840" height="5774" sizes="(min-width: 95rem) calc((65rem) / 2 - 2px), (min-width: 750px) calc((100vw - 25rem) / 2 - 40px - 12px - 2px), 100vw" class="product-media__image" data_max_resolution="//celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&amp;width=3840" fetchpriority="high" style="--focal-point: 50.0% 50.0%;">
3906
3907  
3908
3909  
3910</div>
3911
3912
3913
3914          </li>
3915        
3916          <li
3917            ref="media[]"
3918            class="product-media-container constrain-height media-fit-contain product-media-container--image"
3919            style=" --media-preview-ratio: 0.665;"
3920            
3921            
3922              data-focal-point="50.0% 50.0%"
3923            
3924          ><button
3925                type="button"
3926                class="button button-unstyled product-media-container__zoom-button"
3927                aria-label="Zoom"
3928                on:click="/zoom/1"
3929                
3930                  on:pointerenter="/preloadImage/1"
3931                
3932              >
3933                <span class="visually-hidden">Abrir imagem em tela cheia</span>
3934              </button>
3935
3936
3937<div
3938  class="product-media"
3939  style="--ratio: 0.665"
3940  data-media-id="50575923314978"
3941>
3942  
3943  <img src="//celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&amp;width=3840" alt="HAIRCLIP - Prendedor de Cabelo" srcset="//celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&amp;width=240 240w, //celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&amp;width=352 352w, //celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&amp;width=832 832w, //celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&amp;width=1200 1200w, //celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&amp;width=1600 1600w, //celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&amp;width=1920 1920w, //celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&amp;width=2560 2560w, //celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&amp;width=3840 3840w" width="3840" height="5774" sizes="(min-width: 95rem) calc((65rem) / 2 - 2px), (min-width: 750px) calc((100vw - 25rem) / 2 - 40px - 12px - 2px), 100vw" class="product-media__image" data_max_resolution="//celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
3944
3945  
3946
3947  
3948</div>
3949
3950
3951
3952          </li>
3953        
3954      </ul>
3955    
3956<zoom-dialog
3957        ref="zoomDialogComponent"
3958        id="zoom-dialog-AamphVncxTEtiazVta__media-gallery"
3959      >
3960        <dialog
3961          class="dialog-zoomed-gallery__dialog"
3962          ref="dialog"
3963          on:keydown="/handleKeyDown"
3964          scroll-lock
3965        >
3966          <button
3967            type="button"
3968            class="button button-unstyled close-button dialog-zoomed-gallery__close-button"
3969            aria-label="Fechar"
3970            on:click="/close"
3971          >
3972            <span class="visually-hidden">Fechar</span>
3973            <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3974  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3975  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3976</svg>
3977
3978          </button>
3979          <div class="dialog-thumbnails-list-container">
3980            <scroll-hint
3981              class="dialog-thumbnails-list list-unstyled"
3982              ref="thumbnails"
3983            >
3984              
3985
3986                  <button
3987                    type="button"
3988                    class="button button-unstyled dialog-thumbnails-list__thumbnail"
3989                    aria-label="Rolar até HAIRCLIP - Prendedor de Cabelo"
3990                    on:click="/handleThumbnailClick/0"
3991                    on:pointerenter="/handleThumbnailPointerEnter/0"
3992                    style="--aspect-ratio: 0.665; --gallery-aspect-ratio: 0.665;"
3993                    
3994                      aria-selected="true"
3995                    
3996                  >
3997                    
3998                    <img src="//celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&amp;width=1024" alt="HAIRCLIP - Prendedor de Cabelo" srcset="//celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&amp;width=240 240w, //celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&amp;width=352 352w, //celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&amp;width=832 832w" width="1024" height="1540" loading="lazy" sizes="auto, 110, (min-width: 750px) 160" style="object-position: 50.0% 50.0%;">
3999                  </button>
4000                  <button
4001                    type="button"
4002                    class="button button-unstyled dialog-thumbnails-list__thumbnail"
4003                    aria-label="Rolar até HAIRCLIP - Prendedor de Cabelo"
4004                    on:click="/handleThumbnailClick/1"
4005                    on:pointerenter="/handleThumbnailPointerEnter/1"
4006                    style="--aspect-ratio: 0.665; --gallery-aspect-ratio: 0.665;"
4007                    
4008                  >
4009                    
4010                    <img src="//celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&amp;width=1024" alt="HAIRCLIP - Prendedor de Cabelo" srcset="//celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&amp;width=240 240w, //celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&amp;width=352 352w, //celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&amp;width=832 832w" width="1024" height="1540" loading="lazy" sizes="auto, 110, (min-width: 750px) 160" style="object-position: 50.0% 50.0%;">
4011                  </button>
4012            </scroll-hint>
4013          </div>
4014          <ul
4015            class="dialog-zoomed-gallery list-unstyled"
4016          ><li
4017                id="product-50575923282210-1"
4018                class="product-media-container constrain-height media-fit-contain product-media-container--image product-media-container--zoomable"
4019                style=" --media-preview-ratio: 0.665;"
4020                ref="media[]"
4021                
4022                  on:click="/close"
4023                
4024              >
4025                
4026                  <drag-zoom-wrapper class="product-media__drag-zoom-wrapper">
4027
4028<div
4029  class="product-media"
4030  style="--ratio: 0.665"
4031  data-media-id="50575923282210"
4032>
4033  
4034  <img src="//celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&amp;width=3840" alt="HAIRCLIP - Prendedor de Cabelo" srcset="//celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&amp;width=240 240w, //celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&amp;width=352 352w, //celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&amp;width=832 832w, //celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&amp;width=1200 1200w, //celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&amp;width=1600 1600w, //celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&amp;width=1920 1920w, //celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&amp;width=2560 2560w, //celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&amp;width=3840 3840w" width="3840" height="5774" loading="lazy" sizes="100vw" class="product-media__image" ref="image" data_max_resolution="//celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&amp;width=3840" fetchpriority="high" style="--focal-point: 50.0% 50.0%;">
4035
4036  
4037
4038  
4039</div>
4040
4041
4042</drag-zoom-wrapper>
4043                
4044              </li><li
4045                id="product-50575923314978-2"
4046                class="product-media-container constrain-height media-fit-contain product-media-container--image product-media-container--zoomable"
4047                style=" --media-preview-ratio: 0.665;"
4048                ref="media[]"
4049                
4050                  on:click="/close"
4051                
4052              >
4053                
4054                  <drag-zoom-wrapper class="product-media__drag-zoom-wrapper">
4055
4056<div
4057  class="product-media"
4058  style="--ratio: 0.665"
4059  data-media-id="50575923314978"
4060>
4061  
4062  <img src="//celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&amp;width=3840" alt="HAIRCLIP - Prendedor de Cabelo" srcset="//celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&amp;width=240 240w, //celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&amp;width=352 352w, //celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&amp;width=832 832w, //celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&amp;width=1200 1200w, //celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&amp;width=1600 1600w, //celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&amp;width=1920 1920w, //celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&amp;width=2560 2560w, //celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&amp;width=3840 3840w" width="3840" height="5774" loading="lazy" sizes="100vw" class="product-media__image" ref="image" data_max_resolution="//celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
4063
4064  
4065
4066  
4067</div>
4068
4069
4070</drag-zoom-wrapper>
4071                
4072              </li></ul>
4073        </dialog>
4074      </zoom-dialog></media-gallery>
4075
4076
4077
4078
4079
4080
4081
4082      </div>
4083    
4084      
4085    
4086      
4087        
4088  
4089<div
4090  id="ProductInformation-template--26710061678882__main"
4091  class="
4092    product-details
4093     sticky-content--desktop
4094    "
4095  style="--details-position: flex-start;"
4096  data-testid="product-information-details"
4097  
4098>
4099  
4100
4101  <div
4102  class="
4103    group-block
4104    group-block--height-fit
4105    group-block--width-fill
4106    border-style
4107    spacing-style
4108    size-style
4109    
4110    
4111  "
4112  style="
4113    --border-width: 1px; --border-style: none; --border-color:
4114rgb(var(--color-border-rgb) / 1.0); --border-radius:
41150px; 
4116
4117    --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-start: 0px;--padding-inline-end: 0px;
4118    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
4119    
4120  "
4121  
4122  data-testid="group-block"
4123><div class="group-block__media-wrapper">
4124    
4125
4126
4127
4128    
4129  </div>
4130
4131  <div
4132    class="
4133      group-block-content
4134      
4135      layout-panel-flex
4136      layout-panel-flex--column
4137      
4138    "
4139    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
4140
4141--gap: max(24px, calc(var(--gap-scale, 1.0) * 28px));
4142
4143--horizontal-alignment: ; --vertical-alignment: ;
4144--vertical-alignment-mobile: ;
4145"
4146  >
4147    <div class="view-product-title">
4148      <a
4149        href="/products/hairclip-prendedor-de-cabelo?variant=49733332468002"
4150        class="link"
4151      >HAIRCLIP - Prendedor de Cabelo
4152      </a>
4153    </div>
4154    
4155
4156
4157<div
4158  class="
4159    group-block
4160    group-block--height-fit
4161    group-block--width-fill
4162    border-style
4163    spacing-style
4164    size-style
4165    
4166    
4167  "
4168  style="
4169    --border-width: 1px; --border-style: none; --border-color:
4170rgb(var(--color-border-rgb) / 1.0); --border-radius:
41710px; 
4172
4173    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
4174    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
4175    
4176  "
4177  
4178  data-testid="group-block"
4179><div class="group-block__media-wrapper">
4180    
4181
4182
4183
4184    
4185  </div>
4186
4187  <div
4188    class="
4189      group-block-content
4190      
4191      layout-panel-flex
4192      layout-panel-flex--column
4193       mobile-column
4194    "
4195    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
4196
4197--gap: 12px;
4198
4199--horizontal-alignment: flex-start; --vertical-alignment: center;
4200--vertical-alignment-mobile: center;
4201"
4202  >
4203  
4204
4205
4206
4207
4208
4209
4210
4211
4212  <div class=" spacing-style text-block text-block--AMXZzNzRCOHR4ZjFEN__text_xrnftG h3    text-block--align-left  "  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;          ">
4213    <h1>HAIRCLIP - Prendedor de Cabelo</h1>
4214  </div>
4215
4216
4217
4218
4219
4220
4221
4222
4223
4224<product-price
4225  class="text-block text-block--align-left rte text-left paragraph spacing-style"
4226  data-block-id="AckVUOEwxTnB6S2pUN__price_tVjtKg"
4227  data-product-id="9484739346722"
4228  style="
4229    
4230--color: var(--color-foreground);
4231    --padding-block-start: 4px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
4232    --width: 100%;
4233  "
4234  
4235>
4236  <div ref="priceContainer">
4237  
4238    
4239    
4240
4241    
4242      <span role="group">
4243        <span class="visually-hidden">Preço promocional&nbsp;</span>
4244        <span class="price">R$ 89,90</span>
4245      </span>
4246    
4247
4248    
4249      <span role="group">
4250        <span class="visually-hidden">Preço normal&nbsp;</span>
4251        <span class="compare-at-price">R$ 99,90</span>
4252      </span>
4253    
4254  
4255</div>
4256
4257  
4258</product-price>
4259
4260
4261
4262
4263
4264
4265
4266</div>
4267</div>
4268
4269
4270
4271
4272
4273
4274
4275<div
4276  class="divider divider-AK0EzaThzczRMZzRRa__divider_VJhene spacing-style"
4277  style="
4278    --divider-justify-content: center;
4279    --padding-block-start: 0px;--padding-block-end: 0px;
4280  "
4281  
4282
4283>
4284  <span
4285    class="divider__line"
4286    style="
4287      --divider-border-thickness: 1px;
4288      
4289        --divider-border-rounded: 0;
4290      
4291      --divider-flex-basis: 100%;
4292    "
4293  ></span>
4294</div>
4295
4296
4297
4298
4299
4300
4301
4302
4303  
4304
4305
4306  
4307  <variant-picker
4308    class="variant-picker spacing-style variant-picker--left"
4309    style="--color-strikethrough-mix: #000;
4309 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
4310    data-section-id="template--26710061678882__main"
4311    data-product-id="9484739346722"
4312    data-block-id="AeWs2Y3djbi9obEsrQ__variant_picker_R3rGDr"
4313    data-product-url="/products/hairclip-prendedor-de-cabelo"
4314    ref="mainVariantPicker"
4315    
4316      data-template-product-match="true"
4317    
4318    
4319    
4320  >
4321    <form class="variant-picker__form"><fieldset
4322            class="variant-option variant-option--buttons variant-option--equal-width-buttons"
4323            data-fieldset-index="0"
4324            ref="fieldsets[]"
4325            data-option-id="template-26710061678882__main-9484739346722-cor"
4326          >
4327            <legend>
4328              Cor
4329            </legend>
4330              <label
4331                class="variant-option__button-label"
4332              >
4333                <input
4334                  type="radio"
4335                  name="Cor-AeWs2Y3djbi9obEsrQ__variant_picker_R3rGDr-9484739346722"
4336                  value="Preto"
4337                  aria-label="Preto"
4338                  
4339                  data-previous-checked="false"
4340                  data-fieldset-index="0"
4341                  data-input-index="0"
4342                  data-input-id="1-0"
4343                  data-option-value-id="4633677594914"
4344                  data-option-available="true"
4345                  data-connected-product-url=""
4346                  
4347                    data-variant-id="49733332468002"
4348                  
4349                  
4350                    data-current-checked="true"
4351                    checked
4352                  
4353                >
4354                
4355                  
4356                    <span
4357                      class="variant-option__button-label__pill"
4358                      data-key="variant-option-pill"
4359                    ></span>
4360                  
4361                  <span
4362                    class="variant-option__button-label__text"
4363                    data-key="variant-option-text"
4364                  >Preto</span>
4365                
4366                
4367
4368              </label>
4369              <label
4370                class="variant-option__button-label"
4371              >
4372                <input
4373                  type="radio"
4374                  name="Cor-AeWs2Y3djbi9obEsrQ__variant_picker_R3rGDr-9484739346722"
4375                  value="Marrom"
4376                  aria-label="Marrom"
4377                  
4378                  data-previous-checked="false"
4379                  data-fieldset-index="0"
4380                  data-input-index="1"
4381                  data-input-id="1-1"
4382                  data-option-value-id="4633677627682"
4383                  data-option-available="true"
4384                  data-connected-product-url=""
4385                  
4386                    data-variant-id="49733332500770"
4387                  
4388                  
4389                    data-current-checked="false"
4390                  
4391                >
4392                
4393                  
4394                    <span
4395                      class="variant-option__button-label__pill"
4396                      data-key="variant-option-pill"
4397                    ></span>
4398                  
4399                  <span
4400                    class="variant-option__button-label__text"
4401                    data-key="variant-option-text"
4402                  >Marrom</span>
4403                
4404                
4405
4406              </label>
4407              <style data-shopify>
4408                [data-option-id="template-26710061678882__main-9484739346722-cor"] {
4409                  --variant-ch: 3.9em;
4410                }
4411              </style>
4412            
4413          </fieldset>
4413<script type="application/json">
4414        {"id":49733332468002,"title":"Preto","option1":"Preto","option2":null,"option3":null,"sku":"HAIRCLIP-1","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"HAIRCLIP - Prendedor de Cabelo - Preto","public_title":"Preto","options":["Preto"],"price":8990,"weight":0,"compare_at_price":9990,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}
4415      </script>
4415
4416    </form>
4417  </variant-picker>
4418
4419
4420
4421
4422
4423
4424
4425
4426
4427
4428<span
4429  class="buy-buttons-block buy-buttons-block--ATmc3N1dNVDRYU3Nwa__buy_buttons_eYQEYi"
4430  
4431><product-form-component
4432      data-section-id="template--26710061678882__main"
4433      data-product-id="9484739346722"
4434      data-product-url="/products/hairclip-prendedor-de-cabelo"
4435      on:submit="/handleSubmit"
4436      data-quantity-default="1"
4437      data-quantity-error-max="Este item apresenta um máximo de {{ maximum }}"
4438    >
4439      <div
4440        class="visually-hidden"
4441        aria-live="assertive"
4442        role="status"
4443        aria-atomic="true"
4444        ref="liveRegion"
4445      ></div><form method="post" action="/cart/add" id="BuyButtons-ProductForm-template--26710061678882__main" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
4446          type="hidden"
4447          name="id"
4448          ref="variantId"
4449          value="49733332468002"
4450        ><div
4451          class="product-form-buttons spacing-style product-form-buttons--stacked"
4452          style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
4453          ref="productFormButtons"
4454        >
4455
4456
4457
4458<div
4459  class="quantity-selector-wrapper"
4460  ref="quantitySelectorWrapper"
4461>
4462  <quantity-selector-component
4463    class="quantity-selector"
4464    data-variant-id="49733332468002"
4465    
4466ref="quantitySelector"
4467    
4468  >
4469    <button
4470      class="button quantity-minus button-unstyled"
4471      type="button"
4472      name="minus"
4473      on:click="/decreaseQuantity"
4474      ref="minusButton"
4475      
4476    >
4477      <span class="visually-hidden">Diminuir a quantidade</span
4478      ><span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4479  <path d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4480</svg>
4481</span>
4482    </button>
4483    <input
4484      type="number"
4485      name="quantity"
4486      value="1"
4487      data-cart-quantity="0"
4488      min="1"
4489      data-min="1"
4490      on:blur="/setQuantity"
4491      on:focus="/selectInputValue"
4492      ref="quantityInput"
4493      aria-label="Quantidade"
4494      
4495      
4496      step="1"
4497      
4498    >
4499    <button
4500      class="button quantity-plus button-unstyled"
4501      type="button"
4502      name="plus"
4503      on:click="/increaseQuantity"
4504      ref="plusButton"
4505      
4506    >
4507      <span class="visually-hidden">Aumentar a quantidade</span
4508      ><span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4509  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4510  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
4511</svg>
4512</span>
4513    </button>
4514  </quantity-selector-component></div>
4515
4516
4517
4518
4519
4520
4521<span
4522              class="product-form-text__error hidden"
4523              ref="addToCartTextError"
4524            >
4525              <span class="svg-wrapper"><svg class="icon icon-error" viewBox="0 0 13 13">
4526  <circle cx="6.5" cy="6.5" r="5.5" stroke="#fff" stroke-width="var(--icon-stroke-width)"/>
4527  <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width=".7"/>
4528  <path fill="#fff" d="m5.874 3.528.1 4.044h1.053l.1-4.044zm.627 6.133c.38 0 .68-.288.68-.656s-.3-.656-.68-.656-.681.288-.681.656.3.656.68.656"/>
4529  <path fill="#fff" stroke="#EB001B" stroke-width=".7" d="M5.874 3.178h-.359l.01.359.1 4.044.008.341h1.736l.008-.341.1-4.044.01-.359H5.873Zm.627 6.833c.56 0 1.03-.432 1.03-1.006s-.47-1.006-1.03-1.006-1.031.432-1.031 1.006.47 1.006 1.03 1.006Z"/>
4530</svg>
4531</span>
4532            </span>
4533
4534
4535<span
4536  
4537  style="--add-to-cart-font-case: ;"
4538>
4539  <add-to-cart-component
4540  ref="addToCartButtonContainer"
4541  data-product-variant-media="//celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&width=100"
4542  data-add-to-cart-animation="true"
4543>
4544  <button
4545    
4546      id="BuyButtons-ProductSubmitButton-ALzlwVk5aOC83MC9WR__add-to-cart"
4547    
4548    type="submit"
4549    name="add"
4550    ref="addToCartButton"
4551    on:click="/handleClick"
4552    class="button add-to-cart-button button"
4553    
4554      data-testid="standalone-add-to-cart"
4555    
4556    
4557  >
4558    <span
4559      class="add-to-cart-text"
4560    >
4561      
4562        <span
4563          aria-hidden="true"
4564          class="svg-wrapper add-to-cart-icon"
4565        ><svg 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="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
4566</span>
4567      
4568      <span class="add-to-cart-text__content">
4569        <span>
4570          <span>Adicionar ao carrinho</span>
4571        </span>
4572      </span>
4573    </span>
4574    
4575    <span class="add-to-cart__added">
4576      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4577  <g class="check">
4578    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4579    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4580  </g>
4581  <g class="burst">
4582    <g style="--index: 0;">
4583      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
4584    </g>
4585    <g style="--index: 1;">
4586      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
4587    </g>
4588    <g style="--index: 2;">
4589      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
4590    </g>
4591    <g style="--index: 3;">
4592      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
4593    </g>
4594    <g style="--index: 4;">
4595      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
4596    </g>
4597    <g style="--index: 5;">
4598      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
4599    </g>
4600    <g style="--index: 6;">
4601      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
4602    </g>
4603    <g style="--index: 7;">
4604      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
4605    </g>
4606  </g>
4607</svg>
4608</span>
4609    </span>
4610  </button>
4611</add-to-cart-component>
4612
4613</span>
4614
4615
4616
4617
4618          
4619        </div><input type="hidden" name="product-id" value="9484739346722" /><input type="hidden" name="section-id" value="template--26710061678882__main" /></form></product-form-component></span>
4620
4621
4622
4623
4624
4625
4626
4627
4628
4629
4630
4631
4632
4633
4634
4635  <rte-formatter class=" spacing-style text-block text-block--ATFlDZ1J6djZoSVJZO__text_aEtTtq 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;          ">
4636    <p><em>Preserve seu cabelo nos bons ventos!</em></p>
4637<p><em>Prendedor de cabelo em couro legítimo com design exclusivo, fecho interno discreto e alça para a utilização de elástico de cabelo, da sua escolha. </em></p>
4638  </rte-formatter>
4639
4640
4641
4642
4643
4644
4645
4646  </div>
4647</div>
4648
4649
4650
4651</div>
4652
4653
4654
4655
4656
4657
4658      
4659    
4660  </div>
4661
4662  
4663  
4664
4665</div>
4666
4667
4668
4669
4670
4671
4672
4673</div><div id="shopify-section-template--26710061678882__product_recommendations_qggXJq" class="shopify-section">
4674<script
4675  src="//celeirobikers.com.br/cdn/shop/t/3/assets/product-recommendations.js?v=168839317936691195461773244888"
4676  type="module"
4677  fetchpriority="low"
4678></script>
4678
4679
4680
4681
4682<product-recommendations
4683  id="product-recommendations-template--26710061678882__product_recommendations_qggXJq"
4684  class="product-recommendations"
4685  data-url="/recommendations/products?limit=7"
4686  data-section-id="template--26710061678882__product_recommendations_qggXJq"
4687  data-product-id="9484739346722"
4688  data-intent="related"
4689  data-testid="product-recommendations-section"
4690  data-recommendations-performed="false"
4691  
4692>
4693  <div class="section-background color-scheme-1"></div>
4694  <div
4695    class="
4696      section
4697      section--page-width
4698      color-scheme-1
4699      section-resource-list
4700      spacing-style
4701      gap-style
4702    "
4703    style="
4704      --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));
4705      --gap: max(24px, calc(var(--gap-scale, 1.0) * 28px));
4706      --column-count-mobile: 2;--resource-list-column-gap-desktop: 12px;--resource-list-row-gap-desktop: 24px;--resource-list-columns: repeat(4, 1fr);--resource-list-columns-mobile: repeat(2, 1fr);--resource-list-column-gap-desktop: 12px;--column-count: 4;--column-count-mobile: 2;
4707    "
4708  >
4709    <div class="section-resource-list__content">
4710      
4711
4712
4713
4714
4715
4716
4717
4718
4719  <div class=" spacing-style text-block text-block--AYUtmUW0wWXpZbjFUR__text_cbcgyb h4      "  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);          ">
4720    <h3>Você também pode gostar</h3>
4721  </div>
4722
4723
4724
4725
4726
4727
4728
4729    </div><div
4730        class="resource-list resource-list--grid"
4731      >
4732        
4733          <div
4734            class="product-recommendations__skeleton-item"
4735            aria-label="Carregando recomendações de produtos"
4736          ></div>
4737        
4738          <div
4739            class="product-recommendations__skeleton-item"
4740            aria-label="Carregando recomendações de produtos"
4741          ></div>
4742        
4743          <div
4744            class="product-recommendations__skeleton-item"
4745            aria-label="Carregando recomendações de produtos"
4746          ></div>
4747        
4748          <div
4749            class="product-recommendations__skeleton-item"
4750            aria-label="Carregando recomendações de produtos"
4751          ></div>
4752        
4753      </div></div>
4754</product-recommendations>
4755
4756
4757</div>
4758    </main>
4759
4760    <footer>
4761      <!-- BEGIN sections: footer-group -->
4762<div id="shopify-section-sections--26710061875490__footer_m9NzUG" class="shopify-section shopify-section-group-footer-group section-wrapper">
4763
4764<div class="section-background color-scheme-1"></div>
4765<div
4766  class="section section--page-width color-scheme-1"
4767>
4768  
4769  <div
4770    class="
4771      footer-content
4772      spacing-style
4773      
4774      
4775    "
4776    style="
4777      --padding-block-start: max(20px, calc(var(--spacing-scale) * 30px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 30px));
4778      --footer-gap: 20px;
4779      --grid-columns: 4;
4780      --last-row-count: 4;
4781      --tablet-last-row-count: 2;
4782    "
4783  >
4784    
4785
4786
4787<div
4788  class="
4789    group-block
4790    group-block--height-fit
4791    group-block--width-fill
4792    border-style
4793    spacing-style
4794    size-style
4795    
4796    
4797  "
4798  style="
4799    --border-width: 1px; --border-style: none; --border-color:
4800rgb(var(--color-border-rgb) / 1.0); --border-radius:
48010px; 
4802
4803    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
4804    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
4805    
4806  "
4807  
4808  data-testid="group-block"
4809><div class="group-block__media-wrapper">
4810    
4811
4812
4813
4814    
4815  </div>
4816
4817  <div
4818    class="
4819      group-block-content
4820      
4821      layout-panel-flex
4822      layout-panel-flex--column
4823       mobile-column
4824    "
4825    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
4826
4827--gap: 6px;
4828
4829--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
4830--vertical-alignment-mobile: flex-start;
4831"
4832  >
4833  
4834
4835
4836
4837
4838
4839
4840
4841
4842  <div class=" spacing-style text-block text-block--AYStEYklncXNybEQwc__text_Yf7cKC h4      "  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);          ">
4843    <h2>Central de Atendimento</h2>
4844  </div>
4845
4846
4847
4848
4849
4850
4851
4852
4853
4854
4855
4856
4857
4858
4859
4860  <rte-formatter class=" spacing-style text-block text-block--AcTJkdjRlTEpGVnd0b__text_TqxLDT 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);          ">
4861    <p><a href="https://celeirobikers.com.br/pages/quem-somos" title="https://celeirobikers.com.br/pages/quem-somos">Sobre Nós</a><br/>
4861<a href="/pages/politica-de-privacidade" title="Política de Privacidade">Politica de Privacidade</a><br/><a href="/pages/troca-e-devolucao" title="Troca e Devolução">Politica de Trocas e Devolução</a><br/><a href="/pages/acompanhe-seu-pedido" title="Acompanhe seu pedido">Acompanhe seu pedido</a></p>
4862  </rte-formatter>
4863
4864
4865
4866
4867
4868
4869
4870</div>
4871</div>
4872
4873
4874
4875
4876
4877
4878
4879
4880<div
4881  class="
4882    group-block
4883    group-block--height-fit
4884    group-block--width-fill
4885    border-style
4886    spacing-style
4887    size-style
4888    
4889    
4890  "
4891  style="
4892    --border-width: 1px; --border-style: none; --border-color:
4893rgb(var(--color-border-rgb) / 1.0); --border-radius:
48940px; 
4895
4896    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
4897    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
4898    
4899  "
4900  
4901  data-testid="group-block"
4902><div class="group-block__media-wrapper">
4903    
4904
4905
4906
4907    
4908  </div>
4909
4910  <div
4911    class="
4912      group-block-content
4913      
4914      layout-panel-flex
4915      layout-panel-flex--column
4916       mobile-column
4917    "
4918    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
4919
4920--gap: 6px;
4921
4922--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
4923--vertical-alignment-mobile: flex-start;
4924"
4925  >
4926  
4927
4928
4929
4930
4931
4932
4933
4934
4935  <div class=" spacing-style text-block text-block--AUnFYbys5cFNtdVJ1O__text_QaHjGn h4      "  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);          ">
4936    <h2>Quem somos</h2>
4937  </div>
4938
4939
4940
4941
4942
4943
4944
4945
4946
4947
4948
4949
4950
4951
4952
4953  <rte-formatter class=" spacing-style text-block text-block--AQ3A0OXZxRmNKUHlMZ__text_8hq8Ln 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);          ">
4954    <p>A Celeiro nasce da paixão pelo motociclismo e da busca por uma estética que una sofisticação, autenticidade e liberdade sobre duas rodas.<br/><br/>Acreditamos que vestir-se para pilotar vai além da funcionalidade — é sobre presença, confiança e conexão com um estilo de vida.<br/><br/>Celeiro é onde a moda e a estrada se encontram, traduzindo o espírito de mulheres que aceleram com elegância e autenticidade.<br/><br/>Vem acelerar com a gente.</p>
4955  </rte-formatter>
4956
4957
4958
4959
4960
4961
4962
4963</div>
4964</div>
4965
4966
4967
4968
4969
4970
4971
4972
4973<div
4974  class="
4975    group-block
4976    group-block--height-fit
4977    group-block--width-fill
4978    border-style
4979    spacing-style
4980    size-style
4981    
4982    
4983  "
4984  style="
4985    --border-width: 1px; --border-style: none; --border-color:
4986rgb(var(--color-border-rgb) / 1.0); --border-radius:
49870px; 
4988
4989    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
4990    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
4991    
4992  "
4993  
4994  data-testid="group-block"
4995><div class="group-block__media-wrapper">
4996    
4997
4998
4999
5000    
5001  </div>
5002
5003  <div
5004    class="
5005      group-block-content
5006      
5007      layout-panel-flex
5008      layout-panel-flex--column
5009       mobile-column
5010    "
5011    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
5012
5013--gap: 6px;
5014
5015--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
5016--vertical-alignment-mobile: flex-start;
5017"
5018  >
5019  
5020
5021
5022
5023
5024
5025
5026
5027
5028  <div class=" spacing-style text-block text-block--ASTR5QThaanBndXd3S__text_g9DB7x h4      "  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);          ">
5029    <h2>Categorias</h2>
5030  </div>
5031
5032
5033
5034
5035
5036
5037
5038
5039
5040
5041
5042
5043
5044
5045
5046  <rte-formatter class=" spacing-style text-block text-block--AdDVrVTlWSWcrK0JKN__text_RRMpqa 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);          ">
5047    <p><a href="/collections/camisetas" title="Camisetas">Camisetas</a><br/>
5047<a href="/collections/acessorios" title="ACESSÓRIOS">Acessórios</a><br/><a href="/collections/lifestyle" title="Calças e Shorts">Calças e Shorts</a><br/><a href="/collections/casacos" title="Casacos">Casacos</a><br/><a href="/collections/jaquetas-e-coletes" title="Jaquetas e Coletes">Jaquetas e Coletes</a><br/><a href="/collections/chapeu-personalizados" title="Chapéu Personalizados">Chapéus Personalizados</a></p>
5048  </rte-formatter>
5049
5050
5051
5052
5053
5054
5055
5056</div>
5057</div>
5058
5059
5060
5061
5062
5063
5064
5065
5066<div
5067  class="
5068    group-block
5069    group-block--height-fit
5070    group-block--width-fill
5071    border-style
5072    spacing-style
5073    size-style
5074    
5075    
5076  "
5077  style="
5078    --border-width: 1px; --border-style: none; --border-color:
5079rgb(var(--color-border-rgb) / 1.0); --border-radius:
50800px; 
5081
5082    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
5083    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
5084    
5085  "
5086  
5087  data-testid="group-block"
5088><div class="group-block__media-wrapper">
5089    
5090
5091
5092
5093    
5094  </div>
5095
5096  <div
5097    class="
5098      group-block-content
5099      
5100      layout-panel-flex
5101      layout-panel-flex--column
5102       mobile-column
5103    "
5104    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
5105
5106--gap: 6px;
5107
5108--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
5109--vertical-alignment-mobile: flex-start;
5110"
5111  >
5112  
5113
5114
5115
5116
5117
5118
5119
5120
5121  <div class=" spacing-style text-block text-block--AZ2F0SGJyMXpnMDA1N__text_mqm7D3 h4      "  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);          ">
5122    <h2>Contato</h2>
5123  </div>
5124
5125
5126
5127
5128
5129
5130
5131
5132
5133
5134
5135
5136
5137
5138
5139  <rte-formatter class=" spacing-style text-block text-block--AcWFZUkNPVHc2Q1Z0S__text_HTBTeH 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);          ">
5140    <p>Whatsapp: (67)99262-8602<br/>[email protected]<br/><br/><strong>Horário de atendimento</strong><br/>Segunda a sexta: 09:00 às 19:00<br/>Sábado: 09:00 às 13:00<br/>Domingo: Fechado</p>
5141  </rte-formatter>
5142
5143
5144
5145
5146
5147
5148
5149</div>
5150</div>
5151
5152
5153
5154
5155
5156
5157  </div>
5158</div>
5159
5160
5161
5162
5163</div><div id="shopify-section-sections--26710061875490__footer_utilities_jLGE8U" class="shopify-section shopify-section-group-footer-group footer-utilities">
5164
5165<div class="section-background color-scheme-1"></div>
5166<div
5167  class="section section--page-width color-scheme-1"
5168  
5169>
5170  <div
5171    class="utilities utilities--blocks-3 spacing-style"
5172    style="--padding-block-start: 20px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px)); --border-width: 0px; --gap: 24px;"
5173    data-testid="footer-utilities"
5174  >
5175    
5176
5177<div
5178  class="
5179    footer-utilities__group-copyright
5180    custom-typography
5181    custom-font-size
5182  "
5183  style="
5184--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-);"
5185  
5186>
5187  <span class="footer-utilities__text">
5188    &copy; 2026
5189    <a href="/" title="">Celeiro Bikers</a>, <a target="_blank" rel="nofollow" href="https://pt.shopify.com?utm_campaign=poweredby&amp;utm_medium=shopify&amp;utm_source=onlinestore">Com tecnologia da Shopify</a>
5190</span>
5191</div>
5192
5193
5194
5195
5196  <anchored-popover-component
5197    data-hover-triggered="true"
5198  >
5199    <button
5200      class="policy-list-trigger button-unstyled"
5201      popovertarget="terms-policies-popover"
5202      popovertargetaction="toggle"
5203      ref="trigger"
5204      style="
5205--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-);"
5206      
5207    >
5208      Termos e políticas
5209    </button>
5210    <div
5211      class="terms-policies-popover color-scheme-1"
5212      id="terms-policies-popover"
5213      popover="auto"
5214      ref="popover"
5215    >
5216      <ul
5217        class="
5218          policy_list list-unstyled
5219          custom-typography
5220          custom-font-size
5221        "
5222      ><li>
5223              <a
5224                href="/policies/privacy-policy"
5225                class="footer-utilities__text"
5226              >Política de privacidade</a>
5227            </li></ul>
5228    </div>
5229  </anchored-popover-component>
5230
5231
5232
5233
5234
5235
5236
5237<div
5238  class="social-icons__wrapper"
5239  
5240>
5241  
5242
5243  
5244    
5245
5246    
5247    
5248      
5249    
5250  
5251    
5252
5253    
5254    
5255      
5256        <div
5257          class="social-icons__icon-wrapper"
5258        >
5259          <a
5260            href="https://www.instagram.com/celeirofashionbikers/"
5261            target="_blank"
5262            rel="noopener noreferrer"
5263            aria-label="Instagram"
5264            
5265          >
5266            <span class="social-icons__icon-label">Instagram</span>
5267            
5268              <svg
5269                class="social-icons__icon icon-default"
5270                aria-hidden="true"
5271                focusable="false"
5272                xmlns="http://www.w3.org/2000/svg"
5273                viewBox="0 0 20 20"
5274              >
5275<path
5276      fill-rule="evenodd"
5277      d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.43 2.43 0 0 0-.912.593 2.486 2.486 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23 0 2.134.01 2.39.046 3.229.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046 2.134 0 2.39-.01 3.23-.046.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23 0-2.134-.01-2.39-.055-3.229-.027-.784-.164-1.204-.274-1.495a2.43 2.43 0 0 0-.593-.913 2.604 2.604 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045 1.1-.014 2.202.001 3.302.045.664.014 1.321.14 1.943.374a3.968 3.968 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.896 3.896 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.152 4.152 0 0 1-1.414-.922 4.128 4.128 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.44 4.44 0 0 1 .92-1.414 4.18 4.18 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805Zm1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93Zm5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355Z"
5278      clip-rule="evenodd"
5279    /></svg>
5280            
5281          </a>
5282        </div>
5283      
5284    
5285  
5286    
5287
5288    
5289    
5290      
5291    
5292  
5293    
5294
5295    
5296    
5297      
5298    
5299  
5300    
5301
5302    
5303    
5304      
5305    
5306  
5307    
5308
5309    
5310    
5311  
5312    
5313
5314    
5315    
5316  
5317    
5318
5319    
5320    
5321  
5322    
5323
5324    
5325    
5326  
5327    
5328
5329    
5330    
5331  
5332    
5333
5334    
5335    
5336  
5337    
5338
5339    
5340    
5341  
5342    
5343
5344    
5345    
5346  
5347</div>
5348
5349
5350
5351
5352
5353  </div>
5354</div>
5355
5356
5357
5358
5359</div>
5360<!-- END sections: footer-group -->
5361    </footer>
5362
5363    
5363<script
5364  src="//celeirobikers.com.br/cdn/shop/t/3/assets/dialog.js?v=150888536568694194021773244888"
5365  type="module"
5366></script>
5366
5367
5368<script
5369  src="//celeirobikers.com.br/cdn/shop/t/3/assets/predictive-search.js?v=149240552485540508541773244888"
5370  type="module"
5371  fetchpriority="low"
5372></script>
5372
5373
5374<dialog-component
5375  id="search-modal"
5376  class="search-modal"
5377  
5378>
5379  <dialog
5380    ref="dialog"
5381    on:click="/closeDialogOnClickOutside"
5382    on:keydown="/closeDialogOnEscapePress"
5383    class="search-modal__content dialog-modal"
5384    scroll-lock
5385    aria-labelledby="search-modal-heading"
5386  >
5387    <h2
5388      id="search-modal-heading"
5389      class="visually-hidden"
5390    >
5391      Pesquisa
5392    </h2>
5393    <predictive-search-component
5394      class="predictive-search color-scheme-1"
5395      style="--product-corner-radius: 0px; --card-corner-radius: 4px;"
5396      data-section-id="predictive-search"
5397      data-testid="search-component--modal"
5398      role="search"
5399      aria-label="Pesquisa"
5400    >
5401      <form
5402        action="/search"
5403        method="get"
5404        role="search"
5405        class="predictive-search-form"
5406        ref="form"
5407        on:keydown="/onSearchKeyDown"
5408      >
5409        <div
5410          class="predictive-search-form__header"
5411        >
5412          <div class="predictive-search-form__header-inner">
5413            <label
5414              for="cmdk-input"
5415              class="visually-hidden"
5416            >Pesquisa</label>
5417            <input
5418              class="search-input"
5419              id="cmdk-input"
5420              type="search"
5421              name="q"
5422              role="combobox"
5423              aria-expanded="false"
5424              aria-owns="predictive-search-results"
5425              aria-controls="predictive-search-results"
5426              aria-haspopup="listbox"
5427              aria-autocomplete="list"
5428              autocomplete="off"
5429              placeholder="Pesquisa"
5430              ref="searchInput"
5431              on:input="/search"
5432              on:keydown="/onSearchKeyDown"
5433            >
5434            <input
5435              name="options[prefix]"
5436              type="hidden"
5437              value="last"
5438            >
5439            <span class="svg-wrapper predictive-search__icon">
5440              <svg 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>
5441
5442            </span>
5443            <button
5444              type="button"
5445              class="button-unstyled predictive-search__reset-button"
5446              ref="resetButton"
5447              hidden
5448              on:click="/resetSearch"
5449            >
5450              Limpar
5451            </button>
5452          </div>
5453          <button
5454            type="button"
5455            class="button predictive-search__close-modal-button"
5456            aria-label="Fechar caixa de diálogo"
5457            on:click="dialog-component/closeDialog"
5458            ref="closeModalButton"
5459          >
5460            <span class="svg-wrapper">
5461              <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
5462  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5463  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5464</svg>
5465
5466            </span>
5467          </button>
5468        </div>
5469
5470        <div class="predictive-search-form__content-wrapper">
5471          <div
5472            class="predictive-search-form__content"
5473            tabindex="-1"
5474            ref="predictiveSearchResults"
5475            on:click="/handleModalClick"
5476          >
5477            
5478
5479<div
5480  id="predictive-search-results"
5481  class="predictive-search-dropdown"
5482  role="listbox"
5483  aria-expanded="true"
5484  style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
5485>
5486  
5487    <div class="predictive-search-results__inner">
5488      
5489      
5490        
5491        
5492        
5493          <div
5494  id="predictive-search-products"
5495  class="predictive-search-results__products"
5496  
5497    data-testid="products-list-default--modal"
5498  
5499>
5500  
5501    <h4 class="predictive-search-results__title">
5502      Produtos
5503    </h4>
5504    <ul
5505      class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled"
5506      role="listbox"
5507      aria-label="Produtos"
5508    >
5509      
5510      
5511        <li
5512          class="predictive-search-results__card predictive-search-results__card--product"
5513          ref="resultsItems[]"
5514        >
5515          
5516<div
5517  class="resource-card"
5518  data-resource-type="product"
5519>
5520  <a
5521    class="resource-card__link"
5522    href="/products/hairclip-prendedor-de-cabelo"
5523  >
5524    <span class="visually-hidden">
5525      HAIRCLIP - Prendedor de Cabelo
5526    </span>
5527  </a>
5528  <div
5529    class="resource-card__media"
5530    style="--resource-card-aspect-ratio: 4 / 5;"
5531    
5532  >
5533      
5534      
5535
5536        <img src="//celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&amp;width=500" alt="" srcset="//celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&amp;width=240 240w, //celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&amp;width=352 352w" width="500" height="752" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
5537
5538          <img src="//celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&amp;width=500" alt="HAIRCLIP - Prendedor de Cabelo" srcset="//celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&amp;width=240 240w, //celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&amp;width=352 352w" width="500" height="752" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="50575923314978" style="object-position: 50.0% 50.0%;">
5539</div>
5540
5541  <div class="resource-card__content">
5542    <p class="resource-card__title paragraph">HAIRCLIP - Prendedor de Cabelo</p>
5543
5544    
5545      <div ref="priceContainer">
5546  
5547    
5548    
5549      <span role="group">
5550        <span class="visually-hidden">Preço normal&nbsp;</span>
5551        <span class="compare-at-price">R$ 99,90</span>
5552      </span>
5553    
5554
5555    
5556      <span role="group">
5557        <span class="visually-hidden">Preço promocional&nbsp;</span>
5558        <span class="price">R$ 89,90</span>
5559      </span>
5560    
5561
5562    
5563  
5564</div>
5565    
5566  </div>
5567</div>
5568
5569        </li>
5570      
5571        <li
5572          class="predictive-search-results__card predictive-search-results__card--product"
5573          ref="resultsItems[]"
5574        >
5575          
5576<div
5577  class="resource-card"
5578  data-resource-type="product"
5579>
5580  <a
5581    class="resource-card__link"
5582    href="/products/camisa-de-flanela-xadrez"
5583  >
5584    <span class="visually-hidden">
5585      Camisa de Flanela Xadrez
5586    </span>
5587  </a>
5588  <div
5589    class="resource-card__media"
5590    style="--resource-card-aspect-ratio: 4 / 5;"
5591    
5592  >
5593      
5594      
5595
5596        <img src="//celeirobikers.com.br/cdn/shop/files/af93229b8477649651cc7bf9fd428c64_62b58427-bd9e-4627-83f0-3fc5d8020840.jpg?v=1788538022&amp;width=500" alt="" srcset="//celeirobikers.com.br/cdn/shop/files/af93229b8477649651cc7bf9fd428c64_62b58427-bd9e-4627-83f0-3fc5d8020840.jpg?v=1788538022&amp;width=240 240w, //celeirobikers.com.br/cdn/shop/files/af93229b8477649651cc7bf9fd428c64_62b58427-bd9e-4627-83f0-3fc5d8020840.jpg?v=1788538022&amp;width=352 352w" width="500" height="750" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
5597
5598          <img src="//celeirobikers.com.br/cdn/shop/files/792bfc7c8db2a76fdd9602fd759f382e.jpg?v=1788538022&amp;width=500" alt="Camisa de Flanela Xadrez" srcset="//celeirobikers.com.br/cdn/shop/files/792bfc7c8db2a76fdd9602fd759f382e.jpg?v=1788538022&amp;width=240 240w, //celeirobikers.com.br/cdn/shop/files/792bfc7c8db2a76fdd9602fd759f382e.jpg?v=1788538022&amp;width=352 352w" width="500" height="750" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="55950607352098" style="object-position: 50.0% 50.0%;">
5599</div>
5600
5601  <div class="resource-card__content">
5602    <p class="resource-card__title paragraph">Camisa de Flanela Xadrez</p>
5603
5604    
5605      <div ref="priceContainer">
5606  
5607    
5608    
5609
5610    
5611      <span class="price">R$ 147,00</span>
5612    
5613
5614    
5615  
5616</div>
5617    
5618  </div>
5619</div>
5620
5621        </li>
5622      
5623        <li
5624          class="predictive-search-results__card predictive-search-results__card--product"
5625          ref="resultsItems[]"
5626        >
5627          
5628<div
5629  class="resource-card"
5630  data-resource-type="product"
5631>
5632  <a
5633    class="resource-card__link"
5634    href="/products/short-saia-snake-print"
5635  >
5636    <span class="visually-hidden">
5637      Short Saia Snake Print
5638    </span>
5639  </a>
5640  <div
5641    class="resource-card__media"
5642    style="--resource-card-aspect-ratio: 4 / 5;"
5643    
5644  >
5645      
5646      
5647
5648        <img src="//celeirobikers.com.br/cdn/shop/files/8b0990bd33d754382e9fd9e65e8d56e1.jpg?v=1778014994&amp;width=500" alt="" srcset="//celeirobikers.com.br/cdn/shop/files/8b0990bd33d754382e9fd9e65e8d56e1.jpg?v=1778014994&amp;width=240 240w, //celeirobikers.com.br/cdn/shop/files/8b0990bd33d754382e9fd9e65e8d56e1.jpg?v=1778014994&amp;width=352 352w" width="500" height="750" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
5649
5650          <img src="//celeirobikers.com.br/cdn/shop/files/b33e9b4fe5fd19d93f9a166e8e921d11.jpg?v=1778014994&amp;width=500" alt="Short Saia Snake Print" srcset="//celeirobikers.com.br/cdn/shop/files/b33e9b4fe5fd19d93f9a166e8e921d11.jpg?v=1778014994&amp;width=240 240w, //celeirobikers.com.br/cdn/shop/files/b33e9b4fe5fd19d93f9a166e8e921d11.jpg?v=1778014994&amp;width=352 352w" width="500" height="750" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="54732164399394" style="object-position: 50.0% 50.0%;">
5651</div>
5652
5653  <div class="resource-card__content">
5654    <p class="resource-card__title paragraph">Short Saia Snake Print</p>
5655
5656    
5657      <div ref="priceContainer">
5658  
5659    
5660    
5661
5662    
5663      <span class="price">R$ 145,00</span>
5664    
5665
5666    
5667  
5668</div>
5669    
5670  </div>
5671</div>
5672
5673        </li>
5674      
5675        <li
5676          class="predictive-search-results__card predictive-search-results__card--product"
5677          ref="resultsItems[]"
5678        >
5679          
5680<div
5681  class="resource-card"
5682  data-resource-type="product"
5683>
5684  <a
5685    class="resource-card__link"
5686    href="/products/regata-feminina-canelada"
5687  >
5688    <span class="visually-hidden">
5689      Regata To Ride
5690    </span>
5691  </a>
5692  <div
5693    class="resource-card__media"
5694    style="--resource-card-aspect-ratio: 4 / 5;"
5695    
5696  >
5697      
5698      
5699
5700        <img src="//celeirobikers.com.br/cdn/shop/files/0172_66e14213-4afe-4ccb-b53e-6e755803aad5.jpg?v=1761572929&amp;width=500" alt="" srcset="//celeirobikers.com.br/cdn/shop/files/0172_66e14213-4afe-4ccb-b53e-6e755803aad5.jpg?v=1761572929&amp;width=240 240w, //celeirobikers.com.br/cdn/shop/files/0172_66e14213-4afe-4ccb-b53e-6e755803aad5.jpg?v=1761572929&amp;width=352 352w" width="500" height="752" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
5701
5702          <img src="//celeirobikers.com.br/cdn/shop/files/0169.jpg?v=1740173131&amp;width=500" alt="Regata To Ride" srcset="//celeirobikers.com.br/cdn/shop/files/0169.jpg?v=1740173131&amp;width=240 240w, //celeirobikers.com.br/cdn/shop/files/0169.jpg?v=1740173131&amp;width=352 352w" width="500" height="752" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="51224004165922" style="object-position: 50.0% 50.0%;">
5703</div>
5704
5705  <div class="resource-card__content">
5706    <p class="resource-card__title paragraph">Regata To Ride</p>
5707
5708    
5709      <div ref="priceContainer">
5710  
5711    
5712    
5713
5714    
5715      <span class="price">R$ 117,90</span>
5716    
5717
5718    
5719  
5720</div>
5721    
5722  </div>
5723</div>
5724
5725        </li>
5726      
5727    </ul>
5728  
5729</div>
5730
5731
5732
5733        
5734      
5735    </div>
5736  
5737</div>
5738
5739          </div>
5740
5741          <div class="predictive-search-form__footer">
5742            <button
5743              class="button predictive-search__search-button"
5744              ref="viewAllButton"
5745            >
5746              Ver tudo
5747            </button>
5748          </div>
5749        </div>
5750      </form>
5751    </predictive-search-component>
5752  </dialog>
5753</dialog-component>
5754
5755
5756
5757
5758    
5759      <quick-add-dialog id="quick-add-dialog">
5760  <dialog
5761    class="quick-add-modal dialog-modal color-scheme-1"
5762    ref="dialog"
5763    scroll-lock
5764  >
5765    <button
5766      ref="closeButton"
5767      on:click="/closeDialog"
5768      class="button button-unstyled close-button quick-add-modal__close"
5769      aria-label="Fechar caixa de diálogo"
5770    ><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
5771  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5772  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5773</svg>
5774</button>
5775
5776    <div
5777      id="quick-add-modal-content"
5778      class="quick-add-modal__content"
5779    ></div>
5780  </dialog>
5781</quick-add-dialog>
5782
5783
5784
5785    
5786  <div id="shopify-block-AZmlzTlZlTkFoVVZQN__11813581335429059158" class="shopify-block shopify-app-block">
5787
5788<link href="//cdn.shopify.com/extensions/01a0ad4c-c6f3-78e6-9429-fe2a0991a983/whatsapp-chat-12-83/assets/whatsapp-style.min.css" rel="stylesheet" type="text/css" media="all" />
5788<script src="https://cdn.shopify.com/extensions/01a0ad4c-c6f3-78e6-9429-fe2a0991a983/whatsapp-chat-12-83/assets/njt-whatsapp.min.js" type="text/javascript" defer="defer"></script>
5788
5789    <div id="wa" class="wa__widget_container" data-shop-domain="celeirobikers.com.br"></div>
5790    
5790<script>
5791        
5792            window.seedgrow_current_product = {
5793                title: "HAIRCLIP - Prendedor de Cabelo"
5794            };
5795        
5796        let sgwaWidgetShowOnDesktop = true;
5797        let sgwaWidgetShowOnMobile = true;
5798        let sgwaWidgetShowLabelOnDesktop = true;
5799        let sgwaWidgetShowLabelOnMobile = true;
5800        let sgwaWidgetShowDismissButtonOnDesktop = true;
5801        let sgwaWidgetShowDismissButtonOnMobile = true;
5802        let sgwaWidgetShowScrollBar = false;
5803        let sgwaWidgetShowGDPRNotice = false;
5804        let sgwaWidgetLabelText = "Need Help? <strong>Chat with us</strong>";
5805        let sgwaWidgetText = "Start a Conversation";
5806        let sgwaWidgetDescription = "Hi! Click one of our member below to chat on <strong>Whatsapp</strong>";
5807        let sgwaWidgetResponseText = "The team typically replies in a few minutes.";
5808        let sgwaWidgetGDPRNotice = 'Please accept our <a href="https://seedgrow.net/privacy-policy/">privacy policy</a> first to start a conversation.';
5809        let sgwaWidgetBackgroundColor = "2DB742";
5810        let sgwaWidgetTextColor = "ffffff";
5811        let sgwaWidgetPosition = "right";
5812        let sgwaWidgetLabelWidth = 155;
5813        let sgwaWidgetScrollBarHeight = 500;
5814        let sgwaWidgetDistanceLeft = 30;
5815        let sgwaWidgetDistanceRight = 30;
5816        let sgwaWidgetDistanceBottom = 30; 
5817        let sgwaWidgetIconSize = 56;
5818        let sgwaWidgetUseClickToChat = false;sgwaWidgetShowDismissButtonOnDesktop = false;sgwaWidgetShowDismissButtonOnMobile = false;sgwaWidgetLabelText = `Precisa de Ajuda? Nos chame no whatsapp`;sgwaWidgetText = `Inicie uma conversa conosco`;sgwaWidgetDescription = `Hi! Click one of our member below to chat on WhatsApp`;sgwaWidgetResponseText = `The team typically replies in a few minutes.`;sgwaWidgetGDPRNotice = `Please accept our privacy policy first to start a conversation.`;sgwaWidgetBackgroundColor = "#2DB742";sgwaWidgetTextColor = "#ffffff";sgwaWidgetPosition = "right";sgwaWidgetLabelWidth = 155;sgwaWidgetScrollBarHeight = 500;sgwaWidgetDistanceLeft = 30;sgwaWidgetDistanceRight = 30;sgwaWidgetDistanceBottom = 30;sgwaWidgetIconSize = 56;window.seedgrow_widget_setting = {
5819            backgroundColor: sgwaWidgetBackgroundColor,
5820            btnBottomDistance: sgwaWidgetDistanceBottom,
5821            btnLabel: sgwaWidgetLabelText,
5822            btnLabelWidth: sgwaWidgetLabelWidth,
5823            btnLeftDistance: sgwaWidgetDistanceLeft,
5824            btnPosition: sgwaWidgetPosition,
5825            btnRightDistance: sgwaWidgetDistanceRight,
5826            description: sgwaWidgetDescription,
5827            gdprContent: sgwaWidgetGDPRNotice,
5828            isShowOnDesktop: sgwaWidgetShowOnDesktop === true ? "ON" : "OFF",
5829            isShowOnMobile: sgwaWidgetShowOnMobile === true ? "ON" : "OFF",
5830            isShowLabelOnMobile: sgwaWidgetShowLabelOnMobile === true ? "ON" : "OFF",
5831            isShowLabelOnDesktop: sgwaWidgetShowLabelOnDesktop === true ? "ON" : "OFF",
5832            isShowDismissButtonOnDesktop: sgwaWidgetShowDismissButtonOnDesktop === true ? "ON" : "OFF",
5833            isShowDismissButtonOnMobile: sgwaWidgetShowDismissButtonOnMobile === true ? "ON" : "OFF",
5834            isShowGDPR: sgwaWidgetShowGDPRNotice === true ? "ON" : "OFF",
5835            isShowPoweredBy: "ON",
5836            isShowResponseText: "ON",
5837            isShowScroll: sgwaWidgetShowScrollBar === true ? "ON" : "OFF",
5838            responseText: sgwaWidgetResponseText,
5839            scrollHeight: sgwaWidgetScrollBarHeight,
5840            textColor: sgwaWidgetTextColor,
5841            title: sgwaWidgetText,
5842            iconSize: sgwaWidgetIconSize,
5843            useClickToChat: sgwaWidgetUseClickToChat
5844        };
5845        if (typeof seedgrowWhatsAppDataJson === 'undefined' && `{"accounts"=>[{"accountId"=>"66f4578e61b5429636a2033d", "accountName"=>"CeleiroBikers", "avatar"=>"", "dayOffsText"=>"I will be back soon", "daysOfWeekWorking"=>{"sunday"=>{"isWorkingOnDay"=>"OFF", "workHours"=>[{"startTime"=>"08:00", "endTime"=>"17:30"}]}, "monday"=>{"isWorkingOnDay"=>"OFF", "workHours"=>[{"startTime"=>"08:00", "endTime"=>"17:30"}]}, "tuesday"=>{"isWorkingOnDay"=>"OFF", "workHours"=>[{"startTime"=>"08:00", "endTime"=>"17:30"}]}, "wednesday"=>{"isWorkingOnDay"=>"OFF", "workHours"=>[{"startTime"=>"08:00", "endTime"=>"17:30"}]}, "thursday"=>{"isWorkingOnDay"=>"OFF", "workHours"=>[{"startTime"=>"08:00", "endTime"=>"17:30"}]}, "friday"=>{"isWorkingOnDay"=>"OFF", "workHours"=>[{"startTime"=>"08:00", "endTime"=>"17:30"}]}, "saturday"=>{"isWorkingOnDay"=>"OFF", "workHours"=>[{"startTime"=>"08:00", "endTime"=>"17:30"}]}}, "isAlwaysAvailable"=>"ON", "number"=>"+5567992628602", "predefinedText"=>"Oi,", "title"=>"CeleiroBikers", "willBeBackText"=>"I will be back soon", "showWidget"=>true, "showButton"=>true}], "options"=>{"analytics"=>{"enabledFacebook"=>"OFF", "enabledGoogle"=>"OFF", "enabledGoogleGA4"=>"OFF"}, "display"=>{"displayCondition"=>"show_all_page", "includePages"=>[], "excludePages"=>[], "showPoweredIcon"=>"ON", "showNotificationBadge"=>"OFF", "time_symbols"=>"h:m"}}, "buttonInfo"=>"{}", "urlSettings"=>{"openInNewTab"=>"ON", "onDesktop"=>"api", "onMobile"=>"api", "hideAccountWhenOffline"=>"OFF"}, "timezone"=>"-03:00", "defaultAvatarUrl"=>"https://whatsapp-u.seedgrow.net/whatsapp-logo.svg", "translations"=>{}, "plans"=>"free"}`.length > 0) {
5846            let seedgrowWhatsAppDataJson = JSON.parse(`{"accounts"=>[{"accountId"=>"66f4578e61b5429636a2033d", "accountName"=>"CeleiroBikers", "avatar"=>"", "dayOffsText"=>"I will be back soon", "daysOfWeekWorking"=>{"sunday"=>{"isWorkingOnDay"=>"OFF", "workHours"=>[{"startTime"=>"08:00", "endTime"=>"17:30"}]}, "monday"=>{"isWorkingOnDay"=>"OFF", "workHours"=>[{"startTime"=>"08:00", "endTime"=>"17:30"}]}, "tuesday"=>{"isWorkingOnDay"=>"OFF", "workHours"=>[{"startTime"=>"08:00", "endTime"=>"17:30"}]}, "wednesday"=>{"isWorkingOnDay"=>"OFF", "workHours"=>[{"startTime"=>"08:00", "endTime"=>"17:30"}]}, "thursday"=>{"isWorkingOnDay"=>"OFF", "workHours"=>[{"startTime"=>"08:00", "endTime"=>"17:30"}]}, "friday"=>{"isWorkingOnDay"=>"OFF", "workHours"=>[{"startTime"=>"08:00", "endTime"=>"17:30"}]}, "saturday"=>{"isWorkingOnDay"=>"OFF", "workHours"=>[{"startTime"=>"08:00", "endTime"=>"17:30"}]}}, "isAlwaysAvailable"=>"ON", "number"=>"+5567992628602", "predefinedText"=>"Oi,", "title"=>"CeleiroBikers", "willBeBackText"=>"I will be back soon", "showWidget"=>true, "showButton"=>true}], "options"=>{"analytics"=>{"enabledFacebook"=>"OFF", "enabledGoogle"=>"OFF", "enabledGoogleGA4"=>"OFF"}, "display"=>{"displayCondition"=>"show_all_page", "includePages"=>[], "excludePages"=>[], "showPoweredIcon"=>"ON", "showNotificationBadge"=>"OFF", "time_symbols"=>"h:m"}}, "buttonInfo"=>"{}", "urlSettings"=>{"openInNewTab"=>"ON", "onDesktop"=>"api", "onMobile"=>"api", "hideAccountWhenOffline"=>"OFF"}, "timezone"=>"-03:00", "defaultAvatarUrl"=>"https://whatsapp-u.seedgrow.net/whatsapp-logo.svg", "translations"=>{}, "plans"=>"free"}`.replaceAll("=>", ":").replaceAll("\n", "\\n"));
5847            seedgrowWhatsAppDataJson['defaultAvatarSVG'] = '<svg width="48px" height="48px" class="nta-whatsapp-default-avatar" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"><path style="fill:#EDEDED;" d="M0,512l35.31-128C12.359,344.276,0,300.138,0,254.234C0,114.759,114.759,0,255.117,0 S512,114.759,512,254.234S395.476,512,255.117,512c-44.138,0-86.51-14.124-124.469-35.31L0,512z"/> <path style="fill:#55CD6C;" d="M137.71,430.786l7.945,4.414c32.662,20.303,70.621,32.662,110.345,32.662 c115.641,0,211.862-96.221,211.862-213.628S371.641,44.138,255.117,44.138S44.138,137.71,44.138,254.234 c0,40.607,11.476,80.331,32.662,113.876l5.297,7.945l-20.303,74.152L137.71,430.786z"/> <path style="fill:#FEFEFE;" d="M187.145,135.945l-16.772-0.883c-5.297,0-10.593,1.766-14.124,5.297 c-7.945,7.062-21.186,20.303-24.717,37.959c-6.179,26.483,3.531,58.262,26.483,90.041s67.09,82.979,144.772,105.048 c24.717,7.062,44.138,2.648,60.028-7.062c12.359-7.945,20.303-20.303,22.952-33.545l2.648-12.359 c0.883-3.531-0.883-7.945-4.414-9.71l-55.614-25.6c-3.531-1.766-7.945-0.883-10.593,2.648l-22.069,28.248 c-1.766,1.766-4.414,2.648-7.062,1.766c-15.007-5.297-65.324-26.483-92.69-79.448c-0.883-2.648-0.883-5.297,0.883-7.062 l21.186-23.834c1.766-2.648,2.648-6.179,1.766-8.828l-25.6-57.379C193.324,138.593,190.676,135.945,187.145,135.945"/></svg>';
5848            window.seedgrow_wa_data = seedgrowWhatsAppDataJson;
5849        } else if (typeof seedgrowWhatsAppDataJson === 'undefined' && ``.length > 0) {
5850            let seedgrowWhatsAppDataJson = JSON.parse(``.replaceAll("=>", ":").replaceAll("\n", "\\n"));
5851            seedgrowWhatsAppDataJson['defaultAvatarSVG'] = '<svg width="48px" height="48px" class="nta-whatsapp-default-avatar" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"><path style="fill:#EDEDED;" d="M0,512l35.31-128C12.359,344.276,0,300.138,0,254.234C0,114.759,114.759,0,255.117,0 S512,114.759,512,254.234S395.476,512,255.117,512c-44.138,0-86.51-14.124-124.469-35.31L0,512z"/> <path style="fill:#55CD6C;" d="M137.71,430.786l7.945,4.414c32.662,20.303,70.621,32.662,110.345,32.662 c115.641,0,211.862-96.221,211.862-213.628S371.641,44.138,255.117,44.138S44.138,137.71,44.138,254.234 c0,40.607,11.476,80.331,32.662,113.876l5.297,7.945l-20.303,74.152L137.71,430.786z"/> <path style="fill:#FEFEFE;" d="M187.145,135.945l-16.772-0.883c-5.297,0-10.593,1.766-14.124,5.297 c-7.945,7.062-21.186,20.303-24.717,37.959c-6.179,26.483,3.531,58.262,26.483,90.041s67.09,82.979,144.772,105.048 c24.717,7.062,44.138,2.648,60.028-7.062c12.359-7.945,20.303-20.303,22.952-33.545l2.648-12.359 c0.883-3.531-0.883-7.945-4.414-9.71l-55.614-25.6c-3.531-1.766-7.945-0.883-10.593,2.648l-22.069,28.248 c-1.766,1.766-4.414,2.648-7.062,1.766c-15.007-5.297-65.324-26.483-92.69-79.448c-0.883-2.648-0.883-5.297,0.883-7.062 l21.186-23.834c1.766-2.648,2.648-6.179,1.766-8.828l-25.6-57.379C193.324,138.593,190.676,135.945,187.145,135.945"/></svg>';
5852            window.seedgrow_wa_data = seedgrowWhatsAppDataJson;
5853        }
5854    </script>
5854
5855    
5856    
5856<script src="https://cdn.shopify.com/extensions/01a0ad4c-c6f3-78e6-9429-fe2a0991a983/whatsapp-chat-12-83/assets/whatsapp-widget.min.js" type="text/javascript" defer="defer"></script>
5856
5857</div><div id="shopify-block-AZFd6aGFnS21FS1hVa__13768625480086291342" class="shopify-block shopify-app-block">
5857<script>
5858  window['ShopifyForms'] = {
5859    ...window['ShopifyForms'],
5860    currentPageType: "product"
5861  };
5862</script>
5862
5863
5864
5865</div>
5865<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
5865
5866</body>
5867</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.