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 – 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="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":"7ca0eda6-0189-4e73-922d-50d08d84100e-1790260459","pageurl":"celeirobikers.com.br\/products\/hairclip-prendedor-de-cabelo?variant=49733332468002","u":"5548b150ce8c","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/01a0d3c2-361d-7590-8f8c-b07b0999c1a7/forms-2593/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: ["16072cab","8450a54b"],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":"52477597810978","image":{"src":"\/\/celeirobikers.com.br\/cdn\/shop\/files\/af93229b8477649651cc7bf9fd428c64_62b58427-bd9e-4627-83f0-3fc5d8020840.jpg?v=1788538022"},"price":{"amount":147.0,"currencyCode":"BRL"},"sku":"camisafla1","title":"Vermelho \/ P","untranslatedTitle":"Vermelho \/ 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"}]},{"id":"9484738134306","handle":"coldre-de-couro","isCollective":null,"title":"Coldre Celeiro","type":null,"untranslatedTitle":"Coldre Celeiro","url":"\/products\/coldre-de-couro","vendor":"My Store","remoteShopId":null,"variants":[{"id":"49789813358882","image":{"src":"\/\/celeirobikers.com.br\/cdn\/shop\/files\/00464.jpg?v=1773172182"},"price":{"amount":389.0,"currencyCode":"BRL"},"sku":"coldredecouro20242","title":"Marrom","untranslatedTitle":"Marrom"}]}],"purchasingCompany":null},},"https://celeirobikers.com.br/cdn","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"186120634658","themeStoreId":"2481","themePublished":"true","eventMetadataId":"9c15d081-cb53-4f68-99ab-e521f26ea5d4","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":"[\"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"c8540278we853e1abpb62b2c4amde256306","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":"7ca0eda6-0189-4e73-922d-50d08d84100e-1790260459"}}; 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 try { 1581 if (window.__TREKKIE_SHIM_QUEUE == null) { 1582 window.__TREKKIE_SHIM_QUEUE = []; 1583 } 1584 window.__TREKKIE_SHIM_QUEUE.push({ 1585 from: 'trekkie-stub', 1586 method: method, 1587 args: args.slice(1) 1588 }); 1589 } catch (e) { 1590 // no-op 1591 } 1592 } 1593 return trekkie; 1594 }; 1595 }; 1596 for (var i = 0; i < trekkie.methods.length; i++) { 1597 var key = trekkie.methods[i]; 1598 trekkie[key] = trekkie.factory(key); 1599 } 1600 trekkie.load = function(config) { 1601 trekkie.config = config || {}; 1602 trekkie.config.initialDocumentCookie = document.cookie; 1603 var first = document.getElementsByTagName('script')[0]; 1604var script = document.createElement('script'); 1605script.type = 'text/javascript'; 1606script.onerror = function(e) { 1607 var scriptFallback = document.createElement('script'); 1608 scriptFallback.type = 'text/javascript'; 1609 scriptFallback.onerror = function(error) { 1610 var Monorail = { 1611 produce: function produce(monorailDomain, schemaId, payload) { 1612 var currentMs = new Date().getTime(); 1613 var event = { 1614 schema_id: schemaId, 1615 payload: payload, 1616 metadata: { 1617 event_created_at_ms: currentMs, 1618 event_sent_at_ms: currentMs 1619 } 1620 }; 1621 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 1622 }, 1623 sendRequest: function sendRequest(endpointUrl, payload) { 1624 // Try the sendBeacon API 1625 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 1626 var blobData = new window.Blob([payload], { 1627 type: 'text/plain' 1628 }); 1629 1630 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 1631 return true; 1632 } // sendBeacon was not successful 1633 1634 } // XHR beacon 1635 1636 var xhr = new XMLHttpRequest(); 1637 1638 try { 1639 xhr.open('POST', endpointUrl); 1640 xhr.setRequestHeader('Content-Type', 'text/plain'); 1641 xhr.send(payload); 1642 } catch (e) { 1643 console.log(e); 1644 } 1645 1646 return false; 1647 }, 1648 isIos12: function isIos12() { 1649 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 1650 } 1651 }; 1652 Monorail.produce('monorail-edge.shopifysvc.com', 1653 'trekkie_storefront_load_errors/1.1', 1654 {shop_id: 90362708258, 1655 theme_id: 186120634658, 1656 app_name: "storefront", 1657 context_url: window.location.href, 1658 source_url: "//celeirobikers.com.br/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"}); 1659 1660 }; 1661 scriptFallback.async = true; 1662 scriptFallback.src = '//celeirobikers.com.br/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 1663 first.parentNode.insertBefore(scriptFallback, first); 1664}; 1665script.async = true; 1666script.src = '//celeirobikers.com.br/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 1667first.parentNode.insertBefore(script, first); 1668 1669 }; 1670 trekkie.load( 1671 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":90362708258,"isMerchantRequest":null,"themeId":186120634658,"themeCityHash":"1753135264610566311","contentLanguage":"pt-BR","currency":"BRL","eventMetadataId":"9c15d081-cb53-4f68-99ab-e521f26ea5d4"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 1672 ); 1673 1674 var loaded = false;
1675 trekkie.ready(function() { 1676 if (loaded) return; 1677 loaded = true; 1678 1679 window.ShopifyAnalytics.lib = window.trekkie; 1680 1681 var originalDocumentWrite = document.write; 1682 document.write = customDocumentWrite; 1683 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 1684 document.write = originalDocumentWrite; 1685 1686 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 1687 var token = match? match[1]: undefined; 1688 if (!hasLoggedConversion(token)) { 1689 setCookieIfConversion(token); 1690 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}); 1691 } 1692 }); 1693 1694 window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":9484739346722,"requestId":"7ca0eda6-0189-4e73-922d-50d08d84100e-1790260459","shopifyEmitted":true}); 1695 1696 var eventsListenerScript = document.createElement('script'); 1697 eventsListenerScript.async = true; 1698 eventsListenerScript.src = "//celeirobikers.com.br/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 1699 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 1700})();</script>
vendor: 1 bytes, line 1700
1700
1701<script 1702 defer 1703 src="https://celeirobikers.com.br/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 1704 data-application="storefront-renderer" 1705 data-shop-id="90362708258" 1706 data-render-region="gcp-us-central1" 1707 data-page-type="product" 1708 data-theme-instance-id="186120634658" 1709 data-theme-name="Horizon" 1710 data-theme-version="3.4.0" 1711 data-monorail-region="shop_domain" 1712 data-resource-timing-sampling-rate="10" 1713 data-shs="true" 1714 data-shs-beacon="true" 1715 data-shs-export-with-fetch="true" 1716 data-shs-logs-sample-rate="1" 1717 data-shs-beacon-endpoint="https://celeirobikers.com.br/api/collect" 1718></script>
vendor: 1 bytes, line 1718
1718
1719<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script>
1719<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>
1719 1720<meta name="shopify-y" content="e4289345-120a-4ed7-9a66-a4f7e6ebc26c" data-expiration="1821818059000"><meta name="shopify-s" content="b247ef20-fa20-4410-a2d1-e6b786bd38d8" data-expiration="1790262259000"><meta name="new-cookie-storage-activated" content="t"> 1721</head> 1722 1723 <body class="page-width-narrow card-hover-effect-none"> 1724 <a 1725 class="skip-to-content-link button-secondary" 1726 href="#MainContent" 1727> 1728 Pular para o conteúdo 1729</a> 1730 1731 1732 1733 <div id="header-group"> 1734 <!-- BEGIN sections: header-group --> 1735<div id="shopify-section-sections--26710061842722__header_announcements_9jGBFp" class="shopify-section shopify-section-group-header-group"> 1736 1737 1738
1738<script 1739 src="//celeirobikers.com.br/cdn/shop/t/3/assets/announcement-bar.js?v=34024675399582161451773244888" 1740 type="module" 1741 fetchpriority="low" 1742 ></script>
1742 1743 1744 1745<div class="section-background color-scheme-5"></div> 1746<aside 1747 class="announcement-bar spacing-style section section--page-width color-scheme-5" 1748 style="--padding-block-start: 15px; --padding-block-end:15px; 1749--padding-inline-start:0px; --padding-inline-end:0px; 1750; --border-bottom-width: 0.5px;" 1751> 1752 1753 1754 <announcement-bar-component 1755 class="announcement-bar__slider" 1756 1757 autoplay="5" aria-live="polite" 1758 1759 > 1760 1761 <slideshow-arrows 1762 position="center" 1763 1764><button 1765 class=" 1766 slideshow-control slideshow-control--previous 1767 1768 1769 slideshow-control--style-chevron 1770 button button-unstyled button-unstyled--transparent 1771 flip-x 1772 " 1773 1774 aria-label="Slide anterior" 1775 1776 on:click="/previous" 1777 ref="previous" 1778> 1779 <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"> 1780 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 1781</svg> 1782</span> 1783</button> 1784 1785 1786<button 1787 class=" 1788 slideshow-control slideshow-control--next 1789 1790 1791 slideshow-control--style-chevron 1792 button button-unstyled button-unstyled--transparent 1793 1794 " 1795 1796 aria-label="Próximo slide" 1797 1798 on:click="/next" 1799 ref="next" 1800> 1801 <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"> 1802 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 1803</svg> 1804</span> 1805</button> 1806 1807 1808</slideshow-arrows> 1809 1810 1811 1812 <div class="announcement-bar__slides"> 1813 1814<slideshow-slide 1815 ref="slides[]" 1816 class=" 1817 announcement-bar__slide 1818 text-block 1819 text-block--Abjh5djdwMVRRNWVKS__announcement_FaJWQR 1820 text-block--align-center 1821 text-block--full-width 1822 custom-typography 1823 custom-font-size 1824 1825 " 1826 style=" 1827 1828--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); 1829 --width: 100%; 1830 --text-align: center; 1831 --line-height: 1; 1832 " 1833 1834 aria-hidden="false" 1835 > 1836 <p class="announcement-bar__text"> 1837 Frete Grátis para todo Sudeste e Centro-oeste em compras acima de R$499 1838 </p> 1839 1840 1841 </slideshow-slide> 1842 1843 1844 1845<slideshow-slide 1846 ref="slides[]" 1847 class=" 1848 announcement-bar__slide 1849 text-block 1850 text-block--AZEVkdk1HWk9GR2RKa__announcement_dUjGzA 1851 text-block--align-center 1852 text-block--full-width 1853 custom-typography 1854 custom-font-size 1855 1856 " 1857 style=" 1858 1859--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); 1860 --width: 100%; 1861 --text-align: center; 1862 --line-height: 1; 1863 " 1864 1865 aria-hidden="true" 1866 > 1867 <p class="announcement-bar__text"> 1868 Pague em até 2x sem Juros 1869 </p> 1870 1871 1872 </slideshow-slide> 1873 1874 1875 1876<slideshow-slide 1877 ref="slides[]" 1878 class=" 1879 announcement-bar__slide 1880 text-block 1881 text-block--ARGIvaDZ6dHNxV1o1M__announcement_BxgCk9 1882 text-block--align-center 1883 text-block--full-width 1884 custom-typography 1885 custom-font-size 1886 1887 " 1888 style=" 1889 1890--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); 1891 --width: 100%; 1892 --text-align: center; 1893 --line-height: 1; 1894 " 1895 1896 aria-hidden="true" 1897 > 1898 <p class="announcement-bar__text"> 1899 5% OFF em sua primeira compra - Cupom: BEMVINDO5 1900 </p> 1901 1902 1903 </slideshow-slide> 1904 1905 1906 1907 </div> 1908 </announcement-bar-component> 1909</aside> 1910 1911 1912 1913 1914</div><header id="shopify-section-sections--26710061842722__header_section" class="shopify-section shopify-section-group-header-group header-section"> 1915 1916 1917 1918 1919
1920<script type="application/ld+json"> 1921 { 1922 "@context": "http://schema.org", 1923 "@type": "Organization", 1924 "name": "Celeiro Bikers", 1925 1926 "logo": "https:\/\/celeirobikers.com.br\/cdn\/shop\/files\/LOGO-CELEIRO-1-e1701878919300-2_1_1.png?v=1740853735\u0026width=500", 1927 1928 "url": "https:\/\/celeirobikers.com.br" 1929 } 1930</script>
1930 1931 1932<header-component 1933 id="header-component" 1934 class="header header--collapse-row-paddings" 1935 data-theme-color="rgb(255 255 255)" 1936 1937 1938 sticky="always" 1939 1940 data-skip-node-update 1941 data-scroll-direction="none" 1942 1943 1944 style=" 1945 --color-scheme-top-row: rgba(255 255 255 / 1.0); 1946 --color-scheme-bottom-row: rgba(255 255 255 / 1.0); 1947 1948 " 1949> 1950 <div class="header__underlay header__underlay-closed"></div> 1951 <div 1952 class="header__underlay header__underlay-open" 1953 ></div> 1954 1955 1956 1957 1958 1959 1960 <div 1961 class="header__row header__row--top color-scheme-1 section section--full-width-margin section--page-width divider--page-width" 1962 ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px;"> 1963 <div class="header__columns spacing-style"> 1964 <div 1965 class="header__column header__column--left" 1966 data-testid="header-top-left" 1967 > 1968 1969 1970 1971 1972 1973 1974 1975 <div 1976 class="header__drawer" 1977 ref="headerDrawerContainer" 1978 data-hydration-key="header-drawer-mobile" 1979 1980 > 1981 1982
1983<script 1984 src="//celeirobikers.com.br/cdn/shop/t/3/assets/header-drawer.js?v=121243031541024704371773244888" 1985 type="module" 1986 fetchpriority="low" 1987></script>
1987 1988 1989<header-drawer 1990 class="header-drawer " 1991 style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;" 1992> 1993 <details 1994 id="Details-menu-drawer-container" 1995 data-skip-node-update="true" 1996 class="menu-drawer-container" 1997 ref="details" 1998 scroll-lock 1999 > 2000 <summary 2001 class="header__icon header__icon--menu header__icon--summary" 2002 aria-label="Menu" 2003 on:click="/toggle" 2004 > 2005 <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"> 2006 <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 2007 <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 2008</svg> 2009</span> 2010 <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"> 2011 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2012 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2013</svg> 2014</span> 2015 </summary> 2016 <div 2017 ref="menuDrawer" 2018 class=" 2019 menu-drawer 2020 color-scheme-1 2021 " 2022 > 2023 <button 2024 class="button close-button menu-drawer__close-button" 2025 type="button" 2026 aria-label="Fechar" 2027 on:click="/close" 2028 > 2029 <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"> 2030 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2031 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2032</svg> 2033</span> 2034 </button> 2035 <nav 2036 class="menu-drawer__navigation" 2037 style="--menu-top-level-font-family: var(--font-body--family); 2038--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; 2039 2040 --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height: 2041 var(--menu-font-2xl--line-height); 2042 2043--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb); 2044 2045--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style: 2046var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case: 2047none; 2048 2049 --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: 2050 var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) / 2051 var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground); 2052 2053--menu-child-font-family: var(--font-body--family); --menu-child-font-style: 2054var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case: 2055none; 2056 2057 --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); 2058 --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) / 2059 var(--opacity-subdued-text)); 2060 2061 2062 " 2063 aria-label="Principal" 2064 > 2065 <ul 2066 class="menu-drawer__menu has-submenu" 2067 role="list" 2068 > 2069 2070 2071 2072 <li 2073 style="--menu-drawer-animation-index: 1;" 2074 class="menu-drawer__list-item--flat" 2075 > 2076 2077<a 2078 id="HeaderDrawer-inicio" 2079 href="/" 2080 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 2081 2082 >
2083 <span class="menu-drawer__menu-item-text wrap-text">InÃcio</span> 2084 </a> 2085 2086 </li> 2087 <li 2088 style="--menu-drawer-animation-index: 2;" 2089 class="menu-drawer__list-item--flat" 2090 > 2091 2092<a 2093 id="HeaderDrawer-produtos" 2094 href="https://celeirobikers.com.br/collections/all" 2095 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 2096 2097 > 2098 <span class="menu-drawer__menu-item-text wrap-text">Produtos</span> 2099 </a> 2100 2101 <ul 2102 class="menu-drawer__menu menu-drawer__menu--childlist" 2103 role="list" 2104 tabindex="-1" 2105 ><li 2106 class="menu-drawer__list-item" 2107 style="--menu-drawer-animation-index: 2;" 2108 > 2109 <a 2110 href="/collections/lifestyle" 2111 class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset" 2112 2113 > 2114 2115 <span class="menu-drawer__menu-item-text wrap-text">Calças e Shorts</span> 2116 </a> 2117 </li><li 2118 class="menu-drawer__list-item" 2119 style="--menu-drawer-animation-index: 2;" 2120 > 2121 <a 2122 href="/collections/camisas" 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">Camisas</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/camisetas" 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">Camisetas</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/casacos" 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">Casacos</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/tops-e-bodys" 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">Tops e Bodys</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/jaquetas-e-coletes" 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">Jaquetas e Coletes</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/regatas" 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">Regatas</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/acessorios" 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">Acessórios</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/masculino" 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">Masculino</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/chapeu-personalizados" 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">Chapéus Personalizados</span> 2224 </a> 2225 </li></ul> 2226 2227 </li> 2228 <li 2229 style="--menu-drawer-animation-index: 3;" 2230 class="menu-drawer__list-item--flat" 2231 > 2232 2233<a 2234 id="HeaderDrawer-contato" 2235 href="/pages/contact" 2236 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 2237 2238 > 2239 <span class="menu-drawer__menu-item-text wrap-text">Contato</span> 2240 </a> 2241 2242 </li> 2243 <li 2244 style="--menu-drawer-animation-index: 4;" 2245 class="menu-drawer__list-item--flat" 2246 > 2247 2248<a 2249 id="HeaderDrawer-quem-somos" 2250 href="/pages/quem-somos" 2251 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 2252 2253 > 2254 <span class="menu-drawer__menu-item-text wrap-text">Quem somos</span> 2255 </a> 2256 2257 </li> 2258 <li 2259 style="--menu-drawer-animation-index: 5;" 2260 class="menu-drawer__list-item--flat" 2261 > 2262 2263<a 2264 id="HeaderDrawer-chapeus-personalizados" 2265 href="/collections/chapeu-personalizados" 2266 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 2267 2268 >
2269 <span class="menu-drawer__menu-item-text wrap-text">Chapéus Personalizados</span> 2270 </a> 2271 2272 </li> 2273 <li 2274 style="--menu-drawer-animation-index: 6;" 2275 class="menu-drawer__list-item--flat" 2276 > 2277 2278<a 2279 id="HeaderDrawer-collabs" 2280 href="/collections/collabs" 2281 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 2282 2283 > 2284 <span class="menu-drawer__menu-item-text wrap-text">Collabs</span> 2285 </a> 2286 2287 </li> 2288 <li 2289 style="--menu-drawer-animation-index: 7;" 2290 class="menu-drawer__list-item--flat" 2291 > 2292 2293<a 2294 id="HeaderDrawer-outlet" 2295 href="/collections/outlet" 2296 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 2297 2298 > 2299 <span class="menu-drawer__menu-item-text wrap-text">Outlet</span> 2300 </a> 2301 2302 </li> 2303 <li 2304 style="--menu-drawer-animation-index: 8;" 2305 class="menu-drawer__list-item--flat" 2306 > 2307 2308<a 2309 id="HeaderDrawer-on-the-road" 2310 href="/pages/celeiro-on-the-road" 2311 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 2312 2313 > 2314 <span class="menu-drawer__menu-item-text wrap-text">ON THE ROAD</span> 2315 </a> 2316 2317 </li> 2318 </ul> 2319 </nav> 2320 <div 2321 class="menu-drawer__utility-links menu-drawer__animated-element" 2322 style="--menu-drawer-animation-index: 8;" 2323 > 2324 2325 </div> 2326 2327 2328 </div> 2329 <div 2330 class="menu-drawer__backdrop" 2331 on:click="header-drawer/close" 2332 ></div> 2333 </details> 2334</header-drawer> 2335 2336 2337 2338 </div> 2339 2340 2341 2342<style data-shopify> 2343 .header__underlay { 2344 --color-submenu: rgb(255 255 255 / 1.0); 2345 } 2346</style> 2347 2348 2349 2350 2351 2352 2353 2354 2355 2356 2357 <search-button 2358 class="search-action search-action--hidden-on-menu" 2359 > 2360 <button 2361 on:click="#search-modal/showDialog" 2362 class="button-unstyled header-actions__action" 2363 aria-label="Pesquisa" 2364 aria-haspopup="dialog" 2365 > 2366 <span class="hidden"> 2367 Pesquisa 2368 </span> 2369 2370 <span class="svg-wrapper "> 2371 <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> 2372 2373 </span> 2374 </button> 2375 </search-button> 2376 2377 2378 2379 2380 2381 2382 2383 </div><div 2384 class="header__column header__column--center" 2385 data-testid="header-top-center" 2386 > 2387 2388 2389 2390 2391 2392 2393 2394 2395<a 2396 2397 href="/" 2398 class="size-style spacing-style header-logo" 2399 style=" 2400 --size-style-width: ;--size-style-height: ; 2401 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 2402 --font-family: var(--font-body--family); 2403 --font-style: var(--font-body--style); 2404 --font-weight: 600; 2405 " 2406 2407> 2408 2409 2410 <span 2411 class="header-logo__image-container header-logo__image-container--original" 2412 data-testid="header-logo" 2413 > 2414 2415 2416 2417 2418 2419 2420 2421 2422 2423 2424 2425 <img src="//celeirobikers.com.br/cdn/shop/files/LOGO-CELEIRO-1-e1701878919300-2_1_1.png?height=36&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&v=1740853735 1x, //celeirobikers.com.br/cdn/shop/files/LOGO-CELEIRO-1-e1701878919300-2_1_1.png?height=72&v=1740853735 2x, //celeirobikers.com.br/cdn/shop/files/LOGO-CELEIRO-1-e1701878919300-2_1_1.png?height=108&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;"> 2426 2427 2428 </span> 2429 2430 2431</a> 2432 2433 2434 2435 2436 2437 2438 2439 2440 </div><div 2441 class="header__column header__column--right" 2442 data-testid="header-top-right" 2443 > 2444 2445 2446 2447 2448 2449 2450 2451 2452 2453 2454 2455 2456 2457 <search-button 2458 class="search-action search-action--hidden-on-drawer" 2459 > 2460 <button 2461 on:click="#search-modal/showDialog" 2462 class="button-unstyled header-actions__action" 2463 aria-label="Pesquisa" 2464 aria-haspopup="dialog" 2465 >
2466 <span class="hidden"> 2467 Pesquisa 2468 </span> 2469 2470 <span class="svg-wrapper "> 2471 <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> 2472 2473 </span> 2474 </button> 2475 </search-button> 2476 2477 2478 2479 2480 2481 2482 2483 2484 2485
2485<script 2486 type="module" 2487 src="//celeirobikers.com.br/cdn/shop/t/3/assets/cart-icon.js?v=157241182139685326961773244888" 2488 fetchpriority="low" 2489></script>
2489 2490 2491 2492 2493 2494 2495<header-actions 2496 2497> 2498 2499 2500 <div 2501 class="account-button header-actions__action color-scheme-1" 2502 > 2503 <shopify-store store-domain="https://celeirobikers.com.br" country="BR" language="pt-BR"></shopify-store> 2504<shopify-account 2505 menu="customer-account-main-menu" 2506 2507 > 2508 2509 <span 2510 slot="signed-out-avatar" 2511 class="account-button__text header-actions__text-style hidden" 2512 > 2513 Conta 2514 </span> 2515 2516 <span 2517 slot="signed-out-avatar" 2518 class="" 2519 aria-hidden="true" 2520 > 2521 2522 <svg 2523 xmlns="http://www.w3.org/2000/svg" 2524 width="15" 2525 height="17" 2526 viewBox="0 0 15 17" 2527 fill="none" 2528 slot="signed-out-avatar" 2529 class="account-button__icon" 2530 > 2531 <path 2532 stroke="currentColor" 2533 stroke-linejoin="round" 2534 stroke-width="var(--icon-stroke-width)" 2535 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" 2536 /> 2537 </svg> 2538 2539 </span> 2540 2541 </shopify-account> 2542 </div> 2543 2544 2545 2546
2546<script 2547 src="//celeirobikers.com.br/cdn/shop/t/3/assets/cart-drawer.js?v=34004441742206350331773244888" 2548 type="module" 2549 fetchpriority="low" 2550 ></script>
2550 2551 2552 2553 2554 <cart-drawer-component 2555 class="cart-drawer" 2556 2557 2558 > 2559 <template id="empty-cart-template"> 2560 2561 <div class="cart-drawer__header"> 2562 <button 2563 ref="closeButton" 2564 on:click="cart-drawer-component/close" 2565 class="button close-button cart-drawer__close-button button-unstyled" 2566 aria-label="Fechar caixa de diálogo" 2567 > 2568 <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2569 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2570 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2571</svg> 2572</span> 2573 </button> 2574 </div> 2575 2576 <div 2577 class="cart-drawer__content" 2578 aria-label="Carrinho" 2579 > 2580 <h2 2581 class="cart-drawer__heading h4 cart-drawer__heading--empty" 2582 id="cart-drawer-heading-empty" 2583 > 2584 O carrinho está vazio 2585 </h2> 2586 2587 <div class="cart-drawer__items"> 2588 2589 2590 2591
2592<script 2593 src="//celeirobikers.com.br/cdn/shop/t/3/assets/component-cart-items.js?v=16199507049899445991773244888" 2594 type="module" 2595 fetchpriority="low" 2596></script>
vendor: 1 bytes, line 2596
2596
2597<script 2598 src="//celeirobikers.com.br/cdn/shop/t/3/assets/component-cart-quantity-selector.js?v=105130809908858639751773244888" 2599 type="module" 2600 fetchpriority="low" 2601></script>
vendor: 1 bytes, line 2601
2601
2602<script 2603 src="//celeirobikers.com.br/cdn/shop/t/3/assets/volume-pricing-info.js?v=94479640769665442661773244888" 2604 type="module" 2605 fetchpriority="low" 2606></script>
2606 2607 2608<div 2609 2610 class="cart-items__wrapper" 2611 2612> 2613 2614<p> 2615 Já tem conta? <a href="https://celeirobikers.com.br/customer_authentication/redirect?locale=pt-BR®ion_country=BR">Faça login</a> para finalizar a compra mais rápido. 2616 </p><a 2617 class="button cart-items__empty-button" 2618 href="/collections/all" 2619 > 2620 <span class="button-text"> 2621 Voltar à loja 2622 </span> 2623 </a></div> 2624 2625 2626 2627 </div> 2628 </div> 2629 2630 </template> 2631 <button 2632 class="header-actions__action button-unstyled" 2633 on:click="/open" 2634 aria-haspopup="dialog" 2635 aria-label="Carrinho" 2636 aria-describedby="cart-bubble-text" 2637 data-testid="cart-drawer-trigger" 2638 > 2639 2640 <cart-icon 2641 class="header-actions__cart-icon" 2642 data-testid="cart-icon" 2643 > 2644 <span class="hidden"> 2645 Cart 2646 </span> 2647 2648 <span 2649 class="svg-wrapper " 2650 aria-hidden="true" 2651 > 2652 <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> 2653 2654 </span> 2655 2656 <div 2657 ref="cartBubble" 2658 class="cart-bubble visually-hidden" 2659 2660 2661 data-maintain-ratio 2662 2663> 2664 <span class="cart-bubble__background"></span> 2665 <span 2666 ref="cartBubbleText" 2667 id="cart-bubble-text" 2668 class="cart-bubble__text" 2669 2670 role="status" 2671 2672 > 2673 <span class="visually-hidden">Total de itens no carrinho: 0 2674 </span> 2675 <span 2676 class="cart-bubble__text-count hidden" 2677 ref="cartBubbleCount" 2678 aria-hidden="true" 2679 data-testid="cart-bubble" 2680 > 26810</span> 2682 </span> 2683</div> 2684 2685 </cart-icon> 2686 2687 </button> 2688 2689 <dialog 2690 ref="dialog" 2691 class="cart-drawer__dialog dialog-modal dialog-drawer color-scheme-1 cart-drawer--empty" 2692 data-testid="cart-drawer-dialog" 2693 aria-labelledby="cart-drawer-heading-empty" 2694 scroll-lock 2695 cart-summary-sticky="true" 2696 > 2697 <div 2698 class="cart-drawer__inner" 2699 data-hydration-key="cart-drawer-inner" 2700 > 2701 <cart-items-component 2702 class="cart-items-component" 2703 data-drawer 2704 data-section-id="sections--26710061842722__header_section" 2705 > 2706 <div class="cart-drawer__header"> 2707 <button 2708 ref="closeButton" 2709 on:click="cart-drawer-component/close" 2710 class="button close-button cart-drawer__close-button button-unstyled" 2711 aria-label="Fechar caixa de diálogo" 2712 > 2713 <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2714 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2715 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2716</svg> 2717</span> 2718 </button> 2719 </div> 2720 2721 <div 2722 class="cart-drawer__content" 2723 aria-label="Carrinho" 2724 > 2725 <h2 2726 class="cart-drawer__heading h4 cart-drawer__heading--empty" 2727 id="cart-drawer-heading-empty" 2728 > 2729 O carrinho está vazio 2730 </h2> 2731 2732 <div class="cart-drawer__items"> 2733 2734 2735 2736
2737<script 2738 src="//celeirobikers.com.br/cdn/shop/t/3/assets/component-cart-items.js?v=16199507049899445991773244888" 2739 type="module" 2740 fetchpriority="low" 2741></script>
vendor: 1 bytes, line 2741
2741
2742<script 2743 src="//celeirobikers.com.br/cdn/shop/t/3/assets/component-cart-quantity-selector.js?v=105130809908858639751773244888" 2744 type="module" 2745 fetchpriority="low" 2746></script>
vendor: 1 bytes, line 2746
2746
2747<script 2748 src="//celeirobikers.com.br/cdn/shop/t/3/assets/volume-pricing-info.js?v=94479640769665442661773244888" 2749 type="module" 2750 fetchpriority="low" 2751></script>
2751 2752 2753<div 2754 2755 class="cart-items__wrapper" 2756 2757> 2758 2759<p> 2760 Já tem conta? <a href="https://celeirobikers.com.br/customer_authentication/redirect?locale=pt-BR®ion_country=BR">Faça login</a> para finalizar a compra mais rápido. 2761 </p><a 2762 class="button cart-items__empty-button" 2763 href="/collections/all" 2764 > 2765 <span class="button-text"> 2766 Voltar à loja 2767 </span> 2768 </a></div> 2769 2770 2771 2772 </div> 2773 </div> 2774 2775</cart-items-component> 2776 </div> 2777 </dialog> 2778 </cart-drawer-component> 2779 2780</header-actions> 2781 2782 2783 2784 2785 2786 2787 </div> 2788 </div> 2789 </div> 2790 2791 2792 2793 2794 2795 2796 2797 2798 <div 2799 class="header__row header__row--bottom color-scheme-1 section section--full-width-margin section--page-width mobile:hidden" 2800 ref="headerRowTop"style="--border-bottom-width: 0px;"> 2801 <div class="header__columns spacing-style"> 2802 <div 2803 class="header__column header__column--center" 2804 data-testid="header-bottom-center" 2805 > 2806 2807 2808 2809 2810 2811 2812 2813 2814 2815 2816 2817 <header-menu 2818 ref="headerMenu" 2819 class="header-menu" 2820 2821 data-hydration-key="header-menu" 2822 > 2823 <div class="header-menu__inner"> 2824 <nav 2825 class="menu-list" 2826 aria-label="Principal" 2827 style="--menu-top-level-font-family: var(--font-body--family); 2828--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; 2829 2830 --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height: 2831 var(--menu-font-sm--line-height); 2832 2833--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb); 2834" 2835 > 2836 2837 <overflow-list 2838 2839 ref="overflowMenu" 2840 2841 2842 class="overflow-menu color-scheme-matches-parent" 2843 2844 2845 minimum-items="2" 2846 2847 2848 data-testid="header-menu-overflow-list" 2849 2850 2851 data-skip-node-update 2852 2853> 2854 <template shadowrootmode="open"> 2855 <link href="//celeirobikers.com.br/cdn/shop/t/3/assets/overflow-list.css?v=13500019909476584571773244888" rel="stylesheet" type="text/css" media="all" /> 2856 2857 <ul part="list"> 2858 <slot></slot> 2859 <slot 2860 name="more" 2861 part="more" 2862 hidden 2863 2864 > 2865 <li 2866 part="more" 2867 > 2868 <button 2869 class="button" 2870 type="button" 2871 tabindex="0" 2872 > 2873 Mais 2874 </button> 2875 </li> 2876 </slot> 2877 <li 2878 part="placeholder" 2879 hidden 2880 ></li> 2881 </ul> 2882 2883 <div part="overflow"> 2884 <ul part="overflow-list"> 2885 <slot name="overflow"></slot> 2886 </ul> 2887 </div> 2888 </template> 2889 2890 2891 2892 <li 2893 role="presentation" 2894 class="menu-list__list-item" 2895 on:focus="/activate" 2896 on:blur="/deactivate" 2897 on:pointerenter="/activate" 2898 on:pointerleave="/deactivate" 2899 > 2900 <a 2901 href="/" 2902 data-skip-node-update="true" 2903 class="menu-list__link" 2904 ref="menuitem" 2905 > 2906 <span class="menu-list__link-title">InÃcio</span> 2907 </a></li> 2908 2909 <li 2910 role="presentation" 2911 class="menu-list__list-item" 2912 on:focus="/activate" 2913 on:blur="/deactivate" 2914 on:pointerenter="/activate" 2915 on:pointerleave="/deactivate" 2916 > 2917 <a 2918 href="https://celeirobikers.com.br/collections/all" 2919 data-skip-node-update="true" 2920 class="menu-list__link"aria-controls="submenu-2" 2921 aria-haspopup="true" 2922 aria-expanded="false" 2923 ref="menuitem" 2924 > 2925 <span class="menu-list__link-title">Produtos</span> 2926 </a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]"> 2927 <div 2928 id="submenu-2" 2929 class="menu-list__submenu-inner" 2930 style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style: 2931var(--font-body--style);
2931 --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case: 2932none; 2933 2934 --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: 2935 var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) / 2936 var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground); 2937 2938--menu-child-font-family: var(--font-body--family); --menu-child-font-style: 2939var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case: 2940none; 2941 2942 --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); 2943 --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) / 2944 var(--opacity-subdued-text)); 2945 2946" 2947 > 2948 2949 <div class="mega-menu section section--full-width-margin section--page-width"> 2950 <div 2951 class="mega-menu__grid" 2952 data-menu-grid-id="MegaMenuList-2" 2953 > 2954 2955<ul 2956 data-menu-list-id="MegaMenuList-2" 2957 class="mega-menu__list list-unstyled" 2958 style="--menu-image-border-radius: 0px;" 2959> 2960 2961 <li class="mega-menu__column mega-menu__column--span-1"> 2962 <div> 2963 <a 2964 href="/collections/lifestyle" 2965 class="mega-menu__link " 2966 > 2967 2968 <span class="wrap-text">Calças e Shorts</span> 2969 </a> 2970 2971 </div> 2972 2973 2974 2975 2976 <div> 2977 <a 2978 href="/collections/camisas" 2979 class="mega-menu__link " 2980 > 2981 2982 <span class="wrap-text">Camisas</span> 2983 </a> 2984 2985 </div> 2986 2987 2988 2989 2990 <div> 2991 <a 2992 href="/collections/camisetas" 2993 class="mega-menu__link " 2994 > 2995 2996 <span class="wrap-text">Camisetas</span> 2997 </a> 2998 2999 </div> 3000 3001 3002 3003 3004 <div> 3005 <a 3006 href="/collections/casacos" 3007 class="mega-menu__link " 3008 > 3009 3010 <span class="wrap-text">Casacos</span> 3011 </a> 3012 3013 </div> 3014 3015 3016 3017 3018 <div> 3019 <a 3020 href="/collections/tops-e-bodys" 3021 class="mega-menu__link " 3022 > 3023 3024 <span class="wrap-text">Tops e Bodys</span> 3025 </a> 3026 3027 </div> 3028 3029 3030 3031 3032 <div> 3033 <a 3034 href="/collections/jaquetas-e-coletes" 3035 class="mega-menu__link " 3036 > 3037 3038 <span class="wrap-text">Jaquetas e Coletes</span> 3039 </a> 3040 3041 </div> 3042 3043 3044 3045 3046 <div> 3047 <a 3048 href="/collections/regatas" 3049 class="mega-menu__link " 3050 > 3051 3052 <span class="wrap-text">Regatas</span> 3053 </a> 3054 3055 </div> 3056 3057 3058 3059 3060 <div> 3061 <a 3062 href="/collections/acessorios" 3063 class="mega-menu__link " 3064 > 3065 3066 <span class="wrap-text">Acessórios</span> 3067 </a> 3068 3069 </div> 3070 3071 3072 3073 3074 <div> 3075 <a 3076 href="/collections/masculino" 3077 class="mega-menu__link " 3078 > 3079 3080 <span class="wrap-text">Masculino</span> 3081 </a> 3082 3083 </div> 3084 3085 3086 3087 3088 <div> 3089 <a 3090 href="/collections/chapeu-personalizados" 3091 class="mega-menu__link " 3092 > 3093 3094 <span class="wrap-text">Chapéus Personalizados</span> 3095 </a> 3096 3097 </div> 3098 3099 </li> 3100 3101</ul> 3102 3103 3104 3105<style data-shopify> 3106 [data-menu-grid-id="MegaMenuList-2"] { 3107 3108 --menu-columns-desktop: 6; 3109 --menu-columns-tablet: 4; 3110 3111 } 3112 3113 [data-menu-list-id="MegaMenuList-2"] { 3114 3115 --menu-columns-desktop: 6; 3116 --menu-columns-tablet: 4; 3117 3118 } 3119</style> 3120 3121 3122 3123 </div> 3124 </div> 3125 </div> 3126 </div></li> 3127 3128 <li 3129 role="presentation" 3130 class="menu-list__list-item" 3131 on:focus="/activate" 3132 on:blur="/deactivate" 3133 on:pointerenter="/activate" 3134 on:pointerleave="/deactivate" 3135 > 3136 <a 3137 href="/pages/contact" 3138 data-skip-node-update="true" 3139 class="menu-list__link" 3140 ref="menuitem" 3141 >
3142 <span class="menu-list__link-title">Contato</span> 3143 </a></li> 3144 3145 <li 3146 role="presentation" 3147 class="menu-list__list-item" 3148 on:focus="/activate" 3149 on:blur="/deactivate" 3150 on:pointerenter="/activate" 3151 on:pointerleave="/deactivate" 3152 > 3153 <a 3154 href="/pages/quem-somos" 3155 data-skip-node-update="true" 3156 class="menu-list__link" 3157 ref="menuitem" 3158 > 3159 <span class="menu-list__link-title">Quem somos</span> 3160 </a></li> 3161 3162 <li 3163 role="presentation" 3164 class="menu-list__list-item" 3165 on:focus="/activate" 3166 on:blur="/deactivate" 3167 on:pointerenter="/activate" 3168 on:pointerleave="/deactivate" 3169 > 3170 <a 3171 href="/collections/chapeu-personalizados" 3172 data-skip-node-update="true" 3173 class="menu-list__link" 3174 ref="menuitem" 3175 > 3176 <span class="menu-list__link-title">Chapéus Personalizados</span> 3177 </a></li> 3178 3179 <li 3180 role="presentation" 3181 class="menu-list__list-item" 3182 on:focus="/activate" 3183 on:blur="/deactivate" 3184 on:pointerenter="/activate" 3185 on:pointerleave="/deactivate" 3186 > 3187 <a 3188 href="/collections/collabs" 3189 data-skip-node-update="true" 3190 class="menu-list__link" 3191 ref="menuitem" 3192 > 3193 <span class="menu-list__link-title">Collabs</span> 3194 </a></li> 3195 3196 <li 3197 role="presentation" 3198 class="menu-list__list-item" 3199 on:focus="/activate" 3200 on:blur="/deactivate" 3201 on:pointerenter="/activate" 3202 on:pointerleave="/deactivate" 3203 > 3204 <a 3205 href="/collections/outlet" 3206 data-skip-node-update="true" 3207 class="menu-list__link" 3208 ref="menuitem" 3209 > 3210 <span class="menu-list__link-title">Outlet</span> 3211 </a></li> 3212 3213 <li 3214 role="presentation" 3215 class="menu-list__list-item" 3216 on:focus="/activate" 3217 on:blur="/deactivate" 3218 on:pointerenter="/activate" 3219 on:pointerleave="/deactivate" 3220 > 3221 <a 3222 href="/pages/celeiro-on-the-road" 3223 data-skip-node-update="true" 3224 class="menu-list__link" 3225 ref="menuitem" 3226 > 3227 <span class="menu-list__link-title">ON THE ROAD</span> 3228 </a></li> 3229 3230 <li 3231 class="menu-list__list-item" 3232 role="presentation" 3233 slot="more" 3234 on:focus="/activate" 3235 on:blur="/deactivate" 3236 on:pointerenter="/activate" 3237 on:pointerleave="/deactivate" 3238 > 3239 <button role="listitem" class="menu-list__link button-unstyled"> 3240 <span class="menu-list__link-title">Mais</span> 3241 </button> 3242 </li> 3243 3244</overflow-list> 3245 3246 </nav> 3247 </div> 3248 3249
3249<script 3250 src="//celeirobikers.com.br/cdn/shop/t/3/assets/header-menu.js?v=138387690177295788221773244888" 3251 type="module" 3252 fetchpriority="low" 3253 ></script>
3253 3254 </header-menu> 3255 3256 3257<style data-shopify> 3258 .header__underlay { 3259 --color-submenu: rgb(255 255 255 / 1.0); 3260 } 3261</style> 3262 3263 3264 3265 3266 3267 3268 3269 </div> 3270 </div> 3271 </div> 3272 3273 3274 3275 3276 <div class="header__row header__navigation-bar-row color-scheme-1"> 3277 3278 3279 3280 3281 3282 3283 3284<style data-shopify> 3285 .header__underlay { 3286 --color-submenu: rgb(255 255 255 / 1.0); 3287 } 3288</style> 3289 3290 3291 3292 3293 </div> 3294 3295</header-component> 3296
3297<script 3298 src="//celeirobikers.com.br/cdn/shop/t/3/assets/header.js?v=36718054510661947891773244888" 3299 type="module" 3300></script>
3300 3301 3302 3303 3304 3305
3305<script type="module"> 3306 import { hydrate } from '@theme/section-hydration'; 3307 const url = new URL(window.location.href); 3308 url.searchParams.delete('page'); 3309 hydrate('sections--26710061842722__header_section', url); 3310 </script>
3310 3311 3312 3313 3314</header> 3315<!-- END sections: header-group --> 3316 </div> 3317 3318
3318<script> 3319 // Inline header height and menu style calculations to prevent layout shift 3320 // Note: Updates in calculateHeaderGroupHeight(), updateTransparentHeaderOffset() and setHeaderMenuStyle() utilities.js should be kept in sync with this function 3321 (function setHeaderHeighCustomProperties() { 3322 /* 3323 * Header calculation functions for maintaining CSS variables 3324 * Mimic calculateHeaderGroupHeight() in utilities.js 3325 */ 3326 const header = document.querySelector('header-component'); 3327 const headerGroup = document.querySelector('#header-group'); 3328 const hasHeaderSection = headerGroup?.querySelector('.header-section'); 3329 3330 if (!header || !headerGroup) return; 3331 3332 const headerTopRow = header.querySelector('.header__row--top'); 3333 const headerHeight = header.offsetHeight; 3334 3335 // Calculate the total height of the header group 3336 let headerGroupHeight = 0; 3337 const children = headerGroup.children; 3338 for (let i = 0; i < children.length; i++) { 3339 const element = children[i]; 3340 if (element === header || !(element instanceof HTMLElement)) continue; 3341 headerGroupHeight += element.offsetHeight; 3342 } 3343 3344 // Check for transparent header special case 3345 if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) { 3346 headerGroupHeight += headerHeight; 3347 } 3348 3349 // Set CSS variables 3350 document.body.style.setProperty('--header-height', `${headerHeight}px`); 3351 document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`); 3352 3353 if (headerTopRow) { 3354 window.requestAnimationFrame(function () { 3355 document.body.style.setProperty('--top-row-height', `${headerTopRow.offsetHeight}px`); 3356 }); 3357 } 3358 3359 /** 3360 * Updates CSS custom properties for transparent header offset calculation 3361 * Mimic updateTransparentHeaderOffset() in utilities.js 3362 */ 3363 3364 if (!hasHeaderSection || !header?.hasAttribute('transparent')) { 3365 document.body.style.setProperty('--transparent-header-offset-boolean', '0'); 3366 return; 3367 } 3368 3369 const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section'); 3370 3371 const shouldApplyOffset = !hasImmediateSection ? '1' : '0'; 3372 document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset); 3373 })(); 3374 3375 (function setHeaderMenuStyle() { 3376 const headerComponent = document.querySelector('#header-component'); 3377 if (headerComponent) { 3378 const isTouchDevice = 'ontouchstart' in window && navigator.maxTouchPoints > 0; 3379 const overflowList = headerComponent?.querySelector('overflow-list'); 3380 const hasReachedMinimum = overflowList && overflowList.hasAttribute('minimum-reached'); 3381 headerComponent.dataset.menuStyle = isTouchDevice || hasReachedMinimum ? 'drawer' : 'menu'; 3382 } 3383 })(); 3384 </script>
3384 3385 3386 <main 3387 id="MainContent" 3388 class="content-for-layout" 3389 role="main" 3390 data-page-transition-enabled="false" 3391 data-product-transition="false" 3392 data-template="product" 3393 > 3394 <div id="shopify-section-template--26710061678882__main" class="shopify-section"> 3395
3396<script type="application/ld+json"> 3397 {"@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"} 3398</script>
3398 3399 3400 3401 3402 3403 3404 3405 3406 3407 3408 3409 <sticky-add-to-cart 3410 class="sticky-add-to-cart" 3411 data-variant-available="true" 3412 data-product-id="9484739346722" 3413 data-current-variant-id="49733332468002" 3414 data-initial-quantity="1" 3415 data-default-variant-title="TÃtulo padrão" 3416 > 3417 <div 3418 class="sticky-add-to-cart__bar color-scheme-1" 3419 data-stuck="false" 3420 ref="stickyBar" 3421 role="region" 3422 aria-label="Barra de adição rápida ao carrinho" 3423 > 3424 3425 3426 <div 3427 class="sticky-add-to-cart__image" 3428 > 3429 3430 <img src="//celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&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"> 3431 </div> 3432 3433 3434 3435 <div 3436 class="sticky-add-to-cart__info" 3437 data-has-image="true" 3438 data-singleton="false" 3439 data-single-option="true" 3440 > 3441 <h3 3442 class="sticky-add-to-cart__title" 3443 data-testid="sticky-product-title" 3444 > 3445 HAIRCLIP - Prendedor de Cabelo 3446 </h3> 3447 <div 3448 class="sticky-add-to-cart__variant" 3449 data-testid="sticky-variant-title" 3450 3451 > 3452 3453 3454 Preto 3455 3456 </div> 3457 </div> 3458 3459 <div 3460 class="sticky-add-to-cart__price" 3461 data-testid="sticky-price-display" 3462 > 3463 <div ref="priceContainer"> 3464 3465 3466 3467 3468 3469 <span role="group"> 3470 <span class="visually-hidden">Preço promocional </span> 3471 <span class="price">R$ 89,90</span> 3472 </span> 3473 3474 3475 3476 <span role="group"> 3477 <span class="visually-hidden">Preço normal </span> 3478 <span class="compare-at-price">R$ 99,90</span> 3479 </span> 3480 3481 3482</div> 3483 </div> 3484 3485 <button 3486 type="button" 3487 class="sticky-add-to-cart__button add-to-cart-button button" 3488 ref="addToCartButton" 3489 on:click="/handleAddToCartClick" 3490 3491 > 3492 <span 3493 class="add-to-cart-text" 3494 > 3495 3496 <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> 3497</span> 3498 3499 <span class="add-to-cart-text__content"> 3500 <span>Adicionar ao carrinho</span> 3501 <span 3502 ref="quantityDisplay" 3503 3504 style="display: none;" 3505 3506 > (<span ref="quantityNumber">1</span>)</span> 3507 </span> 3508 </span> 3509 <span class="add-to-cart__added"> 3510 <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"> 3511 <g class="check"> 3512 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 3513 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 3514 </g> 3515 <g class="burst"> 3516 <g style="--index: 0;"> 3517 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 3518 </g> 3519 <g style="--index: 1;"> 3520 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 3521 </g> 3522 <g style="--index: 2;"> 3523 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 3524 </g> 3525 <g style="--index: 3;"> 3526 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 3527 </g> 3528 <g style="--index: 4;"> 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: 5;"> 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: 6;"> 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: 7;"> 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> 3541</svg> 3542</span> 3543 </span> 3544 </button> 3545 </div> 3546 </sticky-add-to-cart> 3547 3548 3549 3550 3551 3552 3553<div class="section-background color-scheme-1"></div> 3554<div 3555 class="product-information section section--page-width spacing-style color-scheme-1 relative" 3556 style="--padding-block-start: 0px;--padding-block-end: 0px; --gap: 48px;" 3557 data-testid="product-information" 3558> 3559 3560 3561 <a 3562 class="skip-to-content-link button-secondary" 3563 href="#ProductInformation-template--26710061678882__main" 3564> 3565 Pular para as informações do produto 3566</a> 3567 3568 3569 3570 3571 <div 3572 class="product-information__grid product-information--media-left" 3573 data-product-grid-content 3574 > 3575 3576 3577 3578 3579 3580 3581 <div 3582 class="product-information__media" 3583 data-testid="product-information-media" 3584 > 3585 3586 3587
3588<script 3589 src="//celeirobikers.com.br/cdn/shop/t/3/assets/zoom-dialog.js?v=102268456213388948961773244888" 3590 type="module" 3591 ></script>
3591<script 3592 src="//celeirobikers.com.br/cdn/shop/t/3/assets/drag-zoom-wrapper.js?v=24957596803719370611773244888" 3593 type="module" 3594 ></script>
3594<style data-shopify> 3595 3596 3597 3598 .media-fit-contain { 3599 --product-media-fit: contain; 3600 } 3601 3602 /* Media fit for all media elements */ 3603 .media-fit-contain :is(img, video, iframe, .deferred-media__poster-image) { 3604 object-fit: contain; 3605 width: 100%; 3606 height: 100%; 3607 } 3608 3609 /* 3D Models (no object-fit support, just sizing) */ 3610 .media-fit-contain model-viewer { 3611 width: 100%; 3612 height: 100%; 3613 } 3614 3615 3616 3617 3618 /* Add background color so carousel arrows' mix-blend-mode works correctly even on transparent areas. */ 3619 3620 .media-fit-contain :is(img, .deferred-media__poster-image) { 3621 background-color: var(--color-background); 3622 } 3623 3624 3625 3626 3627 3628 3629 ::view-transition-old(gallery-item-open), 3630 ::view-transition-new(gallery-item-open), 3631 ::view-transition-old(gallery-item-close), 3632 ::view-transition-new(gallery-item-close) { 3633 height: auto; 3634 width: 100%; 3635 object-fit: contain; 3636 top: 50%; 3637 transform: translateY(-50%); 3638 } 3639 3640 3641 3642 :root { --gallery-media-border-radius: 0px; } 3643</style> 3644 3645 3646 <media-gallery 3647 class=" 3648 spacing-style 3649 sticky-content 3650 3651 media-gallery--two-column 3652 3653 3654 media-gallery--grid 3655 3656 3657 " 3658 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;" 3659 data-presentation="grid" 3660 3661 > 3662 3663 3664 3665 3666 3667 3668 <slideshow-component 3669 3670 ref="slideshow" 3671 3672 3673 style="--slideshow-timeline: --slide-0, --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;" 3674 3675 initial-slide="0" 3676 3677 3678 infinite 3679 3680 3681 3682> 3683 3684 <slideshow-container ref="slideshowContainer"> 3685 3686 3687 <slideshow-slides 3688 tabindex="-1" 3689 ref="scroller" 3690 3691 > 3692 3693 3694 3695 3696 3697 3698 3699 <slideshow-slide 3700 ref="slides[]" 3701 aria-hidden="false" 3702 style="--slideshow-timeline: --slide-0; --product-media-fit: contain; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 3703 3704 class="product-media-container constrain-height media-fit-contain product-media-container--image product-media-container--zoomable product-media-container--tallest" 3705 3706 on:click="#zoom-dialog-AamphVncxTEtiazVta__media-gallery/open/0" 3707 3708 style="--media-preview-ratio: 0.665;" 3709 3710 3711 3712 3713 on:click="#zoom-dialog-AamphVncxTEtiazVta__media-gallery/open/0" 3714> 3715 3716 3717 3718 3719<div 3720 class="product-media" 3721 style="--ratio: 0.665" 3722 data-media-id="50575923282210" 3723> 3724 3725 <img src="//celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&width=3840" alt="HAIRCLIP - Prendedor de Cabelo" srcset="//celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&width=240 240w, //celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&width=352 352w, //celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&width=832 832w, //celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&width=1200 1200w, //celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&width=1600 1600w, //celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&width=1920 1920w, //celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&width=2560 2560w, //celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&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&width=3840" fetchpriority="high" style="--focal-point: 50.0% 50.0%;"> 3726 3727 3728 3729 3730</div> 3731 3732 3733 3734 3735</slideshow-slide> 3736 3737 3738 3739 3740 3741 3742 3743 <slideshow-slide 3744 ref="slides[]" 3745 aria-hidden="true" 3746 style="--slideshow-timeline: --slide-1; --product-media-fit: contain; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 3747 3748 class="product-media-container constrain-height media-fit-contain product-media-container--image product-media-container--zoomable" 3749
3750 on:click="#zoom-dialog-AamphVncxTEtiazVta__media-gallery/open/1" 3751 3752 style="--media-preview-ratio: 0.665;" 3753 3754 3755 3756 3757 on:click="#zoom-dialog-AamphVncxTEtiazVta__media-gallery/open/1" 3758> 3759 3760 3761 3762 3763<div 3764 class="product-media" 3765 style="--ratio: 0.665" 3766 data-media-id="50575923314978" 3767> 3768 3769 <img src="//celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&width=3840" alt="HAIRCLIP - Prendedor de Cabelo" srcset="//celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&width=240 240w, //celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&width=352 352w, //celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&width=832 832w, //celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&width=1200 1200w, //celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&width=1600 1600w, //celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&width=1920 1920w, //celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&width=2560 2560w, //celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&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&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 3770 3771 3772 3773 3774</div> 3775 3776 3777 3778 3779</slideshow-slide> 3780 3781 3782 3783 </slideshow-slides> 3784 </slideshow-container> 3785 3786 3787 3788 3789 3790 <slideshow-controls 3791 3792 ref="slideshowControls" 3793 3794 pagination-position="center" 3795 scroll-mode="horizontal" 3796 3797 controls-on-media 3798 3799 3800 3801 3802 class="desktop:hidden media-gallery__mobile-controls" 3803 3804 3805 style="--thumbnail-radius: 0px;" 3806 3807 > 3808 3809 3810 3811 3812 3813 <ol class="slideshow-controls__dots"> 3814 3815 <li> 3816 <button 3817 class="slideshow-control button button-unstyled" 3818 style="animation-timeline: --slide-0" 3819 aria-label="Slide 1 de 2" 3820 on:click="/select/0" 3821 ref="dots[]" 3822 3823 aria-selected="true" 3824 3825 > 3826 1 3827 </button> 3828 </li> 3829 3830 <li> 3831 <button 3832 class="slideshow-control button button-unstyled" 3833 style="animation-timeline: --slide-1" 3834 aria-label="Slide 2 de 2" 3835 on:click="/select/1" 3836 ref="dots[]" 3837 3838 > 3839 2 3840 </button> 3841 </li> 3842 3843 </ol> 3844 3845 3846 3847 </slideshow-controls> 3848 3849 3850 3851 3852 3853 3854 3855</slideshow-component> 3856 3857 3858 3859 3860 3861 <ul 3862 class="media-gallery__grid list-unstyled" 3863 data-testid="media-gallery-grid" 3864 > 3865 3866 <li 3867 ref="media[]" 3868 class="product-media-container constrain-height media-fit-contain product-media-container--image" 3869 style=" --media-preview-ratio: 0.665;" 3870 3871 3872 data-focal-point="50.0% 50.0%" 3873 3874 ><button 3875 type="button" 3876 class="button button-unstyled product-media-container__zoom-button" 3877 aria-label="Zoom" 3878 on:click="/zoom/0" 3879
3880 on:pointerenter="/preloadImage/0" 3881 3882 > 3883 <span class="visually-hidden">Abrir imagem em tela cheia</span> 3884 </button> 3885 3886 3887<div 3888 class="product-media" 3889 style="--ratio: 0.665" 3890 data-media-id="50575923282210" 3891> 3892 3893 <img src="//celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&width=3840" alt="HAIRCLIP - Prendedor de Cabelo" srcset="//celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&width=240 240w, //celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&width=352 352w, //celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&width=832 832w, //celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&width=1200 1200w, //celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&width=1600 1600w, //celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&width=1920 1920w, //celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&width=2560 2560w, //celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&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&width=3840" fetchpriority="high" style="--focal-point: 50.0% 50.0%;"> 3894 3895 3896 3897 3898</div> 3899 3900 3901 3902 </li> 3903 3904 <li 3905 ref="media[]" 3906 class="product-media-container constrain-height media-fit-contain product-media-container--image" 3907 style=" --media-preview-ratio: 0.665;" 3908 3909 3910 data-focal-point="50.0% 50.0%" 3911 3912 ><button 3913 type="button" 3914 class="button button-unstyled product-media-container__zoom-button" 3915 aria-label="Zoom" 3916 on:click="/zoom/1" 3917 3918 on:pointerenter="/preloadImage/1" 3919 3920 > 3921 <span class="visually-hidden">Abrir imagem em tela cheia</span> 3922 </button> 3923 3924 3925<div 3926 class="product-media" 3927 style="--ratio: 0.665" 3928 data-media-id="50575923314978" 3929> 3930 3931 <img src="//celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&width=3840" alt="HAIRCLIP - Prendedor de Cabelo" srcset="//celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&width=240 240w, //celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&width=352 352w, //celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&width=832 832w, //celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&width=1200 1200w, //celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&width=1600 1600w, //celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&width=1920 1920w, //celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&width=2560 2560w, //celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&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&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 3932 3933 3934 3935 3936</div> 3937 3938 3939 3940 </li> 3941 3942 </ul> 3943 3944<zoom-dialog 3945 ref="zoomDialogComponent" 3946 id="zoom-dialog-AamphVncxTEtiazVta__media-gallery" 3947 > 3948 <dialog 3949 class="dialog-zoomed-gallery__dialog" 3950 ref="dialog" 3951 on:keydown="/handleKeyDown" 3952 scroll-lock 3953 > 3954 <button 3955 type="button" 3956 class="button button-unstyled close-button dialog-zoomed-gallery__close-button" 3957 aria-label="Fechar" 3958 on:click="/close" 3959 >
3960 <span class="visually-hidden">Fechar</span> 3961 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3962 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 3963 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 3964</svg> 3965 3966 </button> 3967 <div class="dialog-thumbnails-list-container"> 3968 <scroll-hint 3969 class="dialog-thumbnails-list list-unstyled" 3970 ref="thumbnails" 3971 > 3972 3973 3974 <button 3975 type="button" 3976 class="button button-unstyled dialog-thumbnails-list__thumbnail" 3977 aria-label="Rolar até HAIRCLIP - Prendedor de Cabelo" 3978 on:click="/handleThumbnailClick/0" 3979 on:pointerenter="/handleThumbnailPointerEnter/0" 3980 style="--aspect-ratio: 0.665; --gallery-aspect-ratio: 0.665;" 3981 3982 aria-selected="true" 3983 3984 > 3985 3986 <img src="//celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&width=1024" alt="HAIRCLIP - Prendedor de Cabelo" srcset="//celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&width=240 240w, //celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&width=352 352w, //celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&width=832 832w" width="1024" height="1540" loading="lazy" sizes="auto, 110, (min-width: 750px) 160" style="object-position: 50.0% 50.0%;"> 3987 </button> 3988 <button 3989 type="button" 3990 class="button button-unstyled dialog-thumbnails-list__thumbnail" 3991 aria-label="Rolar até HAIRCLIP - Prendedor de Cabelo" 3992 on:click="/handleThumbnailClick/1" 3993 on:pointerenter="/handleThumbnailPointerEnter/1" 3994 style="--aspect-ratio: 0.665; --gallery-aspect-ratio: 0.665;" 3995 3996 > 3997 3998 <img src="//celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&width=1024" alt="HAIRCLIP - Prendedor de Cabelo" srcset="//celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&width=240 240w, //celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&width=352 352w, //celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&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 </scroll-hint> 4001 </div> 4002 <ul 4003 class="dialog-zoomed-gallery list-unstyled" 4004 ><li 4005 id="product-50575923282210-1" 4006 class="product-media-container constrain-height media-fit-contain product-media-container--image product-media-container--zoomable" 4007 style=" --media-preview-ratio: 0.665;" 4008 ref="media[]" 4009 4010 on:click="/close" 4011 4012 > 4013 4014 <drag-zoom-wrapper class="product-media__drag-zoom-wrapper"> 4015 4016<div 4017 class="product-media" 4018 style="--ratio: 0.665" 4019 data-media-id="50575923282210" 4020> 4021 4022 <img src="//celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&width=3840" alt="HAIRCLIP - Prendedor de Cabelo" srcset="//celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&width=240 240w, //celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&width=352 352w, //celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&width=832 832w, //celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&width=1200 1200w, //celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&width=1600 1600w, //celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&width=1920 1920w, //celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&width=2560 2560w, //celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&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&width=3840" fetchpriority="high" style="--focal-point: 50.0% 50.0%;"> 4023 4024 4025 4026 4027</div> 4028 4029 4030</drag-zoom-wrapper> 4031 4032 </li><li 4033 id="product-50575923314978-2" 4034 class="product-media-container constrain-height media-fit-contain product-media-container--image product-media-container--zoomable" 4035 style=" --media-preview-ratio: 0.665;" 4036 ref="media[]" 4037 4038 on:click="/close" 4039 4040 > 4041 4042 <drag-zoom-wrapper class="product-media__drag-zoom-wrapper"> 4043 4044<div 4045 class="product-media" 4046 style="--ratio: 0.665" 4047 data-media-id="50575923314978" 4048> 4049 4050 <img src="//celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&width=3840" alt="HAIRCLIP - Prendedor de Cabelo" srcset="//celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&width=240 240w, //celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&width=352 352w, //celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&width=832 832w, //celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&width=1200 1200w, //celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&width=1600 1600w, //celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&width=1920 1920w, //celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&width=2560 2560w, //celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&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&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;"> 4051 4052 4053 4054 4055</div> 4056 4057 4058</drag-zoom-wrapper> 4059 4060 </li></ul> 4061 </dialog> 4062 </zoom-dialog></media-gallery> 4063 4064 4065 4066 4067 4068 4069 4070 </div> 4071 4072 4073 4074 4075 4076 4077<div 4078 id="ProductInformation-template--26710061678882__main" 4079 class=" 4080 product-details 4081 sticky-content--desktop 4082 " 4083 style="--details-position: flex-start;"
4084 data-testid="product-information-details" 4085 4086> 4087 4088 4089 <div 4090 class=" 4091 group-block 4092 group-block--height-fit 4093 group-block--width-fill 4094 border-style 4095 spacing-style 4096 size-style 4097 4098 4099 " 4100 style=" 4101 --border-width: 1px; --border-style: none; --border-color: 4102rgb(var(--color-border-rgb) / 1.0); --border-radius: 41030px; 4104 4105 --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; 4106 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 4107 4108 " 4109 4110 data-testid="group-block" 4111><div class="group-block__media-wrapper"> 4112 4113 4114 4115 4116 4117 </div> 4118 4119 <div 4120 class=" 4121 group-block-content 4122 4123 layout-panel-flex 4124 layout-panel-flex--column 4125 4126 " 4127 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 4128 4129--gap: max(24px, calc(var(--gap-scale, 1.0) * 28px)); 4130 4131--horizontal-alignment: ; --vertical-alignment: ; 4132--vertical-alignment-mobile: ; 4133" 4134 > 4135 <div class="view-product-title"> 4136 <a 4137 href="/products/hairclip-prendedor-de-cabelo?variant=49733332468002" 4138 class="link" 4139 >HAIRCLIP - Prendedor de Cabelo 4140 </a> 4141 </div> 4142 4143 4144 4145<div 4146 class=" 4147 group-block 4148 group-block--height-fit 4149 group-block--width-fill 4150 border-style 4151 spacing-style 4152 size-style 4153 4154 4155 " 4156 style=" 4157 --border-width: 1px; --border-style: none; --border-color: 4158rgb(var(--color-border-rgb) / 1.0); --border-radius: 41590px; 4160 4161 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 4162 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 4163 4164 " 4165 4166 data-testid="group-block" 4167><div class="group-block__media-wrapper"> 4168 4169 4170 4171 4172 4173 </div> 4174 4175 <div 4176 class=" 4177 group-block-content 4178 4179 layout-panel-flex 4180 layout-panel-flex--column 4181 mobile-column 4182 " 4183 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 4184 4185--gap: 12px; 4186 4187--horizontal-alignment: flex-start; --vertical-alignment: center; 4188--vertical-alignment-mobile: center; 4189" 4190 > 4191 4192 4193 4194 4195 4196 4197 4198 4199 4200 <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; "> 4201 <h1>HAIRCLIP - Prendedor de Cabelo</h1> 4202 </div> 4203 4204 4205 4206 4207 4208 4209 4210 4211 4212<product-price 4213 class="text-block text-block--align-left rte text-left paragraph spacing-style" 4214 data-block-id="AckVUOEwxTnB6S2pUN__price_tVjtKg" 4215 data-product-id="9484739346722" 4216 style=" 4217 4218--color: var(--color-foreground); 4219 --padding-block-start: 4px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 4220 --width: 100%; 4221 " 4222 4223> 4224 <div ref="priceContainer"> 4225 4226 4227 4228 4229 4230 <span role="group"> 4231 <span class="visually-hidden">Preço promocional </span> 4232 <span class="price">R$ 89,90</span> 4233 </span> 4234 4235 4236 4237 <span role="group"> 4238 <span class="visually-hidden">Preço normal </span> 4239 <span class="compare-at-price">R$ 99,90</span> 4240 </span> 4241 4242 4243</div> 4244 4245 4246</product-price> 4247 4248 4249 4250 4251 4252 4253 4254</div> 4255</div> 4256 4257 4258 4259 4260 4261 4262 4263<div 4264 class="divider divider-AK0EzaThzczRMZzRRa__divider_VJhene spacing-style" 4265 style=" 4266 --divider-justify-content: center; 4267 --padding-block-start: 0px;--padding-block-end: 0px; 4268 " 4269 4270 4271> 4272 <span 4273 class="divider__line" 4274 style=" 4275 --divider-border-thickness: 1px; 4276 4277 --divider-border-rounded: 0; 4278 4279 --divider-flex-basis: 100%; 4280 " 4281 ></span> 4282</div> 4283 4284 4285 4286 4287 4288 4289 4290 4291 4292 4293 4294 4295 <variant-picker 4296 class="variant-picker spacing-style variant-picker--left" 4297 style="--color-strikethrough-mix: #000;
4297 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;" 4298 data-section-id="template--26710061678882__main" 4299 data-product-id="9484739346722" 4300 data-block-id="AeWs2Y3djbi9obEsrQ__variant_picker_R3rGDr" 4301 data-product-url="/products/hairclip-prendedor-de-cabelo" 4302 ref="mainVariantPicker" 4303 4304 data-template-product-match="true" 4305 4306 4307 4308 > 4309 <form class="variant-picker__form"><fieldset 4310 class="variant-option variant-option--buttons variant-option--equal-width-buttons" 4311 data-fieldset-index="0" 4312 ref="fieldsets[]" 4313 data-option-id="template-26710061678882__main-9484739346722-cor" 4314 > 4315 <legend> 4316 Cor 4317 </legend> 4318 <label 4319 class="variant-option__button-label" 4320 > 4321 <input 4322 type="radio" 4323 name="Cor-AeWs2Y3djbi9obEsrQ__variant_picker_R3rGDr-9484739346722" 4324 value="Preto" 4325 aria-label="Preto" 4326 4327 data-previous-checked="false" 4328 data-fieldset-index="0" 4329 data-input-index="0" 4330 data-input-id="1-0" 4331 data-option-value-id="4633677594914" 4332 data-option-available="true" 4333 data-connected-product-url="" 4334 4335 data-variant-id="49733332468002" 4336 4337 4338 data-current-checked="true" 4339 checked 4340 4341 > 4342 4343 4344 <span 4345 class="variant-option__button-label__pill" 4346 data-key="variant-option-pill" 4347 ></span> 4348 4349 <span 4350 class="variant-option__button-label__text" 4351 data-key="variant-option-text" 4352 >Preto</span> 4353 4354 4355 4356 </label> 4357 <label 4358 class="variant-option__button-label" 4359 > 4360 <input 4361 type="radio" 4362 name="Cor-AeWs2Y3djbi9obEsrQ__variant_picker_R3rGDr-9484739346722" 4363 value="Marrom" 4364 aria-label="Marrom" 4365 4366 data-previous-checked="false" 4367 data-fieldset-index="0" 4368 data-input-index="1" 4369 data-input-id="1-1" 4370 data-option-value-id="4633677627682" 4371 data-option-available="true" 4372 data-connected-product-url="" 4373 4374 data-variant-id="49733332500770" 4375 4376 4377 data-current-checked="false" 4378 4379 > 4380 4381 4382 <span 4383 class="variant-option__button-label__pill" 4384 data-key="variant-option-pill" 4385 ></span> 4386 4387 <span 4388 class="variant-option__button-label__text" 4389 data-key="variant-option-text" 4390 >Marrom</span> 4391 4392 4393 4394 </label> 4395 <style data-shopify> 4396 [data-option-id="template-26710061678882__main-9484739346722-cor"] { 4397 --variant-ch: 3.9em; 4398 } 4399 </style> 4400 4401 </fieldset>
4401<script type="application/json"> 4402 {"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}} 4403 </script>
4403 4404 </form> 4405 </variant-picker> 4406 4407 4408 4409 4410 4411 4412 4413 4414 4415 4416<span 4417 class="buy-buttons-block buy-buttons-block--ATmc3N1dNVDRYU3Nwa__buy_buttons_eYQEYi" 4418 4419><product-form-component 4420 data-section-id="template--26710061678882__main" 4421 data-product-id="9484739346722" 4422 data-product-url="/products/hairclip-prendedor-de-cabelo" 4423 on:submit="/handleSubmit" 4424 data-quantity-default="1" 4425 data-quantity-error-max="Este item apresenta um máximo de {{ maximum }}" 4426 > 4427 <div 4428 class="visually-hidden" 4429 aria-live="assertive" 4430 role="status" 4431 aria-atomic="true" 4432 ref="liveRegion" 4433 ></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 4434 type="hidden" 4435 name="id" 4436 ref="variantId" 4437 value="49733332468002" 4438 ><div 4439 class="product-form-buttons spacing-style product-form-buttons--stacked" 4440 style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;" 4441 ref="productFormButtons" 4442 > 4443 4444 4445 4446<div 4447 class="quantity-selector-wrapper" 4448 ref="quantitySelectorWrapper" 4449> 4450 <quantity-selector-component 4451 class="quantity-selector" 4452 data-variant-id="49733332468002" 4453 4454ref="quantitySelector" 4455 4456 > 4457 <button 4458 class="button quantity-minus button-unstyled" 4459 type="button" 4460 name="minus" 4461 on:click="/decreaseQuantity" 4462 ref="minusButton" 4463 4464 > 4465 <span class="visually-hidden">Diminuir a quantidade</span 4466 ><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"> 4467 <path d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 4468</svg> 4469</span> 4470 </button> 4471 <input 4472 type="number" 4473 name="quantity" 4474 value="1" 4475 data-cart-quantity="0" 4476 min="1" 4477 data-min="1" 4478 on:blur="/setQuantity" 4479 on:focus="/selectInputValue" 4480 ref="quantityInput" 4481 aria-label="Quantidade" 4482 4483 4484 step="1" 4485 4486 > 4487 <button 4488 class="button quantity-plus button-unstyled" 4489 type="button" 4490 name="plus" 4491 on:click="/increaseQuantity" 4492 ref="plusButton" 4493 4494 > 4495 <span class="visually-hidden">Aumentar a quantidade</span 4496 ><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"> 4497 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 4498 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 4499</svg> 4500</span> 4501 </button> 4502 </quantity-selector-component></div> 4503 4504 4505 4506 4507 4508 4509<span 4510 class="product-form-text__error hidden" 4511 ref="addToCartTextError" 4512 > 4513 <span class="svg-wrapper"><svg class="icon icon-error" viewBox="0 0 13 13"> 4514 <circle cx="6.5" cy="6.5" r="5.5" stroke="#fff" stroke-width="var(--icon-stroke-width)"/> 4515 <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width=".7"/> 4516 <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"/> 4517 <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"/> 4518</svg> 4519</span> 4520 </span> 4521 4522 4523<span 4524 4525 style="--add-to-cart-font-case: ;" 4526> 4527 <add-to-cart-component 4528 ref="addToCartButtonContainer" 4529 data-product-variant-media="//celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&width=100" 4530 data-add-to-cart-animation="true" 4531> 4532 <button 4533 4534 id="BuyButtons-ProductSubmitButton-ALzlwVk5aOC83MC9WR__add-to-cart" 4535 4536 type="submit" 4537 name="add" 4538 ref="addToCartButton" 4539 on:click="/handleClick" 4540 class="button add-to-cart-button button" 4541 4542 data-testid="standalone-add-to-cart" 4543 4544 4545 > 4546 <span 4547 class="add-to-cart-text" 4548 > 4549
4550 <span 4551 aria-hidden="true" 4552 class="svg-wrapper add-to-cart-icon" 4553 ><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> 4554</span> 4555 4556 <span class="add-to-cart-text__content"> 4557 <span> 4558 <span>Adicionar ao carrinho</span> 4559 </span> 4560 </span> 4561 </span> 4562 4563 <span class="add-to-cart__added"> 4564 <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"> 4565 <g class="check"> 4566 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 4567 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 4568 </g> 4569 <g class="burst"> 4570 <g style="--index: 0;"> 4571 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 4572 </g> 4573 <g style="--index: 1;"> 4574 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 4575 </g> 4576 <g style="--index: 2;"> 4577 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 4578 </g> 4579 <g style="--index: 3;"> 4580 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 4581 </g> 4582 <g style="--index: 4;"> 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: 5;"> 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: 6;"> 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: 7;"> 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> 4595</svg> 4596</span> 4597 </span> 4598 </button> 4599</add-to-cart-component> 4600 4601</span> 4602 4603 4604 4605 4606 4607 </div><input type="hidden" name="product-id" value="9484739346722" /><input type="hidden" name="section-id" value="template--26710061678882__main" /></form></product-form-component></span> 4608 4609 4610 4611 4612 4613 4614 4615 4616 4617 4618 4619 4620 4621 4622 4623 <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; "> 4624 <p><em>Preserve seu cabelo nos bons ventos!</em></p> 4625<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> 4626 </rte-formatter> 4627 4628 4629 4630 4631 4632 4633 4634 </div> 4635</div> 4636 4637 4638 4639</div> 4640 4641 4642 4643 4644 4645 4646 4647 4648 </div> 4649 4650 4651 4652 4653</div> 4654 4655 4656 4657 4658 4659 4660 4661</div><div id="shopify-section-template--26710061678882__product_recommendations_qggXJq" class="shopify-section">
4662<script 4663 src="//celeirobikers.com.br/cdn/shop/t/3/assets/product-recommendations.js?v=168839317936691195461773244888" 4664 type="module" 4665 fetchpriority="low" 4666></script>
4666 4667 4668 4669 4670<product-recommendations 4671 id="product-recommendations-template--26710061678882__product_recommendations_qggXJq" 4672 class="product-recommendations" 4673 data-url="/recommendations/products?limit=7" 4674 data-section-id="template--26710061678882__product_recommendations_qggXJq" 4675 data-product-id="9484739346722" 4676 data-intent="related" 4677 data-testid="product-recommendations-section" 4678 data-recommendations-performed="false" 4679 4680> 4681 <div class="section-background color-scheme-1"></div> 4682 <div 4683 class=" 4684 section 4685 section--page-width 4686 color-scheme-1 4687 section-resource-list 4688 spacing-style 4689 gap-style 4690 " 4691 style=" 4692 --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px)); 4693 --gap: max(24px, calc(var(--gap-scale, 1.0) * 28px)); 4694 --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; 4695 " 4696 > 4697 <div class="section-resource-list__content"> 4698 4699 4700 4701 4702 4703 4704 4705 4706 4707 <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); "> 4708 <h3>Você também pode gostar</h3> 4709 </div> 4710 4711 4712 4713 4714 4715 4716 4717 </div><div 4718 class="resource-list resource-list--grid" 4719 > 4720 4721 <div 4722 class="product-recommendations__skeleton-item" 4723 aria-label="Carregando recomendações de produtos" 4724 ></div> 4725 4726 <div 4727 class="product-recommendations__skeleton-item" 4728 aria-label="Carregando recomendações de produtos" 4729 ></div> 4730 4731 <div 4732 class="product-recommendations__skeleton-item" 4733 aria-label="Carregando recomendações de produtos" 4734 ></div> 4735 4736 <div 4737 class="product-recommendations__skeleton-item" 4738 aria-label="Carregando recomendações de produtos" 4739 ></div> 4740 4741 </div></div> 4742</product-recommendations> 4743 4744 4745</div> 4746 </main> 4747 4748 <footer> 4749 <!-- BEGIN sections: footer-group --> 4750<div id="shopify-section-sections--26710061875490__footer_m9NzUG" class="shopify-section shopify-section-group-footer-group section-wrapper"> 4751 4752<div class="section-background color-scheme-1"></div> 4753<div 4754 class="section section--page-width color-scheme-1" 4755> 4756 4757 <div 4758 class=" 4759 footer-content 4760 spacing-style 4761 4762 4763 " 4764 style=" 4765 --padding-block-start: max(20px, calc(var(--spacing-scale) * 30px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 30px)); 4766 --footer-gap: 20px; 4767 --grid-columns: 4; 4768 --last-row-count: 4; 4769 --tablet-last-row-count: 2; 4770 " 4771 > 4772 4773 4774 4775<div 4776 class=" 4777 group-block 4778 group-block--height-fit 4779 group-block--width-fill 4780 border-style 4781 spacing-style 4782 size-style 4783 4784 4785 " 4786 style=" 4787 --border-width: 1px; --border-style: none; --border-color: 4788rgb(var(--color-border-rgb) / 1.0); --border-radius: 47890px; 4790 4791 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 4792 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 4793 4794 " 4795 4796 data-testid="group-block" 4797><div class="group-block__media-wrapper"> 4798 4799 4800 4801 4802 4803 </div> 4804 4805 <div 4806 class=" 4807 group-block-content 4808 4809 layout-panel-flex 4810 layout-panel-flex--column 4811 mobile-column 4812 " 4813 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 4814 4815--gap: 6px; 4816 4817--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 4818--vertical-alignment-mobile: flex-start; 4819" 4820 > 4821 4822 4823 4824 4825 4826 4827 4828 4829 4830 <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); "> 4831 <h2>Central de Atendimento</h2> 4832 </div> 4833 4834 4835 4836 4837 4838 4839 4840 4841 4842 4843 4844 4845 4846 4847 4848 <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); "> 4849 <p><a href="https://celeirobikers.com.br/pages/quem-somos" title="https://celeirobikers.com.br/pages/quem-somos">Sobre Nós</a><br/>
4849<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> 4850 </rte-formatter> 4851 4852 4853 4854 4855 4856 4857 4858</div> 4859</div> 4860 4861 4862 4863 4864 4865 4866 4867 4868<div 4869 class=" 4870 group-block 4871 group-block--height-fit 4872 group-block--width-fill 4873 border-style 4874 spacing-style 4875 size-style 4876 4877 4878 " 4879 style=" 4880 --border-width: 1px; --border-style: none; --border-color: 4881rgb(var(--color-border-rgb) / 1.0); --border-radius: 48820px; 4883 4884 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 4885 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 4886 4887 " 4888 4889 data-testid="group-block" 4890><div class="group-block__media-wrapper"> 4891 4892 4893 4894 4895 4896 </div> 4897 4898 <div 4899 class=" 4900 group-block-content 4901 4902 layout-panel-flex 4903 layout-panel-flex--column 4904 mobile-column 4905 " 4906 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 4907 4908--gap: 6px; 4909 4910--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 4911--vertical-alignment-mobile: flex-start; 4912" 4913 > 4914 4915 4916 4917 4918 4919 4920 4921 4922 4923 <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); "> 4924 <h2>Quem somos</h2> 4925 </div> 4926 4927 4928 4929 4930 4931 4932 4933 4934 4935 4936 4937 4938 4939 4940 4941 <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); "> 4942 <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> 4943 </rte-formatter> 4944 4945 4946 4947 4948 4949 4950 4951</div> 4952</div> 4953 4954 4955 4956 4957 4958 4959 4960 4961<div 4962 class=" 4963 group-block 4964 group-block--height-fit 4965 group-block--width-fill 4966 border-style 4967 spacing-style 4968 size-style 4969 4970 4971 " 4972 style=" 4973 --border-width: 1px; --border-style: none; --border-color: 4974rgb(var(--color-border-rgb) / 1.0); --border-radius: 49750px; 4976 4977 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 4978 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 4979 4980 " 4981 4982 data-testid="group-block" 4983><div class="group-block__media-wrapper"> 4984 4985 4986 4987 4988 4989 </div> 4990 4991 <div 4992 class=" 4993 group-block-content 4994 4995 layout-panel-flex 4996 layout-panel-flex--column 4997 mobile-column 4998 " 4999 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 5000 5001--gap: 6px; 5002 5003--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 5004--vertical-alignment-mobile: flex-start; 5005" 5006 > 5007 5008 5009 5010 5011 5012 5013 5014 5015 5016 <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); "> 5017 <h2>Categorias</h2> 5018 </div> 5019 5020 5021 5022 5023 5024 5025 5026 5027 5028 5029 5030 5031 5032 5033 5034 <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); "> 5035 <p><a href="/collections/camisetas" title="Camisetas">Camisetas</a><br/>
5035<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> 5036 </rte-formatter> 5037 5038 5039 5040 5041 5042 5043 5044</div> 5045</div> 5046 5047 5048 5049 5050 5051 5052 5053 5054<div 5055 class=" 5056 group-block 5057 group-block--height-fit 5058 group-block--width-fill 5059 border-style 5060 spacing-style 5061 size-style 5062 5063 5064 " 5065 style=" 5066 --border-width: 1px; --border-style: none; --border-color: 5067rgb(var(--color-border-rgb) / 1.0); --border-radius: 50680px; 5069 5070 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 5071 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 5072 5073 " 5074 5075 data-testid="group-block" 5076><div class="group-block__media-wrapper"> 5077 5078 5079 5080 5081 5082 </div> 5083 5084 <div 5085 class=" 5086 group-block-content 5087 5088 layout-panel-flex 5089 layout-panel-flex--column 5090 mobile-column 5091 " 5092 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 5093 5094--gap: 6px; 5095 5096--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 5097--vertical-alignment-mobile: flex-start; 5098" 5099 > 5100 5101 5102 5103 5104 5105 5106 5107 5108 5109 <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); "> 5110 <h2>Contato</h2> 5111 </div> 5112 5113 5114 5115 5116 5117 5118 5119 5120 5121 5122 5123 5124 5125 5126 5127 <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); "> 5128 <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> 5129 </rte-formatter> 5130 5131 5132 5133 5134 5135 5136 5137</div> 5138</div> 5139 5140 5141 5142 5143 5144 5145 </div> 5146</div> 5147 5148 5149 5150 5151</div><div id="shopify-section-sections--26710061875490__footer_utilities_jLGE8U" class="shopify-section shopify-section-group-footer-group footer-utilities"> 5152 5153<div class="section-background color-scheme-1"></div> 5154<div 5155 class="section section--page-width color-scheme-1" 5156 5157> 5158 <div 5159 class="utilities utilities--blocks-3 spacing-style" 5160 style="--padding-block-start: 20px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px)); --border-width: 0px; --gap: 24px;" 5161 data-testid="footer-utilities" 5162 > 5163 5164 5165<div 5166 class=" 5167 footer-utilities__group-copyright 5168 custom-typography 5169 custom-font-size 5170 " 5171 style=" 5172--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-);" 5173 5174> 5175 <span class="footer-utilities__text"> 5176 © 2026 5177 <a href="/" title="">Celeiro Bikers</a>, <a target="_blank" rel="nofollow" href="https://pt.shopify.com?utm_campaign=poweredby&utm_medium=shopify&utm_source=onlinestore">Com tecnologia da Shopify</a> 5178</span> 5179</div> 5180 5181 5182 5183 5184 <anchored-popover-component 5185 data-hover-triggered="true" 5186 > 5187 <button 5188 class="policy-list-trigger button-unstyled" 5189 popovertarget="terms-policies-popover" 5190 popovertargetaction="toggle" 5191 ref="trigger" 5192 style=" 5193--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-);" 5194 5195 > 5196 Termos e polÃticas 5197 </button> 5198 <div
5199 class="terms-policies-popover color-scheme-1" 5200 id="terms-policies-popover" 5201 popover="auto" 5202 ref="popover" 5203 > 5204 <ul 5205 class=" 5206 policy_list list-unstyled 5207 custom-typography 5208 custom-font-size 5209 " 5210 ><li> 5211 <a 5212 href="/policies/privacy-policy" 5213 class="footer-utilities__text" 5214 >PolÃtica de privacidade</a> 5215 </li></ul> 5216 </div> 5217 </anchored-popover-component> 5218 5219 5220 5221 5222 5223 5224 5225<div 5226 class="social-icons__wrapper" 5227 5228> 5229 5230 5231 5232 5233 5234 5235 5236 5237 5238 5239 5240 5241 5242 5243 5244 <div 5245 class="social-icons__icon-wrapper" 5246 > 5247 <a 5248 href="https://www.instagram.com/celeirofashionbikers/" 5249 target="_blank" 5250 rel="noopener noreferrer" 5251 aria-label="Instagram" 5252 5253 > 5254 <span class="social-icons__icon-label">Instagram</span> 5255 5256 <svg 5257 class="social-icons__icon icon-default" 5258 aria-hidden="true" 5259 focusable="false" 5260 xmlns="http://www.w3.org/2000/svg"
5261 viewBox="0 0 20 20" 5262 > 5263<path 5264 fill-rule="evenodd" 5265 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" 5266 clip-rule="evenodd" 5267 /></svg> 5268 5269 </a> 5270 </div> 5271 5272 5273 5274 5275 5276 5277 5278 5279 5280 5281 5282 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</div> 5336 5337 5338 5339 5340 5341 </div> 5342</div> 5343 5344 5345 5346 5347</div> 5348<!-- END sections: footer-group --> 5349 </footer> 5350 5351
5351<script 5352 src="//celeirobikers.com.br/cdn/shop/t/3/assets/dialog.js?v=150888536568694194021773244888" 5353 type="module" 5354></script>
5354 5355
5356<script 5357 src="//celeirobikers.com.br/cdn/shop/t/3/assets/predictive-search.js?v=149240552485540508541773244888" 5358 type="module" 5359 fetchpriority="low" 5360></script>
5360 5361 5362<dialog-component 5363 id="search-modal" 5364 class="search-modal" 5365 5366> 5367 <dialog 5368 ref="dialog" 5369 on:click="/closeDialogOnClickOutside" 5370 on:keydown="/closeDialogOnEscapePress" 5371 class="search-modal__content dialog-modal" 5372 scroll-lock 5373 aria-labelledby="search-modal-heading" 5374 > 5375 <h2 5376 id="search-modal-heading" 5377 class="visually-hidden" 5378 > 5379 Pesquisa 5380 </h2> 5381 <predictive-search-component 5382 class="predictive-search color-scheme-1" 5383 style="--product-corner-radius: 0px; --card-corner-radius: 4px;" 5384 data-section-id="predictive-search" 5385 data-testid="search-component--modal" 5386 role="search" 5387 aria-label="Pesquisa" 5388 > 5389 <form 5390 action="/search" 5391 method="get" 5392 role="search" 5393 class="predictive-search-form" 5394 ref="form" 5395 on:keydown="/onSearchKeyDown" 5396 > 5397 <div 5398 class="predictive-search-form__header" 5399 > 5400 <div class="predictive-search-form__header-inner"> 5401 <label 5402 for="cmdk-input" 5403 class="visually-hidden" 5404 >Pesquisa</label> 5405 <input 5406 class="search-input" 5407 id="cmdk-input" 5408 type="search" 5409 name="q" 5410 role="combobox" 5411 aria-expanded="false" 5412 aria-owns="predictive-search-results" 5413 aria-controls="predictive-search-results" 5414 aria-haspopup="listbox" 5415 aria-autocomplete="list" 5416 autocomplete="off" 5417 placeholder="Pesquisa" 5418 ref="searchInput" 5419 on:input="/search" 5420 on:keydown="/onSearchKeyDown" 5421 > 5422 <input 5423 name="options[prefix]" 5424 type="hidden" 5425 value="last" 5426 > 5427 <span class="svg-wrapper predictive-search__icon"> 5428 <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> 5429 5430 </span> 5431 <button 5432 type="button" 5433 class="button-unstyled predictive-search__reset-button" 5434 ref="resetButton" 5435 hidden 5436 on:click="/resetSearch" 5437 > 5438 Limpar 5439 </button> 5440 </div> 5441 <button 5442 type="button" 5443 class="button predictive-search__close-modal-button" 5444 aria-label="Fechar caixa de diálogo" 5445 on:click="dialog-component/closeDialog" 5446 ref="closeModalButton" 5447 > 5448 <span class="svg-wrapper"> 5449 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 5450 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5451 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5452</svg> 5453 5454 </span> 5455 </button> 5456 </div> 5457 5458 <div class="predictive-search-form__content-wrapper"> 5459 <div 5460 class="predictive-search-form__content" 5461 tabindex="-1" 5462 ref="predictiveSearchResults" 5463 on:click="/handleModalClick" 5464 > 5465 5466 5467<div 5468 id="predictive-search-results" 5469 class="predictive-search-dropdown" 5470 role="listbox" 5471 aria-expanded="true" 5472 style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);" 5473> 5474 5475 <div class="predictive-search-results__inner"> 5476 5477 5478 5479 5480 5481 <div 5482 id="predictive-search-products" 5483 class="predictive-search-results__products" 5484 5485 data-testid="products-list-default--modal" 5486 5487> 5488 5489 <h4 class="predictive-search-results__title"> 5490 Produtos 5491 </h4> 5492 <ul 5493 class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled" 5494 role="listbox"
5495 aria-label="Produtos" 5496 > 5497 5498 5499 <li 5500 class="predictive-search-results__card predictive-search-results__card--product" 5501 ref="resultsItems[]" 5502 > 5503 5504<div 5505 class="resource-card" 5506 data-resource-type="product" 5507> 5508 <a 5509 class="resource-card__link" 5510 href="/products/hairclip-prendedor-de-cabelo" 5511 > 5512 <span class="visually-hidden"> 5513 HAIRCLIP - Prendedor de Cabelo 5514 </span> 5515 </a> 5516 <div 5517 class="resource-card__media" 5518 style="--resource-card-aspect-ratio: 4 / 5;" 5519 5520 > 5521 5522 5523 5524 <img src="//celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&width=500" alt="" srcset="//celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&width=240 240w, //celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&width=352 352w" width="500" height="752" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;"> 5525 5526 <img src="//celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&width=500" alt="HAIRCLIP - Prendedor de Cabelo" srcset="//celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&width=240 240w, //celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&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%;"> 5527</div> 5528 5529 <div class="resource-card__content"> 5530 <p class="resource-card__title paragraph">HAIRCLIP - Prendedor de Cabelo</p> 5531 5532 5533 <div ref="priceContainer"> 5534 5535 5536 5537 <span role="group"> 5538 <span class="visually-hidden">Preço normal </span> 5539 <span class="compare-at-price">R$ 99,90</span> 5540 </span> 5541 5542 5543 5544 <span role="group"> 5545 <span class="visually-hidden">Preço promocional </span> 5546 <span class="price">R$ 89,90</span> 5547 </span> 5548 5549 5550 5551 5552</div> 5553 5554 </div> 5555</div> 5556 5557 </li> 5558 5559 <li 5560 class="predictive-search-results__card predictive-search-results__card--product" 5561 ref="resultsItems[]" 5562 > 5563 5564<div 5565 class="resource-card" 5566 data-resource-type="product" 5567> 5568 <a 5569 class="resource-card__link" 5570 href="/products/camisa-de-flanela-xadrez" 5571 > 5572 <span class="visually-hidden"> 5573 Camisa de Flanela Xadrez 5574 </span> 5575 </a> 5576 <div 5577 class="resource-card__media" 5578 style="--resource-card-aspect-ratio: 4 / 5;" 5579 5580 > 5581 5582 5583 5584 <img src="//celeirobikers.com.br/cdn/shop/files/af93229b8477649651cc7bf9fd428c64_62b58427-bd9e-4627-83f0-3fc5d8020840.jpg?v=1788538022&width=500" alt="" srcset="//celeirobikers.com.br/cdn/shop/files/af93229b8477649651cc7bf9fd428c64_62b58427-bd9e-4627-83f0-3fc5d8020840.jpg?v=1788538022&width=240 240w, //celeirobikers.com.br/cdn/shop/files/af93229b8477649651cc7bf9fd428c64_62b58427-bd9e-4627-83f0-3fc5d8020840.jpg?v=1788538022&width=352 352w" width="500" height="750" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;"> 5585 5586 <img src="//celeirobikers.com.br/cdn/shop/files/792bfc7c8db2a76fdd9602fd759f382e.jpg?v=1788538022&width=500" alt="Camisa de Flanela Xadrez" srcset="//celeirobikers.com.br/cdn/shop/files/792bfc7c8db2a76fdd9602fd759f382e.jpg?v=1788538022&width=240 240w, //celeirobikers.com.br/cdn/shop/files/792bfc7c8db2a76fdd9602fd759f382e.jpg?v=1788538022&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%;"> 5587</div> 5588 5589 <div class="resource-card__content"> 5590 <p class="resource-card__title paragraph">Camisa de Flanela Xadrez</p> 5591 5592 5593 <div ref="priceContainer"> 5594 5595 5596 5597 5598
5599 <span class="price">R$ 147,00</span> 5600 5601 5602 5603 5604</div> 5605 5606 </div> 5607</div> 5608 5609 </li> 5610 5611 <li 5612 class="predictive-search-results__card predictive-search-results__card--product" 5613 ref="resultsItems[]" 5614 > 5615 5616<div 5617 class="resource-card" 5618 data-resource-type="product" 5619> 5620 <a 5621 class="resource-card__link" 5622 href="/products/regata-feminina-canelada" 5623 > 5624 <span class="visually-hidden"> 5625 Regata To Ride 5626 </span> 5627 </a> 5628 <div 5629 class="resource-card__media" 5630 style="--resource-card-aspect-ratio: 4 / 5;" 5631 5632 > 5633 5634 5635 5636 <img src="//celeirobikers.com.br/cdn/shop/files/0172_66e14213-4afe-4ccb-b53e-6e755803aad5.jpg?v=1761572929&width=500" alt="" srcset="//celeirobikers.com.br/cdn/shop/files/0172_66e14213-4afe-4ccb-b53e-6e755803aad5.jpg?v=1761572929&width=240 240w, //celeirobikers.com.br/cdn/shop/files/0172_66e14213-4afe-4ccb-b53e-6e755803aad5.jpg?v=1761572929&width=352 352w" width="500" height="752" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;"> 5637 5638 <img src="//celeirobikers.com.br/cdn/shop/files/0169.jpg?v=1740173131&width=500" alt="Regata To Ride" srcset="//celeirobikers.com.br/cdn/shop/files/0169.jpg?v=1740173131&width=240 240w, //celeirobikers.com.br/cdn/shop/files/0169.jpg?v=1740173131&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%;"> 5639</div> 5640 5641 <div class="resource-card__content"> 5642 <p class="resource-card__title paragraph">Regata To Ride</p> 5643 5644 5645 <div ref="priceContainer"> 5646 5647 5648 5649 5650 5651 <span class="price">R$ 117,90</span> 5652 5653 5654 5655 5656</div> 5657 5658 </div> 5659</div> 5660 5661 </li> 5662 5663 <li 5664 class="predictive-search-results__card predictive-search-results__card--product" 5665 ref="resultsItems[]" 5666 > 5667 5668<div 5669 class="resource-card" 5670 data-resource-type="product" 5671> 5672 <a 5673 class="resource-card__link" 5674 href="/products/coldre-de-couro" 5675 > 5676 <span class="visually-hidden"> 5677 Coldre Celeiro 5678 </span> 5679 </a> 5680 <div 5681 class="resource-card__media" 5682 style="--resource-card-aspect-ratio: 4 / 5;" 5683 5684 > 5685 5686 5687 5688 <img src="//celeirobikers.com.br/cdn/shop/files/00464.jpg?v=1773172182&width=500" alt="" srcset="//celeirobikers.com.br/cdn/shop/files/00464.jpg?v=1773172182&width=240 240w, //celeirobikers.com.br/cdn/shop/files/00464.jpg?v=1773172182&width=352 352w" width="500" height="750" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;"> 5689 5690 <img src="//celeirobikers.com.br/cdn/shop/files/0303.jpg?v=1773172182&width=500" alt="Coldre Celeiro" srcset="//celeirobikers.com.br/cdn/shop/files/0303.jpg?v=1773172182&width=240 240w, //celeirobikers.com.br/cdn/shop/files/0303.jpg?v=1773172182&width=352 352w" width="500" height="750" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="51557652627746" style="object-position: 50.0% 50.0%;"> 5691</div> 5692 5693 <div class="resource-card__content"> 5694 <p class="resource-card__title paragraph">Coldre Celeiro</p> 5695 5696 5697 <div ref="priceContainer"> 5698 5699 5700 5701 5702 5703 <span class="price">R$ 389,00</span> 5704 5705 5706 5707 5708</div> 5709 5710 </div> 5711</div> 5712 5713 </li> 5714 5715 </ul> 5716 5717</div> 5718 5719 5720 5721 5722 5723 </div> 5724 5725</div> 5726 5727 </div> 5728 5729 <div class="predictive-search-form__footer"> 5730 <button 5731 class="button predictive-search__search-button" 5732 ref="viewAllButton" 5733 > 5734 Ver tudo 5735 </button> 5736 </div> 5737 </div> 5738 </form> 5739 </predictive-search-component> 5740 </dialog> 5741</dialog-component> 5742 5743 5744 5745 5746 5747 <quick-add-dialog id="quick-add-dialog"> 5748 <dialog 5749 class="quick-add-modal dialog-modal color-scheme-1" 5750 ref="dialog" 5751 scroll-lock 5752 > 5753 <button 5754 ref="closeButton" 5755 on:click="/closeDialog" 5756 class="button button-unstyled close-button quick-add-modal__close" 5757 aria-label="Fechar caixa de diálogo" 5758 ><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 5759 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5760 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5761</svg> 5762</button> 5763 5764 <div 5765 id="quick-add-modal-content" 5766 class="quick-add-modal__content" 5767 ></div> 5768 </dialog> 5769</quick-add-dialog> 5770 5771 5772 5773 5774 <div id="shopify-block-AZFd6aGFnS21FS1hVa__13768625480086291342" class="shopify-block shopify-app-block">
5774<script> 5775 window['ShopifyForms'] = { 5776 ...window['ShopifyForms'], 5777 currentPageType: "product" 5778 }; 5779</script>
5779 5780 5781 5782</div><div id="shopify-block-AZmlzTlZlTkFoVVZQN__11813581335429059158" class="shopify-block shopify-app-block"> 5783 5784<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" />
5784<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>
5784 5785 <div id="wa" class="wa__widget_container" data-shop-domain="celeirobikers.com.br"></div> 5786
5786<script> 5787 5788 window.seedgrow_current_product = { 5789 title: "HAIRCLIP - Prendedor de Cabelo" 5790 }; 5791 5792 let sgwaWidgetShowOnDesktop = true; 5793 let sgwaWidgetShowOnMobile = true; 5794 let sgwaWidgetShowLabelOnDesktop = true; 5795 let sgwaWidgetShowLabelOnMobile = true; 5796 let sgwaWidgetShowDismissButtonOnDesktop = true; 5797 let sgwaWidgetShowDismissButtonOnMobile = true; 5798 let sgwaWidgetShowScrollBar = false; 5799 let sgwaWidgetShowGDPRNotice = false; 5800 let sgwaWidgetLabelText = "Need Help? <strong>Chat with us</strong>"; 5801 let sgwaWidgetText = "Start a Conversation"; 5802 let sgwaWidgetDescription = "Hi! Click one of our member below to chat on <strong>Whatsapp</strong>"; 5803 let sgwaWidgetResponseText = "The team typically replies in a few minutes."; 5804 let sgwaWidgetGDPRNotice = 'Please accept our <a href="https://seedgrow.net/privacy-policy/">privacy policy</a> first to start a conversation.'; 5805 let sgwaWidgetBackgroundColor = "2DB742"; 5806 let sgwaWidgetTextColor = "ffffff"; 5807 let sgwaWidgetPosition = "right"; 5808 let sgwaWidgetLabelWidth = 155; 5809 let sgwaWidgetScrollBarHeight = 500; 5810 let sgwaWidgetDistanceLeft = 30; 5811 let sgwaWidgetDistanceRight = 30; 5812 let sgwaWidgetDistanceBottom = 30; 5813 let sgwaWidgetIconSize = 56; 5814 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 = { 5815 backgroundColor: sgwaWidgetBackgroundColor, 5816 btnBottomDistance: sgwaWidgetDistanceBottom, 5817 btnLabel: sgwaWidgetLabelText, 5818 btnLabelWidth: sgwaWidgetLabelWidth, 5819 btnLeftDistance: sgwaWidgetDistanceLeft, 5820 btnPosition: sgwaWidgetPosition, 5821 btnRightDistance: sgwaWidgetDistanceRight, 5822 description: sgwaWidgetDescription, 5823 gdprContent: sgwaWidgetGDPRNotice, 5824 isShowOnDesktop: sgwaWidgetShowOnDesktop === true ? "ON" : "OFF", 5825 isShowOnMobile: sgwaWidgetShowOnMobile === true ? "ON" : "OFF", 5826 isShowLabelOnMobile: sgwaWidgetShowLabelOnMobile === true ? "ON" : "OFF", 5827 isShowLabelOnDesktop: sgwaWidgetShowLabelOnDesktop === true ? "ON" : "OFF", 5828 isShowDismissButtonOnDesktop: sgwaWidgetShowDismissButtonOnDesktop === true ? "ON" : "OFF", 5829 isShowDismissButtonOnMobile: sgwaWidgetShowDismissButtonOnMobile === true ? "ON" : "OFF", 5830 isShowGDPR: sgwaWidgetShowGDPRNotice === true ? "ON" : "OFF", 5831 isShowPoweredBy: "ON", 5832 isShowResponseText: "ON", 5833 isShowScroll: sgwaWidgetShowScrollBar === true ? "ON" : "OFF", 5834 responseText: sgwaWidgetResponseText, 5835 scrollHeight: sgwaWidgetScrollBarHeight, 5836 textColor: sgwaWidgetTextColor, 5837 title: sgwaWidgetText, 5838 iconSize: sgwaWidgetIconSize, 5839 useClickToChat: sgwaWidgetUseClickToChat 5840 }; 5841 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) { 5842 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")); 5843 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>'; 5844 window.seedgrow_wa_data = seedgrowWhatsAppDataJson; 5845 } else if (typeof seedgrowWhatsAppDataJson === 'undefined' && ``.length > 0) { 5846 let seedgrowWhatsAppDataJson = JSON.parse(``.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 } 5850 </script>
5850 5851 5852
5852<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>
5852 5853</div>
5853<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
5853 5854</body> 5855</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.