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="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="buy" href="/cart/49733332468002:1?ucp/version=2026-08-25" payment="com.google.pay dev.shopify.card"><link rel="alternate" type="application/json+oembed" href="https://celeirobikers.com.br/products/hairclip-prendedor-de-cabelo.oembed">
1452<script async="async" src="/checkouts/internal/preloads.js?locale=pt-BR"></script>
vendor: 1 bytes, line 1452
1452
1453<script id="shopify-features" type="application/json">{"accessToken":"127f1341b2ffae3a3b315d7f70222cf9","betas":["rich-media-storefront-analytics"],"domain":"celeirobikers.com.br","predictiveSearch":true,"shopId":90362708258,"locale":"pt-br"}</script>
vendor: 1 bytes, line 1453
1453
1454<script>var Shopify = Shopify || {}; 1455Shopify.shop = "5dde7f-7b.myshopify.com"; 1456Shopify.locale = "pt-BR"; 1457Shopify.currency = {"active":"BRL","rate":"1.0"}; 1458Shopify.country = "BR"; 1459Shopify.theme = {"name":"Horizon","id":186120634658,"schema_name":"Horizon","schema_version":"3.4.0","theme_store_id":2481,"role":"main"}; 1460Shopify.theme.handle = "null"; 1461Shopify.theme.style = {"id":null,"handle":null}; 1462Shopify.cdnHost = "celeirobikers.com.br/cdn"; 1463Shopify.routes = Shopify.routes || {}; 1464Shopify.routes.root = "/"; 1465Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 1466Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 1467Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 1468Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1468
1468
1469<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1469
1469
1470<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 1470
1470
1471<script> 1472 window.Shopify = window.Shopify || {}; 1473 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 1474 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 1475 window.Shopify.SignInWithShop.eligible = true; 1476</script>
vendor: 1 bytes, line 1476
1476
1477<script id="shop-js-analytics" type="application/json">{"pageType":"product"}</script>
vendor: 1 bytes, line 1477
1477
1478<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.pt-BR.esm.js"></script>
vendor: 1 bytes, line 1478
1478
1479<script type="module"> 1480 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.pt-BR.esm.js"); 1481 1482 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 1483 1484</script>
vendor: 1 bytes, line 1484
1484
1485<script> 1486 window.Shopify = window.Shopify || {}; 1487 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 1488 window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.pt-BR.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.pt-BR.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.pt-BR.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.pt-BR.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.pt-BR.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.pt-BR.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.pt-BR.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.pt-BR.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.pt-BR.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.pt-BR.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.pt-BR.esm.js"],"listener":["modules/v2/loader.listener.pt-BR.esm.js"],"pay-button":["modules/v2/loader.pay-button.pt-BR.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.pt-BR.esm.js"],"shop-button":["modules/v2/loader.shop-button.pt-BR.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.pt-BR.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.pt-BR.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.pt-BR.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.pt-BR.esm.js"],"shop-login":["modules/v2/loader.shop-login.pt-BR.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.pt-BR.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.pt-BR.esm.js"]}; 1489</script>
vendor: 1 bytes, line 1489
1489
1490<script id="__st">var __st={"a":90362708258,"offset":-10800,"reqid":"7c76a98a-4cad-4ee3-93cd-60ee189b67d6-1790903855","pageurl":"celeirobikers.com.br\/products\/hairclip-prendedor-de-cabelo?variant=49733332468002","u":"9684959c41d4","p":"product","rtyp":"product","rid":9484739346722};</script>
vendor: 1 bytes, line 1490
1490
1491<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1491
1491
1492<script id="form-persister">!function(){'use strict';const t='contact',e='new_comment',n=[[t,t],['blogs',e],['comments',e],[t,'customer']],o='password',r='form_key',c=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',o],s=()=>{try{return window.sessionStorage}catch{return}},i='__shopify_v',u=t=>t.elements[r],a=function(){const t=[...n].map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(',');var e;return e=t,()=>e?[...document.querySelectorAll(e)].map((t=>t.form)):[]}();function m(t){const e=u(t);a().includes(t)&&(!e||!e.value)&&function(t){try{if(!s())return;!function(t){const e=s();if(!e)return;const n=u(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){u(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:r})),t.elements[r].value=e}(t,e),function(t,e){const n=s();if(!n)return;const r=[...t.querySelectorAll(`input[type='${o}']`)].map((({name:t})=>t)),u=[...c,...r],a={};for(const[o,c]of new FormData(t).entries())u.includes(o)||(a[o]=c);n.setItem(e,JSON.stringify({[i]:1,action:t.action,data:a}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(t)}const f=t=>{if('true'===t.dataset.persistBound)return;const e=function(t,e){const n=function(t){return'function'==typeof t.submit?t.submit:HTMLFormElement.prototype.submit}(t).bind(t);return function(){let t;return()=>{t||(t=!0,(()=>{try{e(),n()}catch(t){(t=>{console.error('form submit failed',t)})(t)}})(),setTimeout((()=>t=!1),250))}}()}(t,(()=>{m(t)}));!function(t,e){if('function'==typeof t.submit&&'function'==typeof e)try{t.submit=e}catch{}}(t,e),t.addEventListener('submit',(t=>{t.preventDefault(),e()})),t.dataset.persistBound='true'};!function(){function t(t){const e=(t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form})(t);e&&m(e)}document.addEventListener('submit',t),document.addEventListener('DOMContentLoaded',(()=>{const e=a();for(const t of e)f(t);var n;n=document.body,new window.MutationObserver((t=>{for(const e of t)if('childList'===e.type&&e.addedNodes.length)for(const t of e.addedNodes)1===t.nodeType&&'FORM'===t.tagName&&a().includes(t)&&f(t)})).observe(n,{childList:!0,subtree:!0,attributes:!1}),document.removeEventListener('submit',t)}))}()}();</script>
vendor: 1 bytes, line 1492
1492
1493<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//celeirobikers.com.br/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1493
1493
1494<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//celeirobikers.com.br/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
1494<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 1494
1494
1495<script> 1496 window.Shopify = window.Shopify || {}; 1497 window.Shopify.MCP = window.Shopify.MCP || {}; 1498 window.Shopify.MCP.enabled = true; 1499 window.Shopify.MCP.shop = "5dde7f-7b.myshopify.com"; 1500 window.Shopify.MCP.mcpEndpoint = "https:\/\/celeirobikers.com.br\/api\/mcp"; 1501 window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n - What is your return policy?\n - What is your shipping policy?\n - What is your phone number?\n - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}]; 1502</script>
vendor: 1 bytes, line 1502
1502
1503<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/celeirobikers.com.br\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 1504</script>
vendor: 1 bytes, line 1504
1504
1505<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://celeirobikers.com.br/cdn/shopifycloud/portable-wallets/latest/portable-wallets.pt-br.js",t.type="module",document.head.appendChild(t)}}; 1506</script>
vendor: 1 bytes, line 1506
1506
1507<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 1508 function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent); 1509</script>
vendor: 1 bytes, line 1509
1509
1510<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}})); 1511</script>
1511 1512<link rel="stylesheet" media="screen" href="//celeirobikers.com.br/cdn/shop/t/3/compiled_assets/styles.css?v=53936038218140794061773244891">
1513<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1513 1514
1514<script src="https://cdn.shopify.com/extensions/01a0f885-56f4-79de-af41-45a261d7aae9/forms-2605/assets/shopify-forms-loader.js" type="text/javascript" defer="defer"></script>
1514 1515<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1516<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 90362708258,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "product"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 1516
1516
1517<script> 1518 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 1519</script>
vendor: 1 bytes, line 1519
1519
1520<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
1520).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 90362708258,storefrontBaseUrl: "https://celeirobikers.com.br",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://celeirobikers.com.br/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"2628354338","configuration":"{\"accountID\":\"5dde7f-7b\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"4f82d0323b06a4642fbff9b42c9979eb","type":"APP","apiClientId":12388204545,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"805372194","configuration":"{\"pixel_id\":\"1639445983275982\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Celeiro Bikers","paymentSettings":{"currencyCode":"BRL"},"myshopifyDomain":"5dde7f-7b.myshopify.com","countryCode":"BR","storefrontUrl":"https:\/\/celeirobikers.com.br"},"customer":null,"cart":null,"checkout":null,"productVariants":[{"price":{"amount":89.9,"currencyCode":"BRL"},"product":{"title":"HAIRCLIP - Prendedor de Cabelo","vendor":"My Store","id":"9484739346722","untranslatedTitle":"HAIRCLIP - Prendedor de Cabelo","url":"\/products\/hairclip-prendedor-de-cabelo","type":""},"id":"49733332468002","image":{"src":"\/\/celeirobikers.com.br\/cdn\/shop\/files\/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865"},"sku":"HAIRCLIP-1","title":"Preto","untranslatedTitle":"Preto"},{"price":{"amount":89.9,"currencyCode":"BRL"},"product":{"title":"HAIRCLIP - Prendedor de Cabelo","vendor":"My Store","id":"9484739346722","untranslatedTitle":"HAIRCLIP - Prendedor de Cabelo","url":"\/products\/hairclip-prendedor-de-cabelo","type":""},"id":"49733332500770","image":{"src":"\/\/celeirobikers.com.br\/cdn\/shop\/files\/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865"},"sku":"HAIRCLIP-2","title":"Marrom","untranslatedTitle":"Marrom"}],"products":[{"id":"9484739346722","handle":"hairclip-prendedor-de-cabelo","isCollective":null,"title":"HAIRCLIP - Prendedor de Cabelo","type":null,"untranslatedTitle":"HAIRCLIP - Prendedor de Cabelo","url":"\/products\/hairclip-prendedor-de-cabelo","vendor":"My Store","remoteShopId":null,"variants":[{"id":"49733332468002","image":{"src":"\/\/celeirobikers.com.br\/cdn\/shop\/files\/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865"},"price":{"amount":89.9,"currencyCode":"BRL"},"sku":"HAIRCLIP-1","title":"Preto","untranslatedTitle":"Preto"},{"id":"49733332500770","image":{"src":"\/\/celeirobikers.com.br\/cdn\/shop\/files\/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865"},"price":{"amount":89.9,"currencyCode":"BRL"},"sku":"HAIRCLIP-2","title":"Marrom","untranslatedTitle":"Marrom"}]}
1520,{"id":"10491663024418","handle":"camisa-de-flanela-xadrez","isCollective":null,"title":"Camisa de Flanela Xadrez","type":null,"untranslatedTitle":"Camisa de Flanela Xadrez","url":"\/products\/camisa-de-flanela-xadrez","vendor":"Celeiro Bikers","remoteShopId":null,"variants":[{"id":"52477597843746","image":{"src":"\/\/celeirobikers.com.br\/cdn\/shop\/files\/792bfc7c8db2a76fdd9602fd759f382e_518db65a-ece2-4433-be7d-5df02ad382f8.jpg?v=1788538022"},"price":{"amount":147.0,"currencyCode":"BRL"},"sku":"camixadrez8","title":"Vermelho \/ M","untranslatedTitle":"Vermelho \/ M"}]},{"id":"10107745894690","handle":"short-saia-snake-print","isCollective":null,"title":"Short Saia Snake Print","type":null,"untranslatedTitle":"Short Saia Snake Print","url":"\/products\/short-saia-snake-print","vendor":"Celeiro Bikers","remoteShopId":null,"variants":[{"id":"51606116958498","image":{"src":"\/\/celeirobikers.com.br\/cdn\/shop\/files\/8b0990bd33d754382e9fd9e65e8d56e1.jpg?v=1778014994"},"price":{"amount":145.0,"currencyCode":"BRL"},"sku":"snakeprint4","title":"P","untranslatedTitle":"P"}]},{"id":"9484781715746","handle":"regata-feminina-canelada","isCollective":null,"title":"Regata To Ride","type":null,"untranslatedTitle":"Regata To Ride","url":"\/products\/regata-feminina-canelada","vendor":"My Store","remoteShopId":null,"variants":[{"id":"49151868600610","image":{"src":"\/\/celeirobikers.com.br\/cdn\/shop\/files\/0172_66e14213-4afe-4ccb-b53e-6e755803aad5.jpg?v=1761572929"},"price":{"amount":117.9,"currencyCode":"BRL"},"sku":"regfemcanelad02","title":"OFF WHITE \/ M","untranslatedTitle":"OFF WHITE \/ M"}]}],"purchasingCompany":null},},"https://celeirobikers.com.br/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"186120634658","themeStoreId":"2481","themePublished":"true","eventMetadataId":"ecc5b2c9-f3a5-439b-ad58-b40a12840829","pageType":"product","resourceId":"9484739346722","shopId":"90362708258","storefrontBaseUrl":"https:\/\/celeirobikers.com.br","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}],[\"product_viewed\",{\"productVariant\":{\"price\":{\"amount\":89.9,\"currencyCode\":\"BRL\"},\"product\":{\"title\":\"HAIRCLIP - Prendedor de Cabelo\",\"vendor\":\"My Store\",\"id\":\"9484739346722\",\"untranslatedTitle\":\"HAIRCLIP - Prendedor de Cabelo\",\"url\":\"\/products\/hairclip-prendedor-de-cabelo\",\"type\":\"\"},\"id\":\"49733332468002\",\"image\":{\"src\":\"\/\/celeirobikers.com.br\/cdn\/shop\/files\/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865\"},\"sku\":\"HAIRCLIP-1\",\"title\":\"Preto\",\"untranslatedTitle\":\"Preto\"}}]]"});})();</script>
1520<script> 1521 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 1522 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 1523 window.ShopifyAnalytics.meta.currency = 'BRL'; 1524 var meta = {"product":{"id":9484739346722,"gid":"gid:\/\/shopify\/Product\/9484739346722","vendor":"My Store","type":"","handle":"hairclip-prendedor-de-cabelo","variants":[{"id":49733332468002,"price":8990,"name":"HAIRCLIP - Prendedor de Cabelo - Preto","public_title":"Preto","sku":"HAIRCLIP-1"},{"id":49733332500770,"price":8990,"name":"HAIRCLIP - Prendedor de Cabelo - Marrom","public_title":"Marrom","sku":"HAIRCLIP-2"}],"remote":false},"page":{"pageType":"product","resourceType":"product","resourceId":9484739346722,"requestId":"7c76a98a-4cad-4ee3-93cd-60ee189b67d6-1790903855"}}; 1525 for (var attr in meta) { 1526 window.ShopifyAnalytics.meta[attr] = meta[attr]; 1527 } 1528</script>
vendor: 1 bytes, line 1528
1528
1529<script class="analytics"> 1530 (function () { 1531 var customDocumentWrite = function(content) { 1532 var jquery = null; 1533 1534 if (window.jQuery) { 1535 jquery = window.jQuery; 1536 } else if (window.Checkout && window.Checkout.$) { 1537 jquery = window.Checkout.$; 1538 } 1539 1540 if (jquery) { 1541 jquery('body').append(content); 1542 } 1543 }; 1544 1545 var hasLoggedConversion = function(token) { 1546 if (token) { 1547 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 1548 } 1549 return false; 1550 } 1551 1552 var setCookieIfConversion = function(token) { 1553 if (token) { 1554 var twoMonthsFromNow = new Date(Date.now()); 1555 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 1556 1557 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 1558 } 1559 } 1560 1561 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 1562 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 1563 if (trekkie.integrations) { 1564 return; 1565 } 1566 trekkie.methods = [ 1567 'identify', 1568 'page', 1569 'ready', 1570 'track', 1571 'trackForm', 1572 'trackLink' 1573 ]; 1574 trekkie.factory = function(method) { 1575 return function() { 1576 var args = Array.prototype.slice.call(arguments); 1577 args.unshift(method); 1578 trekkie.push(args); 1579 if (method == 'track' || method == 'page') { 1580 var pageUrl; 1581 try { 1582 pageUrl = window.location.href; 1583 } catch (e) {} 1584 var pageReferrer; 1585 try { 1586 pageReferrer = document.referrer; 1587 } catch (e) {} 1588 try { 1589 if (window.__TREKKIE_SHIM_QUEUE == null) { 1590 window.__TREKKIE_SHIM_QUEUE = []; 1591 } 1592 window.__TREKKIE_SHIM_QUEUE.push({ 1593 from: 'trekkie-stub', 1594 method: method, 1595 args: args.slice(1), 1596 pageContext: { 1597 url: pageUrl, 1598 referrer: pageReferrer 1599 } 1600 }); 1601 } catch (e) { 1602 // no-op 1603 } 1604 } 1605 return trekkie; 1606 }; 1607 }; 1608 for (var i = 0; i < trekkie.methods.length; i++) { 1609 var key = trekkie.methods[i]; 1610 trekkie[key] = trekkie.factory(key); 1611 } 1612 trekkie.load = function(config) { 1613 trekkie.config = config || {}; 1614 trekkie.config.initialDocumentCookie = document.cookie; 1615 var first = document.getElementsByTagName('script')[0]; 1616var script = document.createElement('script'); 1617script.type = 'text/javascript'; 1618script.onerror = function(e) { 1619 var scriptFallback = document.createElement('script'); 1620 scriptFallback.type = 'text/javascript'; 1621 scriptFallback.onerror = function(error) { 1622 var Monorail = { 1623 produce: function produce(monorailDomain, schemaId, payload) { 1624 var currentMs = new Date().getTime(); 1625 var event = { 1626 schema_id: schemaId, 1627 payload: payload, 1628 metadata: { 1629 event_created_at_ms: currentMs, 1630 event_sent_at_ms: currentMs 1631 } 1632 }; 1633 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 1634 }, 1635 sendRequest: function sendRequest(endpointUrl, payload) { 1636 // Try the sendBeacon API 1637 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 1638 var blobData = new window.Blob([payload], { 1639 type: 'text/plain' 1640 }); 1641 1642 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 1643 return true; 1644 } // sendBeacon was not successful 1645 1646 } // XHR beacon 1647 1648 var xhr = new XMLHttpRequest(); 1649 1650 try { 1651 xhr.open('POST', endpointUrl); 1652 xhr.setRequestHeader('Content-Type', 'text/plain'); 1653 xhr.send(payload); 1654 } catch (e) { 1655 console.log(e); 1656 } 1657 1658 return false; 1659 }, 1660 isIos12: function isIos12() { 1661 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 1662 } 1663 }; 1664 Monorail.produce('monorail-edge.shopifysvc.com', 1665 'trekkie_storefront_load_errors/1.1', 1666 {shop_id: 90362708258, 1667 theme_id: 186120634658, 1668 app_name: "storefront", 1669 context_url: window.location.href, 1670 source_url: "//celeirobikers.com.br/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"}); 1671 1672 }; 1673 scriptFallback.async = true; 1674 scriptFallback.src = '//celeirobikers.com.br/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 1675 first.parentNode.insertBefore(scriptFallback, first); 1676}; 1677script.async = true; 1678script.src = '//celeirobikers.com.br/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 1679first.parentNode.insertBefore(script, first); 1680 1681 }; 1682 trekkie.load( 1683 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":90362708258,"isMerchantRequest":null,"themeId":186120634658,"themeCityHash":"1753135264610566311","contentLanguage":"pt-BR","currency":"BRL","eventMetadataId":"ecc5b2c9-f3a
16835-439b-ad58-b40a12840829"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 1684 ); 1685 1686 var loaded = false; 1687 trekkie.ready(function() { 1688 if (loaded) return; 1689 loaded = true; 1690 1691 window.ShopifyAnalytics.lib = window.trekkie; 1692 1693 var originalDocumentWrite = document.write; 1694 document.write = customDocumentWrite; 1695 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 1696 document.write = originalDocumentWrite; 1697 1698 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 1699 var token = match? match[1]: undefined; 1700 if (!hasLoggedConversion(token)) { 1701 setCookieIfConversion(token); 1702 window.ShopifyAnalytics.lib.track("Viewed Product",{"currency":"BRL","variantId":49733332468002,"productId":9484739346722,"productGid":"gid:\/\/shopify\/Product\/9484739346722","name":"HAIRCLIP - Prendedor de Cabelo - Preto","price":"89.90","sku":"HAIRCLIP-1","brand":"My Store","variant":"Preto","category":"","nonInteraction":true,"remote":false,"available":true},undefined,undefined,{"shopifyEmitted":true}); 1703 } 1704 }); 1705 1706 window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":9484739346722,"requestId":"7c76a98a-4cad-4ee3-93cd-60ee189b67d6-1790903855","shopifyEmitted":true}); 1707 1708 var eventsListenerScript = document.createElement('script'); 1709 eventsListenerScript.async = true; 1710 eventsListenerScript.src = "//celeirobikers.com.br/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 1711 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 1712})();</script>
vendor: 1 bytes, line 1712
1712
1713<script 1714 defer 1715 src="https://celeirobikers.com.br/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 1716 data-application="storefront-renderer" 1717 data-shop-id="90362708258" 1718 data-render-region="gcp-us-central1" 1719 data-page-type="product" 1720 data-theme-instance-id="186120634658" 1721 data-theme-name="Horizon" 1722 data-theme-version="3.4.0" 1723 data-monorail-region="shop_domain" 1724 data-resource-timing-sampling-rate="10" 1725 data-shs="true" 1726 data-shs-beacon="true" 1727 data-shs-export-with-fetch="true" 1728 data-shs-logs-sample-rate="1" 1729 data-shs-beacon-endpoint="https://celeirobikers.com.br/api/collect" 1730></script>
vendor: 1 bytes, line 1730
1730
1731<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script>
1731<script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"90362708258","customerAccountTranslations":[{"key":"account_menu.signed_out_state.sheet_title","value":"Fazer login ou criar uma conta"},{"key":"account_menu.signed_out_state.section_divider","value":"Mais formas de fazer login"},{"key":"account_menu.signed_out_state.alternate_divider","value":"OU"},{"key":"account_menu.signed_out_state.email_field_label","value":"E-mail"},{"key":"account_menu.signed_out_state.orders_button","value":"Pedidos"},{"key":"account_menu.signed_out_state.profile_button","value":"Perfil"},{"key":"account_menu.signed_out_state.shop_login_button","value":"Fazer login com o Shop"},{"key":"account_menu.signed_out_state.continue_with_google","value":"Continuar com o Google"},{"key":"account_menu.signed_out_state.continue_with_facebook","value":"Continuar com o Facebook"},{"key":"account_menu.signed_out_state.marketing_consent_label","value":"Enviar novidades e ofertas para mim por e-mail"},{"key":"account_menu.signed_in_state.greeting_with_name","value":"Olá, {{first_name}}"},{"key":"account_menu.signed_in_state.greeting_without_name","value":"Conta"},{"key":"account_menu.signed_in_state.orders_button","value":"Pedidos"},{"key":"account_menu.signed_in_state.profile_button","value":"Perfil"},{"key":"account_menu.location_picker.sheet_title","value":"Locais"},{"key":"account_menu.location_picker.search_field_placeholder","value":"Pesquisa"},{"key":"account_menu.aria_labels.close_menu","value":"Fechar menu"},{"key":"account_menu.aria_labels.back_to_main_menu","value":"Voltar para o menu principal de {{title}}"},{"key":"account_menu.aria_labels.open_submenu","value":"{{title}}, abre o submenu"},{"key":"account_menu.aria_labels.loading_menu","value":"Carregando menu"},{"key":"account_menu.aria_labels.account","value":"Conta"},{"key":"account_menu.aria_labels.sign_in_with_email","value":"Fazer login com e-mail"},{"key":"account_menu.aria_labels.sign_in","value":"Fazer login"}],"socialLoginProviders":[{"handle":"Shop"}],"legacyCustomerAccounts":false,"signInLinksVisible":true,"b2bEnabled":false,"marketingConsentSigninEnabled":true,"marketingConsentPreselected":false},"visitor":{"country":"BR","language":"pt-BR"}}</script>
1731 1732<meta name="shopify-y" content="e457bbbb-e02a-4d27-aa72-2b8faa477b15" data-expiration="1822461455000"><meta name="shopify-s" content="31de808e-03a9-4519-affa-afe0d0db3e49" data-expiration="1790905655000"><meta name="new-cookie-storage-activated" content="t"> 1733</head> 1734 1735 <body class="page-width-narrow card-hover-effect-none"> 1736 <a 1737 class="skip-to-content-link button-secondary" 1738 href="#MainContent" 1739> 1740 Pular para o conteúdo 1741</a> 1742 1743 1744 1745 <div id="header-group"> 1746 <!-- BEGIN sections: header-group --> 1747<div id="shopify-section-sections--26710061842722__header_announcements_9jGBFp" class="shopify-section shopify-section-group-header-group"> 1748 1749 1750
1750<script 1751 src="//celeirobikers.com.br/cdn/shop/t/3/assets/announcement-bar.js?v=34024675399582161451773244888" 1752 type="module" 1753 fetchpriority="low" 1754 ></script>
1754 1755 1756 1757<div class="section-background color-scheme-5"></div> 1758<aside 1759 class="announcement-bar spacing-style section section--page-width color-scheme-5" 1760 style="--padding-block-start: 15px; --padding-block-end:15px; 1761--padding-inline-start:0px; --padding-inline-end:0px; 1762; --border-bottom-width: 0.5px;" 1763> 1764 1765 1766 <announcement-bar-component 1767 class="announcement-bar__slider" 1768 1769 autoplay="5" aria-live="polite" 1770 1771 > 1772 1773 <slideshow-arrows 1774 position="center" 1775 1776><button 1777 class=" 1778 slideshow-control slideshow-control--previous 1779 1780 1781 slideshow-control--style-chevron 1782 button button-unstyled button-unstyled--transparent 1783 flip-x 1784 " 1785 1786 aria-label="Slide anterior" 1787 1788 on:click="/previous" 1789 ref="previous" 1790> 1791 <span class="svg-wrapper icon-caret"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 1792 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 1793</svg> 1794</span> 1795</button> 1796 1797 1798<button 1799 class=" 1800 slideshow-control slideshow-control--next 1801 1802 1803 slideshow-control--style-chevron 1804 button button-unstyled button-unstyled--transparent 1805 1806 " 1807 1808 aria-label="Próximo slide" 1809 1810 on:click="/next" 1811 ref="next" 1812> 1813 <span class="svg-wrapper icon-caret"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 1814 <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 1815</svg> 1816</span> 1817</button> 1818 1819 1820</slideshow-arrows> 1821 1822 1823 1824 <div class="announcement-bar__slides"> 1825 1826<slideshow-slide 1827 ref="slides[]" 1828 class=" 1829 announcement-bar__slide 1830 text-block 1831 text-block--Abjh5djdwMVRRNWVKS__announcement_FaJWQR 1832 text-block--align-center 1833 text-block--full-width 1834 custom-typography 1835 custom-font-size 1836 1837 " 1838 style=" 1839 1840--color: ;--font-size: 0.75rem; --font-weight: var(--font-subheading--weight);--font-family: var(--font-subheading--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-normal); 1841 --width: 100%; 1842 --text-align: center; 1843 --line-height: 1; 1844 " 1845 1846 aria-hidden="false" 1847 > 1848 <p class="announcement-bar__text"> 1849 Frete Grátis para todo Sudeste e Centro-oeste em compras acima de R$499 1850 </p> 1851 1852 1853 </slideshow-slide> 1854 1855 1856 1857<slideshow-slide 1858 ref="slides[]" 1859 class=" 1860 announcement-bar__slide 1861 text-block 1862 text-block--AZEVkdk1HWk9GR2RKa__announcement_dUjGzA 1863 text-block--align-center 1864 text-block--full-width 1865 custom-typography 1866 custom-font-size 1867 1868 " 1869 style=" 1870 1871--color: ;--font-size: 0.75rem; --font-weight: var(--font-subheading--weight);--font-family: var(--font-subheading--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-normal); 1872 --width: 100%; 1873 --text-align: center; 1874 --line-height: 1; 1875 " 1876 1877 aria-hidden="true" 1878 > 1879 <p class="announcement-bar__text"> 1880 Pague em até 2x sem Juros 1881 </p> 1882 1883 1884 </slideshow-slide> 1885 1886 1887 1888<slideshow-slide 1889 ref="slides[]" 1890 class=" 1891 announcement-bar__slide 1892 text-block 1893 text-block--ARGIvaDZ6dHNxV1o1M__announcement_BxgCk9 1894 text-block--align-center 1895 text-block--full-width 1896 custom-typography 1897 custom-font-size 1898 1899 " 1900 style=" 1901 1902--color: ;--font-size: 0.75rem; --font-weight: var(--font-subheading--weight);--font-family: var(--font-subheading--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-normal); 1903 --width: 100%; 1904 --text-align: center; 1905 --line-height: 1; 1906 " 1907 1908 aria-hidden="true" 1909 > 1910 <p class="announcement-bar__text"> 1911 5% OFF em sua primeira compra - Cupom: BEMVINDO5 1912 </p> 1913 1914 1915 </slideshow-slide> 1916 1917 1918 1919 </div> 1920 </announcement-bar-component> 1921</aside> 1922 1923 1924 1925 1926</div><header id="shopify-section-sections--26710061842722__header_section" class="shopify-section shopify-section-group-header-group header-section"> 1927 1928 1929 1930 1931
1932<script type="application/ld+json"> 1933 { 1934 "@context": "http://schema.org", 1935 "@type": "Organization", 1936 "name": "Celeiro Bikers", 1937 1938 "logo": "https:\/\/celeirobikers.com.br\/cdn\/shop\/files\/LOGO-CELEIRO-1-e1701878919300-2_1_1.png?v=1740853735\u0026width=500", 1939 1940 "url": "https:\/\/celeirobikers.com.br" 1941 } 1942</script>
1942 1943 1944<header-component 1945 id="header-component" 1946 class="header header--collapse-row-paddings" 1947 data-theme-color="rgb(255 255 255)" 1948 1949 1950 sticky="always" 1951 1952 data-skip-node-update 1953 data-scroll-direction="none" 1954 1955 1956 style=" 1957 --color-scheme-top-row: rgba(255 255 255 / 1.0); 1958 --color-scheme-bottom-row: rgba(255 255 255 / 1.0); 1959 1960 " 1961> 1962 <div class="header__underlay header__underlay-closed"></div> 1963 <div 1964 class="header__underlay header__underlay-open" 1965 ></div> 1966 1967 1968 1969 1970 1971 1972 <div 1973 class="header__row header__row--top color-scheme-1 section section--full-width-margin section--page-width divider--page-width" 1974 ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px;"> 1975 <div class="header__columns spacing-style"> 1976 <div 1977 class="header__column header__column--left" 1978 data-testid="header-top-left" 1979 > 1980 1981 1982 1983 1984 1985 1986 1987 <div 1988 class="header__drawer" 1989 ref="headerDrawerContainer" 1990 data-hydration-key="header-drawer-mobile" 1991 1992 > 1993 1994
1995<script 1996 src="//celeirobikers.com.br/cdn/shop/t/3/assets/header-drawer.js?v=121243031541024704371773244888" 1997 type="module" 1998 fetchpriority="low" 1999></script>
1999 2000 2001<header-drawer 2002 class="header-drawer " 2003 style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;" 2004> 2005 <details 2006 id="Details-menu-drawer-container" 2007 data-skip-node-update="true" 2008 class="menu-drawer-container" 2009 ref="details" 2010 scroll-lock 2011 > 2012 <summary 2013 class="header__icon header__icon--menu header__icon--summary" 2014 aria-label="Menu" 2015 on:click="/toggle" 2016 > 2017 <span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2018 <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 2019 <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 2020</svg> 2021</span> 2022 <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2023 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2024 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2025</svg> 2026</span> 2027 </summary> 2028 <div 2029 ref="menuDrawer" 2030 class=" 2031 menu-drawer 2032 color-scheme-1 2033 " 2034 > 2035 <button 2036 class="button close-button menu-drawer__close-button" 2037 type="button" 2038 aria-label="Fechar" 2039 on:click="/close" 2040 > 2041 <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2042 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2043 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2044</svg> 2045</span> 2046 </button> 2047 <nav 2048 class="menu-drawer__navigation" 2049 style="--menu-top-level-font-family: var(--font-body--family); 2050--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none; 2051 2052 --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height: 2053 var(--menu-font-2xl--line-height); 2054 2055--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb); 2056 2057--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style: 2058var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case: 2059none; 2060 2061 --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: 2062 var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) / 2063 var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground); 2064 2065--menu-child-font-family: var(--font-body--family); --menu-child-font-style: 2066var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case: 2067none; 2068 2069 --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); 2070 --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) / 2071 var(--opacity-subdued-text)); 2072 2073 2074 " 2075 aria-label="Principal" 2076 > 2077 <ul 2078 class="menu-drawer__menu has-submenu" 2079 role="list" 2080 > 2081 2082 2083 2084 <li 2085 style="--menu-drawer-animation-index: 1;" 2086 class="menu-drawer__list-item--flat" 2087 > 2088 2089<a 2090 id="HeaderDrawer-inicio" 2091 href="/" 2092 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 2093 2094 >
2095 <span class="menu-drawer__menu-item-text wrap-text">InÃcio</span> 2096 </a> 2097 2098 </li> 2099 <li 2100 style="--menu-drawer-animation-index: 2;" 2101 class="menu-drawer__list-item--flat" 2102 > 2103 2104<a 2105 id="HeaderDrawer-produtos" 2106 href="https://celeirobikers.com.br/collections/all" 2107 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 2108 2109 > 2110 <span class="menu-drawer__menu-item-text wrap-text">Produtos</span> 2111 </a> 2112 2113 <ul 2114 class="menu-drawer__menu menu-drawer__menu--childlist" 2115 role="list" 2116 tabindex="-1" 2117 ><li 2118 class="menu-drawer__list-item" 2119 style="--menu-drawer-animation-index: 2;" 2120 > 2121 <a 2122 href="/collections/lifestyle" 2123 class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset" 2124 2125 > 2126 2127 <span class="menu-drawer__menu-item-text wrap-text">Calças e Shorts</span> 2128 </a> 2129 </li><li 2130 class="menu-drawer__list-item" 2131 style="--menu-drawer-animation-index: 2;" 2132 > 2133 <a 2134 href="/collections/camisas" 2135 class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset" 2136 2137 > 2138 2139 <span class="menu-drawer__menu-item-text wrap-text">Camisas</span> 2140 </a> 2141 </li><li 2142 class="menu-drawer__list-item" 2143 style="--menu-drawer-animation-index: 2;" 2144 > 2145 <a 2146 href="/collections/camisetas" 2147 class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset" 2148 2149 > 2150 2151 <span class="menu-drawer__menu-item-text wrap-text">Camisetas</span> 2152 </a> 2153 </li><li 2154 class="menu-drawer__list-item" 2155 style="--menu-drawer-animation-index: 2;" 2156 > 2157 <a 2158 href="/collections/casacos" 2159 class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset" 2160 2161 > 2162 2163 <span class="menu-drawer__menu-item-text wrap-text">Casacos</span> 2164 </a> 2165 </li><li 2166 class="menu-drawer__list-item" 2167 style="--menu-drawer-animation-index: 2;" 2168 > 2169 <a 2170 href="/collections/tops-e-bodys" 2171 class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset" 2172 2173 > 2174 2175 <span class="menu-drawer__menu-item-text wrap-text">Tops e Bodys</span> 2176 </a> 2177 </li><li 2178 class="menu-drawer__list-item" 2179 style="--menu-drawer-animation-index: 2;" 2180 > 2181 <a 2182 href="/collections/jaquetas-e-coletes" 2183 class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset" 2184 2185 > 2186
2187 <span class="menu-drawer__menu-item-text wrap-text">Jaquetas e Coletes</span> 2188 </a> 2189 </li><li 2190 class="menu-drawer__list-item" 2191 style="--menu-drawer-animation-index: 2;" 2192 > 2193 <a 2194 href="/collections/regatas" 2195 class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset" 2196 2197 > 2198 2199 <span class="menu-drawer__menu-item-text wrap-text">Regatas</span> 2200 </a> 2201 </li><li 2202 class="menu-drawer__list-item" 2203 style="--menu-drawer-animation-index: 2;" 2204 > 2205 <a 2206 href="/collections/acessorios" 2207 class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset" 2208 2209 > 2210 2211 <span class="menu-drawer__menu-item-text wrap-text">Acessórios</span> 2212 </a> 2213 </li><li 2214 class="menu-drawer__list-item" 2215 style="--menu-drawer-animation-index: 2;" 2216 > 2217 <a 2218 href="/collections/masculino" 2219 class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset" 2220 2221 > 2222 2223 <span class="menu-drawer__menu-item-text wrap-text">Masculino</span> 2224 </a> 2225 </li><li 2226 class="menu-drawer__list-item" 2227 style="--menu-drawer-animation-index: 2;" 2228 > 2229 <a 2230 href="/collections/chapeu-personalizados" 2231 class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset" 2232 2233 > 2234 2235 <span class="menu-drawer__menu-item-text wrap-text">Chapéus Personalizados</span> 2236 </a> 2237 </li></ul> 2238 2239 </li> 2240 <li 2241 style="--menu-drawer-animation-index: 3;" 2242 class="menu-drawer__list-item--flat" 2243 > 2244 2245<a 2246 id="HeaderDrawer-contato" 2247 href="/pages/contact" 2248 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 2249 2250 > 2251 <span class="menu-drawer__menu-item-text wrap-text">Contato</span> 2252 </a> 2253 2254 </li> 2255 <li 2256 style="--menu-drawer-animation-index: 4;" 2257 class="menu-drawer__list-item--flat" 2258 > 2259 2260<a 2261 id="HeaderDrawer-quem-somos" 2262 href="/pages/quem-somos" 2263 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 2264 2265 > 2266 <span class="menu-drawer__menu-item-text wrap-text">Quem somos</span> 2267 </a> 2268 2269 </li> 2270 <li 2271 style="--menu-drawer-animation-index: 5;" 2272 class="menu-drawer__list-item--flat" 2273 > 2274 2275<a 2276 id="HeaderDrawer-chapeus-personalizados" 2277 href="/collections/chapeu-personalizados" 2278 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 2279 2280 >
2281 <span class="menu-drawer__menu-item-text wrap-text">Chapéus Personalizados</span> 2282 </a> 2283 2284 </li> 2285 <li 2286 style="--menu-drawer-animation-index: 6;" 2287 class="menu-drawer__list-item--flat" 2288 > 2289 2290<a 2291 id="HeaderDrawer-collabs" 2292 href="/collections/collabs" 2293 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 2294 2295 > 2296 <span class="menu-drawer__menu-item-text wrap-text">Collabs</span> 2297 </a> 2298 2299 </li> 2300 <li 2301 style="--menu-drawer-animation-index: 7;" 2302 class="menu-drawer__list-item--flat" 2303 > 2304 2305<a 2306 id="HeaderDrawer-outlet" 2307 href="/collections/outlet" 2308 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 2309 2310 > 2311 <span class="menu-drawer__menu-item-text wrap-text">Outlet</span> 2312 </a> 2313 2314 </li> 2315 <li 2316 style="--menu-drawer-animation-index: 8;" 2317 class="menu-drawer__list-item--flat" 2318 > 2319 2320<a 2321 id="HeaderDrawer-on-the-road" 2322 href="/pages/celeiro-on-the-road" 2323 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset" 2324 2325 > 2326 <span class="menu-drawer__menu-item-text wrap-text">ON THE ROAD</span> 2327 </a> 2328 2329 </li> 2330 </ul> 2331 </nav> 2332 <div 2333 class="menu-drawer__utility-links menu-drawer__animated-element" 2334 style="--menu-drawer-animation-index: 8;" 2335 > 2336 2337 </div> 2338 2339 2340 </div> 2341 <div 2342 class="menu-drawer__backdrop" 2343 on:click="header-drawer/close" 2344 ></div> 2345 </details> 2346</header-drawer> 2347 2348 2349 2350 </div> 2351 2352 2353 2354<style data-shopify> 2355 .header__underlay { 2356 --color-submenu: rgb(255 255 255 / 1.0); 2357 } 2358</style> 2359 2360 2361 2362 2363 2364 2365 2366 2367 2368 2369 <search-button 2370 class="search-action search-action--hidden-on-menu" 2371 > 2372 <button 2373 on:click="#search-modal/showDialog" 2374 class="button-unstyled header-actions__action" 2375 aria-label="Pesquisa" 2376 aria-haspopup="dialog" 2377 > 2378 <span class="hidden"> 2379 Pesquisa 2380 </span> 2381 2382 <span class="svg-wrapper "> 2383 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg> 2384 2385 </span> 2386 </button> 2387 </search-button> 2388 2389 2390 2391 2392 2393 2394 2395 </div><div 2396 class="header__column header__column--center" 2397 data-testid="header-top-center" 2398 > 2399 2400 2401 2402 2403 2404 2405 2406 2407<a 2408 2409 href="/" 2410 class="size-style spacing-style header-logo" 2411 style=" 2412 --size-style-width: ;--size-style-height: ; 2413 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 2414 --font-family: var(--font-body--family); 2415 --font-style: var(--font-body--style); 2416 --font-weight: 600; 2417 " 2418 2419> 2420 2421 2422 <span 2423 class="header-logo__image-container header-logo__image-container--original" 2424 data-testid="header-logo" 2425 > 2426 2427 2428 2429 2430 2431 2432 2433 2434 2435 2436 2437 <img src="//celeirobikers.com.br/cdn/shop/files/LOGO-CELEIRO-1-e1701878919300-2_1_1.png?height=36&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;"> 2438 2439 2440 </span> 2441 2442 2443</a> 2444 2445 2446 2447 2448 2449 2450 2451 2452 </div><div 2453 class="header__column header__column--right" 2454 data-testid="header-top-right" 2455 > 2456 2457 2458 2459 2460 2461 2462 2463 2464 2465 2466 2467 2468 2469 <search-button 2470 class="search-action search-action--hidden-on-drawer" 2471 > 2472 <button 2473 on:click="#search-modal/showDialog" 2474 class="button-unstyled header-actions__action" 2475 aria-label="Pesquisa" 2476 aria-haspopup="dialog" 2477 >
2478 <span class="hidden"> 2479 Pesquisa 2480 </span> 2481 2482 <span class="svg-wrapper "> 2483 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg> 2484 2485 </span> 2486 </button> 2487 </search-button> 2488 2489 2490 2491 2492 2493 2494 2495 2496 2497
2497<script 2498 type="module" 2499 src="//celeirobikers.com.br/cdn/shop/t/3/assets/cart-icon.js?v=157241182139685326961773244888" 2500 fetchpriority="low" 2501></script>
2501 2502 2503 2504 2505 2506 2507<header-actions 2508 2509> 2510 2511 2512 <div 2513 class="account-button header-actions__action color-scheme-1" 2514 > 2515 <shopify-store store-domain="https://celeirobikers.com.br" country="BR" language="pt-BR"></shopify-store> 2516<shopify-account 2517 menu="customer-account-main-menu" 2518 2519 > 2520 2521 <span 2522 slot="signed-out-avatar" 2523 class="account-button__text header-actions__text-style hidden" 2524 > 2525 Conta 2526 </span> 2527 2528 <span 2529 slot="signed-out-avatar" 2530 class="" 2531 aria-hidden="true" 2532 > 2533 2534 <svg 2535 xmlns="http://www.w3.org/2000/svg" 2536 width="15" 2537 height="17" 2538 viewBox="0 0 15 17" 2539 fill="none" 2540 slot="signed-out-avatar" 2541 class="account-button__icon" 2542 > 2543 <path 2544 stroke="currentColor" 2545 stroke-linejoin="round" 2546 stroke-width="var(--icon-stroke-width)" 2547 d="M10.375 3.813a3.063 3.063 0 1 1-6.125 0 3.063 3.063 0 0 1 6.125 0ZM7.313 9.5c-3.667 0-6.24 2.691-6.563 6.125h13.125C13.552 12.191 10.979 9.5 7.312 9.5Z" 2548 /> 2549 </svg> 2550 2551 </span> 2552 2553 </shopify-account> 2554 </div> 2555 2556 2557 2558
2558<script 2559 src="//celeirobikers.com.br/cdn/shop/t/3/assets/cart-drawer.js?v=34004441742206350331773244888" 2560 type="module" 2561 fetchpriority="low" 2562 ></script>
2562 2563 2564 2565 2566 <cart-drawer-component 2567 class="cart-drawer" 2568 2569 2570 > 2571 <template id="empty-cart-template"> 2572 2573 <div class="cart-drawer__header"> 2574 <button 2575 ref="closeButton" 2576 on:click="cart-drawer-component/close" 2577 class="button close-button cart-drawer__close-button button-unstyled" 2578 aria-label="Fechar caixa de diálogo" 2579 > 2580 <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2581 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2582 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2583</svg> 2584</span> 2585 </button> 2586 </div> 2587 2588 <div 2589 class="cart-drawer__content" 2590 aria-label="Carrinho" 2591 > 2592 <h2 2593 class="cart-drawer__heading h4 cart-drawer__heading--empty" 2594 id="cart-drawer-heading-empty" 2595 > 2596 O carrinho está vazio 2597 </h2> 2598 2599 <div class="cart-drawer__items"> 2600 2601 2602 2603
2604<script 2605 src="//celeirobikers.com.br/cdn/shop/t/3/assets/component-cart-items.js?v=16199507049899445991773244888" 2606 type="module" 2607 fetchpriority="low" 2608></script>
vendor: 1 bytes, line 2608
2608
2609<script 2610 src="//celeirobikers.com.br/cdn/shop/t/3/assets/component-cart-quantity-selector.js?v=105130809908858639751773244888" 2611 type="module" 2612 fetchpriority="low" 2613></script>
vendor: 1 bytes, line 2613
2613
2614<script 2615 src="//celeirobikers.com.br/cdn/shop/t/3/assets/volume-pricing-info.js?v=94479640769665442661773244888" 2616 type="module" 2617 fetchpriority="low" 2618></script>
2618 2619 2620<div 2621 2622 class="cart-items__wrapper" 2623 2624> 2625 2626<p> 2627 Já tem conta? <a href="https://celeirobikers.com.br/customer_authentication/redirect?locale=pt-BR®ion_country=BR">Faça login</a> para finalizar a compra mais rápido. 2628 </p><a 2629 class="button cart-items__empty-button" 2630 href="/collections/all" 2631 > 2632 <span class="button-text"> 2633 Voltar à loja 2634 </span> 2635 </a></div> 2636 2637 2638 2639 </div> 2640 </div> 2641 2642 </template> 2643 <button 2644 class="header-actions__action button-unstyled" 2645 on:click="/open" 2646 aria-haspopup="dialog" 2647 aria-label="Carrinho" 2648 aria-describedby="cart-bubble-text" 2649 data-testid="cart-drawer-trigger" 2650 > 2651 2652 <cart-icon 2653 class="header-actions__cart-icon" 2654 data-testid="cart-icon" 2655 > 2656 <span class="hidden"> 2657 Cart 2658 </span> 2659 2660 <span 2661 class="svg-wrapper " 2662 aria-hidden="true" 2663 > 2664 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M3.392 6.875h13.216v8.016c0 .567-.224 1.112-.624 1.513-.4.402-.941.627-1.506.627H5.522a2.13 2.13 0 0 1-1.506-.627 2.15 2.15 0 0 1-.624-1.513zM8.818 2.969h2.333c.618 0 1.211.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.313c0-.622.246-1.218.683-1.658a2.33 2.33 0 0 1 1.65-.686"/></svg> 2665 2666 </span> 2667 2668 <div 2669 ref="cartBubble" 2670 class="cart-bubble visually-hidden" 2671 2672 2673 data-maintain-ratio 2674 2675> 2676 <span class="cart-bubble__background"></span> 2677 <span 2678 ref="cartBubbleText" 2679 id="cart-bubble-text" 2680 class="cart-bubble__text" 2681 2682 role="status" 2683 2684 > 2685 <span class="visually-hidden">Total de itens no carrinho: 0 2686 </span> 2687 <span 2688 class="cart-bubble__text-count hidden" 2689 ref="cartBubbleCount" 2690 aria-hidden="true" 2691 data-testid="cart-bubble" 2692 > 26930</span> 2694 </span> 2695</div> 2696 2697 </cart-icon> 2698 2699 </button> 2700 2701 <dialog 2702 ref="dialog" 2703 class="cart-drawer__dialog dialog-modal dialog-drawer color-scheme-1 cart-drawer--empty" 2704 data-testid="cart-drawer-dialog" 2705 aria-labelledby="cart-drawer-heading-empty" 2706 scroll-lock 2707 cart-summary-sticky="true" 2708 > 2709 <div 2710 class="cart-drawer__inner" 2711 data-hydration-key="cart-drawer-inner" 2712 > 2713 <cart-items-component 2714 class="cart-items-component" 2715 data-drawer 2716 data-section-id="sections--26710061842722__header_section" 2717 > 2718 <div class="cart-drawer__header"> 2719 <button 2720 ref="closeButton" 2721 on:click="cart-drawer-component/close" 2722 class="button close-button cart-drawer__close-button button-unstyled" 2723 aria-label="Fechar caixa de diálogo" 2724 > 2725 <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2726 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2727 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2728</svg> 2729</span> 2730 </button> 2731 </div> 2732 2733 <div 2734 class="cart-drawer__content" 2735 aria-label="Carrinho" 2736 > 2737 <h2 2738 class="cart-drawer__heading h4 cart-drawer__heading--empty" 2739 id="cart-drawer-heading-empty" 2740 > 2741 O carrinho está vazio 2742 </h2> 2743 2744 <div class="cart-drawer__items"> 2745 2746 2747 2748
2749<script 2750 src="//celeirobikers.com.br/cdn/shop/t/3/assets/component-cart-items.js?v=16199507049899445991773244888" 2751 type="module" 2752 fetchpriority="low" 2753></script>
vendor: 1 bytes, line 2753
2753
2754<script 2755 src="//celeirobikers.com.br/cdn/shop/t/3/assets/component-cart-quantity-selector.js?v=105130809908858639751773244888" 2756 type="module" 2757 fetchpriority="low" 2758></script>
vendor: 1 bytes, line 2758
2758
2759<script 2760 src="//celeirobikers.com.br/cdn/shop/t/3/assets/volume-pricing-info.js?v=94479640769665442661773244888" 2761 type="module" 2762 fetchpriority="low" 2763></script>
2763 2764 2765<div 2766 2767 class="cart-items__wrapper" 2768 2769> 2770 2771<p> 2772 Já tem conta? <a href="https://celeirobikers.com.br/customer_authentication/redirect?locale=pt-BR®ion_country=BR">Faça login</a> para finalizar a compra mais rápido. 2773 </p><a 2774 class="button cart-items__empty-button" 2775 href="/collections/all" 2776 > 2777 <span class="button-text"> 2778 Voltar à loja 2779 </span> 2780 </a></div> 2781 2782 2783 2784 </div> 2785 </div> 2786 2787</cart-items-component> 2788 </div> 2789 </dialog> 2790 </cart-drawer-component> 2791 2792</header-actions> 2793 2794 2795 2796 2797 2798 2799 </div> 2800 </div> 2801 </div> 2802 2803 2804 2805 2806 2807 2808 2809 2810 <div 2811 class="header__row header__row--bottom color-scheme-1 section section--full-width-margin section--page-width mobile:hidden" 2812 ref="headerRowTop"style="--border-bottom-width: 0px;"> 2813 <div class="header__columns spacing-style"> 2814 <div 2815 class="header__column header__column--center" 2816 data-testid="header-bottom-center" 2817 > 2818 2819 2820 2821 2822 2823 2824 2825 2826 2827 2828 2829 <header-menu 2830 ref="headerMenu" 2831 class="header-menu" 2832 2833 data-hydration-key="header-menu" 2834 > 2835 <div class="header-menu__inner"> 2836 <nav 2837 class="menu-list" 2838 aria-label="Principal" 2839 style="--menu-top-level-font-family: var(--font-body--family); 2840--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none; 2841 2842 --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height: 2843 var(--menu-font-sm--line-height); 2844 2845--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb); 2846" 2847 > 2848 2849 <overflow-list 2850 2851 ref="overflowMenu" 2852 2853 2854 class="overflow-menu color-scheme-matches-parent" 2855 2856 2857 minimum-items="2" 2858 2859 2860 data-testid="header-menu-overflow-list" 2861 2862 2863 data-skip-node-update 2864 2865> 2866 <template shadowrootmode="open"> 2867 <link href="//celeirobikers.com.br/cdn/shop/t/3/assets/overflow-list.css?v=13500019909476584571773244888" rel="stylesheet" type="text/css" media="all" /> 2868 2869 <ul part="list"> 2870 <slot></slot> 2871 <slot 2872 name="more" 2873 part="more" 2874 hidden 2875 2876 > 2877 <li 2878 part="more" 2879 > 2880 <button 2881 class="button" 2882 type="button" 2883 tabindex="0" 2884 > 2885 Mais 2886 </button> 2887 </li> 2888 </slot> 2889 <li 2890 part="placeholder" 2891 hidden 2892 ></li> 2893 </ul> 2894 2895 <div part="overflow"> 2896 <ul part="overflow-list"> 2897 <slot name="overflow"></slot> 2898 </ul> 2899 </div> 2900 </template> 2901 2902 2903 2904 <li 2905 role="presentation" 2906 class="menu-list__list-item" 2907 on:focus="/activate" 2908 on:blur="/deactivate" 2909 on:pointerenter="/activate" 2910 on:pointerleave="/deactivate" 2911 > 2912 <a 2913 href="/" 2914 data-skip-node-update="true" 2915 class="menu-list__link" 2916 ref="menuitem" 2917 > 2918 <span class="menu-list__link-title">InÃcio</span> 2919 </a></li> 2920 2921 <li 2922 role="presentation" 2923 class="menu-list__list-item" 2924 on:focus="/activate" 2925 on:blur="/deactivate" 2926 on:pointerenter="/activate" 2927 on:pointerleave="/deactivate" 2928 > 2929 <a 2930 href="https://celeirobikers.com.br/collections/all" 2931 data-skip-node-update="true" 2932 class="menu-list__link"aria-controls="submenu-2" 2933 aria-haspopup="true" 2934 aria-expanded="false" 2935 ref="menuitem" 2936 > 2937 <span class="menu-list__link-title">Produtos</span> 2938 </a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]"> 2939 <div 2940 id="submenu-2" 2941 class="menu-list__submenu-inner" 2942 style="--menu-parent-font-family: var(--font-body--family); --menu-parent-font-style: 2943var(--font-body--style);
2943 --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case: 2944none; 2945 2946 --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: 2947 var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) / 2948 var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground); 2949 2950--menu-child-font-family: var(--font-body--family); --menu-child-font-style: 2951var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case: 2952none; 2953 2954 --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); 2955 --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) / 2956 var(--opacity-subdued-text)); 2957 2958" 2959 > 2960 2961 <div class="mega-menu section section--full-width-margin section--page-width"> 2962 <div 2963 class="mega-menu__grid" 2964 data-menu-grid-id="MegaMenuList-2" 2965 > 2966 2967<ul 2968 data-menu-list-id="MegaMenuList-2" 2969 class="mega-menu__list list-unstyled" 2970 style="--menu-image-border-radius: 0px;" 2971> 2972 2973 <li class="mega-menu__column mega-menu__column--span-1"> 2974 <div> 2975 <a 2976 href="/collections/lifestyle" 2977 class="mega-menu__link " 2978 > 2979 2980 <span class="wrap-text">Calças e Shorts</span> 2981 </a> 2982 2983 </div> 2984 2985 2986 2987 2988 <div> 2989 <a 2990 href="/collections/camisas" 2991 class="mega-menu__link " 2992 > 2993 2994 <span class="wrap-text">Camisas</span> 2995 </a> 2996 2997 </div> 2998 2999 3000 3001 3002 <div> 3003 <a 3004 href="/collections/camisetas" 3005 class="mega-menu__link " 3006 > 3007 3008 <span class="wrap-text">Camisetas</span> 3009 </a> 3010 3011 </div> 3012 3013 3014 3015 3016 <div> 3017 <a 3018 href="/collections/casacos" 3019 class="mega-menu__link " 3020 > 3021 3022 <span class="wrap-text">Casacos</span> 3023 </a> 3024 3025 </div> 3026 3027 3028 3029 3030 <div> 3031 <a 3032 href="/collections/tops-e-bodys" 3033 class="mega-menu__link " 3034 > 3035 3036 <span class="wrap-text">Tops e Bodys</span> 3037 </a> 3038 3039 </div> 3040 3041 3042 3043 3044 <div> 3045 <a 3046 href="/collections/jaquetas-e-coletes" 3047 class="mega-menu__link " 3048 > 3049 3050 <span class="wrap-text">Jaquetas e Coletes</span> 3051 </a> 3052 3053 </div> 3054 3055 3056 3057 3058 <div> 3059 <a 3060 href="/collections/regatas" 3061 class="mega-menu__link " 3062 > 3063 3064 <span class="wrap-text">Regatas</span> 3065 </a> 3066 3067 </div> 3068 3069 3070 3071 3072 <div> 3073 <a 3074 href="/collections/acessorios" 3075 class="mega-menu__link " 3076 > 3077 3078 <span class="wrap-text">Acessórios</span> 3079 </a> 3080 3081 </div> 3082 3083 3084 3085 3086 <div> 3087 <a 3088 href="/collections/masculino" 3089 class="mega-menu__link " 3090 > 3091 3092 <span class="wrap-text">Masculino</span> 3093 </a> 3094 3095 </div> 3096 3097 3098 3099 3100 <div> 3101 <a 3102 href="/collections/chapeu-personalizados" 3103 class="mega-menu__link " 3104 > 3105 3106 <span class="wrap-text">Chapéus Personalizados</span> 3107 </a> 3108 3109 </div> 3110 3111 </li> 3112 3113</ul> 3114 3115 3116 3117<style data-shopify> 3118 [data-menu-grid-id="MegaMenuList-2"] { 3119 3120 --menu-columns-desktop: 6; 3121 --menu-columns-tablet: 4; 3122 3123 } 3124 3125 [data-menu-list-id="MegaMenuList-2"] { 3126 3127 --menu-columns-desktop: 6; 3128 --menu-columns-tablet: 4; 3129 3130 } 3131</style> 3132 3133 3134 3135 </div> 3136 </div> 3137 </div> 3138 </div></li> 3139 3140 <li 3141 role="presentation" 3142 class="menu-list__list-item" 3143 on:focus="/activate" 3144 on:blur="/deactivate" 3145 on:pointerenter="/activate" 3146 on:pointerleave="/deactivate" 3147 > 3148 <a 3149 href="/pages/contact" 3150 data-skip-node-update="true" 3151 class="menu-list__link" 3152 ref="menuitem" 3153 >
3154 <span class="menu-list__link-title">Contato</span> 3155 </a></li> 3156 3157 <li 3158 role="presentation" 3159 class="menu-list__list-item" 3160 on:focus="/activate" 3161 on:blur="/deactivate" 3162 on:pointerenter="/activate" 3163 on:pointerleave="/deactivate" 3164 > 3165 <a 3166 href="/pages/quem-somos" 3167 data-skip-node-update="true" 3168 class="menu-list__link" 3169 ref="menuitem" 3170 > 3171 <span class="menu-list__link-title">Quem somos</span> 3172 </a></li> 3173 3174 <li 3175 role="presentation" 3176 class="menu-list__list-item" 3177 on:focus="/activate" 3178 on:blur="/deactivate" 3179 on:pointerenter="/activate" 3180 on:pointerleave="/deactivate" 3181 > 3182 <a 3183 href="/collections/chapeu-personalizados" 3184 data-skip-node-update="true" 3185 class="menu-list__link" 3186 ref="menuitem" 3187 > 3188 <span class="menu-list__link-title">Chapéus Personalizados</span> 3189 </a></li> 3190 3191 <li 3192 role="presentation" 3193 class="menu-list__list-item" 3194 on:focus="/activate" 3195 on:blur="/deactivate" 3196 on:pointerenter="/activate" 3197 on:pointerleave="/deactivate" 3198 > 3199 <a 3200 href="/collections/collabs" 3201 data-skip-node-update="true" 3202 class="menu-list__link" 3203 ref="menuitem" 3204 > 3205 <span class="menu-list__link-title">Collabs</span> 3206 </a></li> 3207 3208 <li 3209 role="presentation" 3210 class="menu-list__list-item" 3211 on:focus="/activate" 3212 on:blur="/deactivate" 3213 on:pointerenter="/activate" 3214 on:pointerleave="/deactivate" 3215 > 3216 <a 3217 href="/collections/outlet" 3218 data-skip-node-update="true" 3219 class="menu-list__link" 3220 ref="menuitem" 3221 > 3222 <span class="menu-list__link-title">Outlet</span> 3223 </a></li> 3224 3225 <li 3226 role="presentation" 3227 class="menu-list__list-item" 3228 on:focus="/activate" 3229 on:blur="/deactivate" 3230 on:pointerenter="/activate" 3231 on:pointerleave="/deactivate" 3232 > 3233 <a 3234 href="/pages/celeiro-on-the-road" 3235 data-skip-node-update="true" 3236 class="menu-list__link" 3237 ref="menuitem" 3238 > 3239 <span class="menu-list__link-title">ON THE ROAD</span> 3240 </a></li> 3241 3242 <li 3243 class="menu-list__list-item" 3244 role="presentation" 3245 slot="more" 3246 on:focus="/activate" 3247 on:blur="/deactivate" 3248 on:pointerenter="/activate" 3249 on:pointerleave="/deactivate" 3250 > 3251 <button role="listitem" class="menu-list__link button-unstyled"> 3252 <span class="menu-list__link-title">Mais</span> 3253 </button> 3254 </li> 3255 3256</overflow-list> 3257 3258 </nav> 3259 </div> 3260 3261
3261<script 3262 src="//celeirobikers.com.br/cdn/shop/t/3/assets/header-menu.js?v=138387690177295788221773244888" 3263 type="module" 3264 fetchpriority="low" 3265 ></script>
3265 3266 </header-menu> 3267 3268 3269<style data-shopify> 3270 .header__underlay { 3271 --color-submenu: rgb(255 255 255 / 1.0); 3272 } 3273</style> 3274 3275 3276 3277 3278 3279 3280 3281 </div> 3282 </div> 3283 </div> 3284 3285 3286 3287 3288 <div class="header__row header__navigation-bar-row color-scheme-1"> 3289 3290 3291 3292 3293 3294 3295 3296<style data-shopify> 3297 .header__underlay { 3298 --color-submenu: rgb(255 255 255 / 1.0); 3299 } 3300</style> 3301 3302 3303 3304 3305 </div> 3306 3307</header-component> 3308
3309<script 3310 src="//celeirobikers.com.br/cdn/shop/t/3/assets/header.js?v=36718054510661947891773244888" 3311 type="module" 3312></script>
3312 3313 3314 3315 3316 3317
3317<script type="module"> 3318 import { hydrate } from '@theme/section-hydration'; 3319 const url = new URL(window.location.href); 3320 url.searchParams.delete('page'); 3321 hydrate('sections--26710061842722__header_section', url); 3322 </script>
3322 3323 3324 3325 3326</header> 3327<!-- END sections: header-group --> 3328 </div> 3329 3330
3330<script> 3331 // Inline header height and menu style calculations to prevent layout shift 3332 // Note: Updates in calculateHeaderGroupHeight(), updateTransparentHeaderOffset() and setHeaderMenuStyle() utilities.js should be kept in sync with this function 3333 (function setHeaderHeighCustomProperties() { 3334 /* 3335 * Header calculation functions for maintaining CSS variables 3336 * Mimic calculateHeaderGroupHeight() in utilities.js 3337 */ 3338 const header = document.querySelector('header-component'); 3339 const headerGroup = document.querySelector('#header-group'); 3340 const hasHeaderSection = headerGroup?.querySelector('.header-section'); 3341 3342 if (!header || !headerGroup) return; 3343 3344 const headerTopRow = header.querySelector('.header__row--top'); 3345 const headerHeight = header.offsetHeight; 3346 3347 // Calculate the total height of the header group 3348 let headerGroupHeight = 0; 3349 const children = headerGroup.children; 3350 for (let i = 0; i < children.length; i++) { 3351 const element = children[i]; 3352 if (element === header || !(element instanceof HTMLElement)) continue; 3353 headerGroupHeight += element.offsetHeight; 3354 } 3355 3356 // Check for transparent header special case 3357 if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) { 3358 headerGroupHeight += headerHeight; 3359 } 3360 3361 // Set CSS variables 3362 document.body.style.setProperty('--header-height', `${headerHeight}px`); 3363 document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`); 3364 3365 if (headerTopRow) { 3366 window.requestAnimationFrame(function () { 3367 document.body.style.setProperty('--top-row-height', `${headerTopRow.offsetHeight}px`); 3368 }); 3369 } 3370 3371 /** 3372 * Updates CSS custom properties for transparent header offset calculation 3373 * Mimic updateTransparentHeaderOffset() in utilities.js 3374 */ 3375 3376 if (!hasHeaderSection || !header?.hasAttribute('transparent')) { 3377 document.body.style.setProperty('--transparent-header-offset-boolean', '0'); 3378 return; 3379 } 3380 3381 const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section'); 3382 3383 const shouldApplyOffset = !hasImmediateSection ? '1' : '0'; 3384 document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset); 3385 })(); 3386 3387 (function setHeaderMenuStyle() { 3388 const headerComponent = document.querySelector('#header-component'); 3389 if (headerComponent) { 3390 const isTouchDevice = 'ontouchstart' in window && navigator.maxTouchPoints > 0; 3391 const overflowList = headerComponent?.querySelector('overflow-list'); 3392 const hasReachedMinimum = overflowList && overflowList.hasAttribute('minimum-reached'); 3393 headerComponent.dataset.menuStyle = isTouchDevice || hasReachedMinimum ? 'drawer' : 'menu'; 3394 } 3395 })(); 3396 </script>
3396 3397 3398 <main 3399 id="MainContent" 3400 class="content-for-layout" 3401 role="main" 3402 data-page-transition-enabled="false" 3403 data-product-transition="false" 3404 data-template="product" 3405 > 3406 <div id="shopify-section-template--26710061678882__main" class="shopify-section"> 3407
3408<script type="application/ld+json"> 3409 {"@context":"http:\/\/schema.org\/","@id":"\/products\/hairclip-prendedor-de-cabelo#product","@type":"ProductGroup","brand":{"@type":"Brand","name":"My Store"},"category":"Vestuário e acessórios","description":"Preserve seu cabelo nos bons ventos!\nPrendedor de cabelo em couro legÃtimo com design exclusivo, fecho interno discreto e alça para a utilização de elástico de cabelo, da sua escolha. ","hasVariant":[{"@id":"\/products\/hairclip-prendedor-de-cabelo?variant=49733332468002#variant","@type":"Product","image":"https:\/\/celeirobikers.com.br\/cdn\/shop\/files\/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865\u0026width=1920","name":"HAIRCLIP - Prendedor de Cabelo - Preto","offers":{"@id":"\/products\/hairclip-prendedor-de-cabelo?variant=49733332468002#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"89.90","priceCurrency":"BRL","url":"https:\/\/celeirobikers.com.br\/products\/hairclip-prendedor-de-cabelo?variant=49733332468002"},"sku":"HAIRCLIP-1"},{"@id":"\/products\/hairclip-prendedor-de-cabelo?variant=49733332500770#variant","@type":"Product","image":"https:\/\/celeirobikers.com.br\/cdn\/shop\/files\/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865\u0026width=1920","name":"HAIRCLIP - Prendedor de Cabelo - Marrom","offers":{"@id":"\/products\/hairclip-prendedor-de-cabelo?variant=49733332500770#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"89.90","priceCurrency":"BRL","url":"https:\/\/celeirobikers.com.br\/products\/hairclip-prendedor-de-cabelo?variant=49733332500770"},"sku":"HAIRCLIP-2"}],"name":"HAIRCLIP - Prendedor de Cabelo","productGroupID":"9484739346722","url":"https:\/\/celeirobikers.com.br\/products\/hairclip-prendedor-de-cabelo"} 3410</script>
3410 3411 3412 3413 3414 3415 3416 3417 3418 3419 3420 3421 <sticky-add-to-cart 3422 class="sticky-add-to-cart" 3423 data-variant-available="true" 3424 data-product-id="9484739346722" 3425 data-current-variant-id="49733332468002" 3426 data-initial-quantity="1" 3427 data-default-variant-title="TÃtulo padrão" 3428 > 3429 <div 3430 class="sticky-add-to-cart__bar color-scheme-1" 3431 data-stuck="false" 3432 ref="stickyBar" 3433 role="region" 3434 aria-label="Barra de adição rápida ao carrinho" 3435 > 3436 3437 3438 <div 3439 class="sticky-add-to-cart__image" 3440 > 3441 3442 <img src="//celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&width=120" alt="HAIRCLIP - Prendedor de Cabelo" width="120" height="180" loading="lazy" class="sticky-add-to-cart__image-img" data-testid="sticky-product-image" ref="productImage"> 3443 </div> 3444 3445 3446 3447 <div 3448 class="sticky-add-to-cart__info" 3449 data-has-image="true" 3450 data-singleton="false" 3451 data-single-option="true" 3452 > 3453 <h3 3454 class="sticky-add-to-cart__title" 3455 data-testid="sticky-product-title" 3456 > 3457 HAIRCLIP - Prendedor de Cabelo 3458 </h3> 3459 <div 3460 class="sticky-add-to-cart__variant" 3461 data-testid="sticky-variant-title" 3462 3463 > 3464 3465 3466 Preto 3467 3468 </div> 3469 </div> 3470 3471 <div 3472 class="sticky-add-to-cart__price" 3473 data-testid="sticky-price-display" 3474 > 3475 <div ref="priceContainer"> 3476 3477 3478 3479 3480 3481 <span role="group"> 3482 <span class="visually-hidden">Preço promocional </span> 3483 <span class="price">R$ 89,90</span> 3484 </span> 3485 3486 3487 3488 <span role="group"> 3489 <span class="visually-hidden">Preço normal </span> 3490 <span class="compare-at-price">R$ 99,90</span> 3491 </span> 3492 3493 3494</div> 3495 </div> 3496 3497 <button 3498 type="button" 3499 class="sticky-add-to-cart__button add-to-cart-button button" 3500 ref="addToCartButton" 3501 on:click="/handleAddToCartClick" 3502 3503 > 3504 <span 3505 class="add-to-cart-text" 3506 > 3507 3508 <span class="svg-wrapper add-to-cart-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 3509</span> 3510 3511 <span class="add-to-cart-text__content"> 3512 <span>Adicionar ao carrinho</span> 3513 <span 3514 ref="quantityDisplay" 3515 3516 style="display: none;" 3517 3518 > (<span ref="quantityNumber">1</span>)</span> 3519 </span> 3520 </span> 3521 <span class="add-to-cart__added"> 3522 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 3523 <g class="check"> 3524 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 3525 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 3526 </g> 3527 <g class="burst"> 3528 <g style="--index: 0;"> 3529 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 3530 </g> 3531 <g style="--index: 1;"> 3532 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 3533 </g> 3534 <g style="--index: 2;"> 3535 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 3536 </g> 3537 <g style="--index: 3;"> 3538 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 3539 </g> 3540 <g style="--index: 4;"> 3541 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 3542 </g> 3543 <g style="--index: 5;"> 3544 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 3545 </g> 3546 <g style="--index: 6;"> 3547 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 3548 </g> 3549 <g style="--index: 7;"> 3550 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 3551 </g> 3552 </g> 3553</svg> 3554</span> 3555 </span> 3556 </button> 3557 </div> 3558 </sticky-add-to-cart> 3559 3560 3561 3562 3563 3564 3565<div class="section-background color-scheme-1"></div> 3566<div 3567 class="product-information section section--page-width spacing-style color-scheme-1 relative" 3568 style="--padding-block-start: 0px;--padding-block-end: 0px; --gap: 48px;" 3569 data-testid="product-information" 3570> 3571 3572 3573 <a 3574 class="skip-to-content-link button-secondary" 3575 href="#ProductInformation-template--26710061678882__main" 3576> 3577 Pular para as informações do produto 3578</a> 3579 3580 3581 3582 3583 <div 3584 class="product-information__grid product-information--media-left" 3585 data-product-grid-content 3586 > 3587 3588 3589 3590 3591 3592 3593 <div 3594 class="product-information__media" 3595 data-testid="product-information-media" 3596 > 3597 3598 3599
3600<script 3601 src="//celeirobikers.com.br/cdn/shop/t/3/assets/zoom-dialog.js?v=102268456213388948961773244888" 3602 type="module" 3603 ></script>
3603<script 3604 src="//celeirobikers.com.br/cdn/shop/t/3/assets/drag-zoom-wrapper.js?v=24957596803719370611773244888" 3605 type="module" 3606 ></script>
3606<style data-shopify> 3607 3608 3609 3610 .media-fit-contain { 3611 --product-media-fit: contain; 3612 } 3613 3614 /* Media fit for all media elements */ 3615 .media-fit-contain :is(img, video, iframe, .deferred-media__poster-image) { 3616 object-fit: contain; 3617 width: 100%; 3618 height: 100%; 3619 } 3620 3621 /* 3D Models (no object-fit support, just sizing) */ 3622 .media-fit-contain model-viewer { 3623 width: 100%; 3624 height: 100%; 3625 } 3626 3627 3628 3629 3630 /* Add background color so carousel arrows' mix-blend-mode works correctly even on transparent areas. */ 3631 3632 .media-fit-contain :is(img, .deferred-media__poster-image) { 3633 background-color: var(--color-background); 3634 } 3635 3636 3637 3638 3639 3640 3641 ::view-transition-old(gallery-item-open), 3642 ::view-transition-new(gallery-item-open), 3643 ::view-transition-old(gallery-item-close), 3644 ::view-transition-new(gallery-item-close) { 3645 height: auto; 3646 width: 100%; 3647 object-fit: contain; 3648 top: 50%; 3649 transform: translateY(-50%); 3650 } 3651 3652 3653 3654 :root { --gallery-media-border-radius: 0px; } 3655</style> 3656 3657 3658 <media-gallery 3659 class=" 3660 spacing-style 3661 sticky-content 3662 3663 media-gallery--two-column 3664 3665 3666 media-gallery--grid 3667 3668 3669 " 3670 style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --thumbnail-width: 44px; --media-radius: 0px;--image-gap: 4px;" 3671 data-presentation="grid" 3672 3673 > 3674 3675 3676 3677 3678 3679 3680 <slideshow-component 3681 3682 ref="slideshow" 3683 3684 3685 style="--slideshow-timeline: --slide-0, --slide-1;--slide-min-height: auto;--slide-min-height-desktop: auto;" 3686 3687 initial-slide="0" 3688 3689 3690 infinite 3691 3692 3693 3694> 3695 3696 <slideshow-container ref="slideshowContainer"> 3697 3698 3699 <slideshow-slides 3700 tabindex="-1" 3701 ref="scroller" 3702 3703 > 3704 3705 3706 3707 3708 3709 3710 3711 <slideshow-slide 3712 ref="slides[]" 3713 aria-hidden="false" 3714 style="--slideshow-timeline: --slide-0; --product-media-fit: contain; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 3715 3716 class="product-media-container constrain-height media-fit-contain product-media-container--image product-media-container--zoomable product-media-container--tallest" 3717 3718 on:click="#zoom-dialog-AamphVncxTEtiazVta__media-gallery/open/0" 3719 3720 style="--media-preview-ratio: 0.665;" 3721 3722 3723 3724 3725 on:click="#zoom-dialog-AamphVncxTEtiazVta__media-gallery/open/0" 3726> 3727 3728 3729 3730 3731<div 3732 class="product-media" 3733 style="--ratio: 0.665" 3734 data-media-id="50575923282210" 3735> 3736 3737 <img src="//celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&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%;"> 3738 3739 3740 3741 3742</div> 3743 3744 3745 3746 3747</slideshow-slide> 3748 3749 3750 3751 3752 3753 3754 3755 <slideshow-slide 3756 ref="slides[]" 3757 aria-hidden="true" 3758 style="--slideshow-timeline: --slide-1; --product-media-fit: contain; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;" 3759 3760 class="product-media-container constrain-height media-fit-contain product-media-container--image product-media-container--zoomable" 3761
3762 on:click="#zoom-dialog-AamphVncxTEtiazVta__media-gallery/open/1" 3763 3764 style="--media-preview-ratio: 0.665;" 3765 3766 3767 3768 3769 on:click="#zoom-dialog-AamphVncxTEtiazVta__media-gallery/open/1" 3770> 3771 3772 3773 3774 3775<div 3776 class="product-media" 3777 style="--ratio: 0.665" 3778 data-media-id="50575923314978" 3779> 3780 3781 <img src="//celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&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%;"> 3782 3783 3784 3785 3786</div> 3787 3788 3789 3790 3791</slideshow-slide> 3792 3793 3794 3795 </slideshow-slides> 3796 </slideshow-container> 3797 3798 3799 3800 3801 3802 <slideshow-controls 3803 3804 ref="slideshowControls" 3805 3806 pagination-position="center" 3807 scroll-mode="horizontal" 3808 3809 controls-on-media 3810 3811 3812 3813 3814 class="desktop:hidden media-gallery__mobile-controls" 3815 3816 3817 style="--thumbnail-radius: 0px;" 3818 3819 > 3820 3821 3822 3823 3824 3825 <ol class="slideshow-controls__dots"> 3826 3827 <li> 3828 <button 3829 class="slideshow-control button button-unstyled" 3830 style="animation-timeline: --slide-0" 3831 aria-label="Slide 1 de 2" 3832 on:click="/select/0" 3833 ref="dots[]" 3834 3835 aria-selected="true" 3836 3837 > 3838 1 3839 </button> 3840 </li> 3841 3842 <li> 3843 <button 3844 class="slideshow-control button button-unstyled" 3845 style="animation-timeline: --slide-1" 3846 aria-label="Slide 2 de 2" 3847 on:click="/select/1" 3848 ref="dots[]" 3849 3850 > 3851 2 3852 </button> 3853 </li> 3854 3855 </ol> 3856 3857 3858 3859 </slideshow-controls> 3860 3861 3862 3863 3864 3865 3866 3867</slideshow-component> 3868 3869 3870 3871 3872 3873 <ul 3874 class="media-gallery__grid list-unstyled" 3875 data-testid="media-gallery-grid" 3876 > 3877 3878 <li 3879 ref="media[]" 3880 class="product-media-container constrain-height media-fit-contain product-media-container--image" 3881 style=" --media-preview-ratio: 0.665;" 3882 3883 3884 data-focal-point="50.0% 50.0%" 3885 3886 ><button 3887 type="button" 3888 class="button button-unstyled product-media-container__zoom-button" 3889 aria-label="Zoom" 3890 on:click="/zoom/0" 3891
3892 on:pointerenter="/preloadImage/0" 3893 3894 > 3895 <span class="visually-hidden">Abrir imagem em tela cheia</span> 3896 </button> 3897 3898 3899<div 3900 class="product-media" 3901 style="--ratio: 0.665" 3902 data-media-id="50575923282210" 3903> 3904 3905 <img src="//celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&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%;"> 3906 3907 3908 3909 3910</div> 3911 3912 3913 3914 </li> 3915 3916 <li 3917 ref="media[]" 3918 class="product-media-container constrain-height media-fit-contain product-media-container--image" 3919 style=" --media-preview-ratio: 0.665;" 3920 3921 3922 data-focal-point="50.0% 50.0%" 3923 3924 ><button 3925 type="button" 3926 class="button button-unstyled product-media-container__zoom-button" 3927 aria-label="Zoom" 3928 on:click="/zoom/1" 3929 3930 on:pointerenter="/preloadImage/1" 3931 3932 > 3933 <span class="visually-hidden">Abrir imagem em tela cheia</span> 3934 </button> 3935 3936 3937<div 3938 class="product-media" 3939 style="--ratio: 0.665" 3940 data-media-id="50575923314978" 3941> 3942 3943 <img src="//celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&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%;"> 3944 3945 3946 3947 3948</div> 3949 3950 3951 3952 </li> 3953 3954 </ul> 3955 3956<zoom-dialog 3957 ref="zoomDialogComponent" 3958 id="zoom-dialog-AamphVncxTEtiazVta__media-gallery" 3959 > 3960 <dialog 3961 class="dialog-zoomed-gallery__dialog" 3962 ref="dialog" 3963 on:keydown="/handleKeyDown" 3964 scroll-lock 3965 > 3966 <button 3967 type="button" 3968 class="button button-unstyled close-button dialog-zoomed-gallery__close-button" 3969 aria-label="Fechar" 3970 on:click="/close" 3971 >
3972 <span class="visually-hidden">Fechar</span> 3973 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3974 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 3975 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 3976</svg> 3977 3978 </button> 3979 <div class="dialog-thumbnails-list-container"> 3980 <scroll-hint 3981 class="dialog-thumbnails-list list-unstyled" 3982 ref="thumbnails" 3983 > 3984 3985 3986 <button 3987 type="button" 3988 class="button button-unstyled dialog-thumbnails-list__thumbnail" 3989 aria-label="Rolar até HAIRCLIP - Prendedor de Cabelo" 3990 on:click="/handleThumbnailClick/0" 3991 on:pointerenter="/handleThumbnailPointerEnter/0" 3992 style="--aspect-ratio: 0.665; --gallery-aspect-ratio: 0.665;" 3993 3994 aria-selected="true" 3995 3996 > 3997 3998 <img src="//celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&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%;"> 3999 </button> 4000 <button 4001 type="button" 4002 class="button button-unstyled dialog-thumbnails-list__thumbnail" 4003 aria-label="Rolar até HAIRCLIP - Prendedor de Cabelo" 4004 on:click="/handleThumbnailClick/1" 4005 on:pointerenter="/handleThumbnailPointerEnter/1" 4006 style="--aspect-ratio: 0.665; --gallery-aspect-ratio: 0.665;" 4007 4008 > 4009 4010 <img src="//celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&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%;"> 4011 </button> 4012 </scroll-hint> 4013 </div> 4014 <ul 4015 class="dialog-zoomed-gallery list-unstyled" 4016 ><li 4017 id="product-50575923282210-1" 4018 class="product-media-container constrain-height media-fit-contain product-media-container--image product-media-container--zoomable" 4019 style=" --media-preview-ratio: 0.665;" 4020 ref="media[]" 4021 4022 on:click="/close" 4023 4024 > 4025 4026 <drag-zoom-wrapper class="product-media__drag-zoom-wrapper"> 4027 4028<div 4029 class="product-media" 4030 style="--ratio: 0.665" 4031 data-media-id="50575923282210" 4032> 4033 4034 <img src="//celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&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%;"> 4035 4036 4037 4038 4039</div> 4040 4041 4042</drag-zoom-wrapper> 4043 4044 </li><li 4045 id="product-50575923314978-2" 4046 class="product-media-container constrain-height media-fit-contain product-media-container--image product-media-container--zoomable" 4047 style=" --media-preview-ratio: 0.665;" 4048 ref="media[]" 4049 4050 on:click="/close" 4051 4052 > 4053 4054 <drag-zoom-wrapper class="product-media__drag-zoom-wrapper"> 4055 4056<div 4057 class="product-media" 4058 style="--ratio: 0.665" 4059 data-media-id="50575923314978" 4060> 4061 4062 <img src="//celeirobikers.com.br/cdn/shop/files/79f8eb1b809462ae8e7d6facbd603012_a8ca7e0b-049f-4074-bdf4-29e26431eb11.jpg?v=1733166865&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%;"> 4063 4064 4065 4066 4067</div> 4068 4069 4070</drag-zoom-wrapper> 4071 4072 </li></ul> 4073 </dialog> 4074 </zoom-dialog></media-gallery> 4075 4076 4077 4078 4079 4080 4081 4082 </div> 4083 4084 4085 4086 4087 4088 4089<div 4090 id="ProductInformation-template--26710061678882__main" 4091 class=" 4092 product-details 4093 sticky-content--desktop 4094 " 4095 style="--details-position: flex-start;"
4096 data-testid="product-information-details" 4097 4098> 4099 4100 4101 <div 4102 class=" 4103 group-block 4104 group-block--height-fit 4105 group-block--width-fill 4106 border-style 4107 spacing-style 4108 size-style 4109 4110 4111 " 4112 style=" 4113 --border-width: 1px; --border-style: none; --border-color: 4114rgb(var(--color-border-rgb) / 1.0); --border-radius: 41150px; 4116 4117 --padding-block-start: max(20px, calc(var(--spacing-scale) * 24px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px));--padding-inline-start: 0px;--padding-inline-end: 0px; 4118 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 4119 4120 " 4121 4122 data-testid="group-block" 4123><div class="group-block__media-wrapper"> 4124 4125 4126 4127 4128 4129 </div> 4130 4131 <div 4132 class=" 4133 group-block-content 4134 4135 layout-panel-flex 4136 layout-panel-flex--column 4137 4138 " 4139 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 4140 4141--gap: max(24px, calc(var(--gap-scale, 1.0) * 28px)); 4142 4143--horizontal-alignment: ; --vertical-alignment: ; 4144--vertical-alignment-mobile: ; 4145" 4146 > 4147 <div class="view-product-title"> 4148 <a 4149 href="/products/hairclip-prendedor-de-cabelo?variant=49733332468002" 4150 class="link" 4151 >HAIRCLIP - Prendedor de Cabelo 4152 </a> 4153 </div> 4154 4155 4156 4157<div 4158 class=" 4159 group-block 4160 group-block--height-fit 4161 group-block--width-fill 4162 border-style 4163 spacing-style 4164 size-style 4165 4166 4167 " 4168 style=" 4169 --border-width: 1px; --border-style: none; --border-color: 4170rgb(var(--color-border-rgb) / 1.0); --border-radius: 41710px; 4172 4173 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 4174 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 4175 4176 " 4177 4178 data-testid="group-block" 4179><div class="group-block__media-wrapper"> 4180 4181 4182 4183 4184 4185 </div> 4186 4187 <div 4188 class=" 4189 group-block-content 4190 4191 layout-panel-flex 4192 layout-panel-flex--column 4193 mobile-column 4194 " 4195 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 4196 4197--gap: 12px; 4198 4199--horizontal-alignment: flex-start; --vertical-alignment: center; 4200--vertical-alignment-mobile: center; 4201" 4202 > 4203 4204 4205 4206 4207 4208 4209 4210 4211 4212 <div class=" spacing-style text-block text-block--AMXZzNzRCOHR4ZjFEN__text_xrnftG h3 text-block--align-left " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: left; "> 4213 <h1>HAIRCLIP - Prendedor de Cabelo</h1> 4214 </div> 4215 4216 4217 4218 4219 4220 4221 4222 4223 4224<product-price 4225 class="text-block text-block--align-left rte text-left paragraph spacing-style" 4226 data-block-id="AckVUOEwxTnB6S2pUN__price_tVjtKg" 4227 data-product-id="9484739346722" 4228 style=" 4229 4230--color: var(--color-foreground); 4231 --padding-block-start: 4px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 4232 --width: 100%; 4233 " 4234 4235> 4236 <div ref="priceContainer"> 4237 4238 4239 4240 4241 4242 <span role="group"> 4243 <span class="visually-hidden">Preço promocional </span> 4244 <span class="price">R$ 89,90</span> 4245 </span> 4246 4247 4248 4249 <span role="group"> 4250 <span class="visually-hidden">Preço normal </span> 4251 <span class="compare-at-price">R$ 99,90</span> 4252 </span> 4253 4254 4255</div> 4256 4257 4258</product-price> 4259 4260 4261 4262 4263 4264 4265 4266</div> 4267</div> 4268 4269 4270 4271 4272 4273 4274 4275<div 4276 class="divider divider-AK0EzaThzczRMZzRRa__divider_VJhene spacing-style" 4277 style=" 4278 --divider-justify-content: center; 4279 --padding-block-start: 0px;--padding-block-end: 0px; 4280 " 4281 4282 4283> 4284 <span 4285 class="divider__line" 4286 style=" 4287 --divider-border-thickness: 1px; 4288 4289 --divider-border-rounded: 0; 4290 4291 --divider-flex-basis: 100%; 4292 " 4293 ></span> 4294</div> 4295 4296 4297 4298 4299 4300 4301 4302 4303 4304 4305 4306 4307 <variant-picker 4308 class="variant-picker spacing-style variant-picker--left" 4309 style="--color-strikethrough-mix: #000;
4309 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;" 4310 data-section-id="template--26710061678882__main" 4311 data-product-id="9484739346722" 4312 data-block-id="AeWs2Y3djbi9obEsrQ__variant_picker_R3rGDr" 4313 data-product-url="/products/hairclip-prendedor-de-cabelo" 4314 ref="mainVariantPicker" 4315 4316 data-template-product-match="true" 4317 4318 4319 4320 > 4321 <form class="variant-picker__form"><fieldset 4322 class="variant-option variant-option--buttons variant-option--equal-width-buttons" 4323 data-fieldset-index="0" 4324 ref="fieldsets[]" 4325 data-option-id="template-26710061678882__main-9484739346722-cor" 4326 > 4327 <legend> 4328 Cor 4329 </legend> 4330 <label 4331 class="variant-option__button-label" 4332 > 4333 <input 4334 type="radio" 4335 name="Cor-AeWs2Y3djbi9obEsrQ__variant_picker_R3rGDr-9484739346722" 4336 value="Preto" 4337 aria-label="Preto" 4338 4339 data-previous-checked="false" 4340 data-fieldset-index="0" 4341 data-input-index="0" 4342 data-input-id="1-0" 4343 data-option-value-id="4633677594914" 4344 data-option-available="true" 4345 data-connected-product-url="" 4346 4347 data-variant-id="49733332468002" 4348 4349 4350 data-current-checked="true" 4351 checked 4352 4353 > 4354 4355 4356 <span 4357 class="variant-option__button-label__pill" 4358 data-key="variant-option-pill" 4359 ></span> 4360 4361 <span 4362 class="variant-option__button-label__text" 4363 data-key="variant-option-text" 4364 >Preto</span> 4365 4366 4367 4368 </label> 4369 <label 4370 class="variant-option__button-label" 4371 > 4372 <input 4373 type="radio" 4374 name="Cor-AeWs2Y3djbi9obEsrQ__variant_picker_R3rGDr-9484739346722" 4375 value="Marrom" 4376 aria-label="Marrom" 4377 4378 data-previous-checked="false" 4379 data-fieldset-index="0" 4380 data-input-index="1" 4381 data-input-id="1-1" 4382 data-option-value-id="4633677627682" 4383 data-option-available="true" 4384 data-connected-product-url="" 4385 4386 data-variant-id="49733332500770" 4387 4388 4389 data-current-checked="false" 4390 4391 > 4392 4393 4394 <span 4395 class="variant-option__button-label__pill" 4396 data-key="variant-option-pill" 4397 ></span> 4398 4399 <span 4400 class="variant-option__button-label__text" 4401 data-key="variant-option-text" 4402 >Marrom</span> 4403 4404 4405 4406 </label> 4407 <style data-shopify> 4408 [data-option-id="template-26710061678882__main-9484739346722-cor"] { 4409 --variant-ch: 3.9em; 4410 } 4411 </style> 4412 4413 </fieldset>
4413<script type="application/json"> 4414 {"id":49733332468002,"title":"Preto","option1":"Preto","option2":null,"option3":null,"sku":"HAIRCLIP-1","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"HAIRCLIP - Prendedor de Cabelo - Preto","public_title":"Preto","options":["Preto"],"price":8990,"weight":0,"compare_at_price":9990,"inventory_management":"shopify","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}} 4415 </script>
4415 4416 </form> 4417 </variant-picker> 4418 4419 4420 4421 4422 4423 4424 4425 4426 4427 4428<span 4429 class="buy-buttons-block buy-buttons-block--ATmc3N1dNVDRYU3Nwa__buy_buttons_eYQEYi" 4430 4431><product-form-component 4432 data-section-id="template--26710061678882__main" 4433 data-product-id="9484739346722" 4434 data-product-url="/products/hairclip-prendedor-de-cabelo" 4435 on:submit="/handleSubmit" 4436 data-quantity-default="1" 4437 data-quantity-error-max="Este item apresenta um máximo de {{ maximum }}" 4438 > 4439 <div 4440 class="visually-hidden" 4441 aria-live="assertive" 4442 role="status" 4443 aria-atomic="true" 4444 ref="liveRegion" 4445 ></div><form method="post" action="/cart/add" id="BuyButtons-ProductForm-template--26710061678882__main" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /><input 4446 type="hidden" 4447 name="id" 4448 ref="variantId" 4449 value="49733332468002" 4450 ><div 4451 class="product-form-buttons spacing-style product-form-buttons--stacked" 4452 style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;" 4453 ref="productFormButtons" 4454 > 4455 4456 4457 4458<div 4459 class="quantity-selector-wrapper" 4460 ref="quantitySelectorWrapper" 4461> 4462 <quantity-selector-component 4463 class="quantity-selector" 4464 data-variant-id="49733332468002" 4465 4466ref="quantitySelector" 4467 4468 > 4469 <button 4470 class="button quantity-minus button-unstyled" 4471 type="button" 4472 name="minus" 4473 on:click="/decreaseQuantity" 4474 ref="minusButton" 4475 4476 > 4477 <span class="visually-hidden">Diminuir a quantidade</span 4478 ><span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4479 <path d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 4480</svg> 4481</span> 4482 </button> 4483 <input 4484 type="number" 4485 name="quantity" 4486 value="1" 4487 data-cart-quantity="0" 4488 min="1" 4489 data-min="1" 4490 on:blur="/setQuantity" 4491 on:focus="/selectInputValue" 4492 ref="quantityInput" 4493 aria-label="Quantidade" 4494 4495 4496 step="1" 4497 4498 > 4499 <button 4500 class="button quantity-plus button-unstyled" 4501 type="button" 4502 name="plus" 4503 on:click="/increaseQuantity" 4504 ref="plusButton" 4505 4506 > 4507 <span class="visually-hidden">Aumentar a quantidade</span 4508 ><span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4509 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 4510 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 4511</svg> 4512</span> 4513 </button> 4514 </quantity-selector-component></div> 4515 4516 4517 4518 4519 4520 4521<span 4522 class="product-form-text__error hidden" 4523 ref="addToCartTextError" 4524 > 4525 <span class="svg-wrapper"><svg class="icon icon-error" viewBox="0 0 13 13"> 4526 <circle cx="6.5" cy="6.5" r="5.5" stroke="#fff" stroke-width="var(--icon-stroke-width)"/> 4527 <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width=".7"/> 4528 <path fill="#fff" d="m5.874 3.528.1 4.044h1.053l.1-4.044zm.627 6.133c.38 0 .68-.288.68-.656s-.3-.656-.68-.656-.681.288-.681.656.3.656.68.656"/> 4529 <path fill="#fff" stroke="#EB001B" stroke-width=".7" d="M5.874 3.178h-.359l.01.359.1 4.044.008.341h1.736l.008-.341.1-4.044.01-.359H5.873Zm.627 6.833c.56 0 1.03-.432 1.03-1.006s-.47-1.006-1.03-1.006-1.031.432-1.031 1.006.47 1.006 1.03 1.006Z"/> 4530</svg> 4531</span> 4532 </span> 4533 4534 4535<span 4536 4537 style="--add-to-cart-font-case: ;" 4538> 4539 <add-to-cart-component 4540 ref="addToCartButtonContainer" 4541 data-product-variant-media="//celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&width=100" 4542 data-add-to-cart-animation="true" 4543> 4544 <button 4545 4546 id="BuyButtons-ProductSubmitButton-ALzlwVk5aOC83MC9WR__add-to-cart" 4547 4548 type="submit" 4549 name="add" 4550 ref="addToCartButton" 4551 on:click="/handleClick" 4552 class="button add-to-cart-button button" 4553 4554 data-testid="standalone-add-to-cart" 4555 4556 4557 > 4558 <span 4559 class="add-to-cart-text" 4560 > 4561
4562 <span 4563 aria-hidden="true" 4564 class="svg-wrapper add-to-cart-icon" 4565 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg> 4566</span> 4567 4568 <span class="add-to-cart-text__content"> 4569 <span> 4570 <span>Adicionar ao carrinho</span> 4571 </span> 4572 </span> 4573 </span> 4574 4575 <span class="add-to-cart__added"> 4576 <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 4577 <g class="check"> 4578 <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 4579 <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 4580 </g> 4581 <g class="burst"> 4582 <g style="--index: 0;"> 4583 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 4584 </g> 4585 <g style="--index: 1;"> 4586 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 4587 </g> 4588 <g style="--index: 2;"> 4589 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 4590 </g> 4591 <g style="--index: 3;"> 4592 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 4593 </g> 4594 <g style="--index: 4;"> 4595 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 4596 </g> 4597 <g style="--index: 5;"> 4598 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 4599 </g> 4600 <g style="--index: 6;"> 4601 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 4602 </g> 4603 <g style="--index: 7;"> 4604 <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/> 4605 </g> 4606 </g> 4607</svg> 4608</span> 4609 </span> 4610 </button> 4611</add-to-cart-component> 4612 4613</span> 4614 4615 4616 4617 4618 4619 </div><input type="hidden" name="product-id" value="9484739346722" /><input type="hidden" name="section-id" value="template--26710061678882__main" /></form></product-form-component></span> 4620 4621 4622 4623 4624 4625 4626 4627 4628 4629 4630 4631 4632 4633 4634 4635 <rte-formatter class=" spacing-style text-block text-block--ATFlDZ1J6djZoSVJZO__text_aEtTtq rte text-block--align-left rte " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: left; "> 4636 <p><em>Preserve seu cabelo nos bons ventos!</em></p> 4637<p><em>Prendedor de cabelo em couro legÃtimo com design exclusivo, fecho interno discreto e alça para a utilização de elástico de cabelo, da sua escolha. </em></p> 4638 </rte-formatter> 4639 4640 4641 4642 4643 4644 4645 4646 </div> 4647</div> 4648 4649 4650 4651</div> 4652 4653 4654 4655 4656 4657 4658 4659 4660 </div> 4661 4662 4663 4664 4665</div> 4666 4667 4668 4669 4670 4671 4672 4673</div><div id="shopify-section-template--26710061678882__product_recommendations_qggXJq" class="shopify-section">
4674<script 4675 src="//celeirobikers.com.br/cdn/shop/t/3/assets/product-recommendations.js?v=168839317936691195461773244888" 4676 type="module" 4677 fetchpriority="low" 4678></script>
4678 4679 4680 4681 4682<product-recommendations 4683 id="product-recommendations-template--26710061678882__product_recommendations_qggXJq" 4684 class="product-recommendations" 4685 data-url="/recommendations/products?limit=7" 4686 data-section-id="template--26710061678882__product_recommendations_qggXJq" 4687 data-product-id="9484739346722" 4688 data-intent="related" 4689 data-testid="product-recommendations-section" 4690 data-recommendations-performed="false" 4691 4692> 4693 <div class="section-background color-scheme-1"></div> 4694 <div 4695 class=" 4696 section 4697 section--page-width 4698 color-scheme-1 4699 section-resource-list 4700 spacing-style 4701 gap-style 4702 " 4703 style=" 4704 --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px)); 4705 --gap: max(24px, calc(var(--gap-scale, 1.0) * 28px)); 4706 --column-count-mobile: 2;--resource-list-column-gap-desktop: 12px;--resource-list-row-gap-desktop: 24px;--resource-list-columns: repeat(4, 1fr);--resource-list-columns-mobile: repeat(2, 1fr);--resource-list-column-gap-desktop: 12px;--column-count: 4;--column-count-mobile: 2; 4707 " 4708 > 4709 <div class="section-resource-list__content"> 4710 4711 4712 4713 4714 4715 4716 4717 4718 4719 <div class=" spacing-style text-block text-block--AYUtmUW0wWXpZbjFUR__text_cbcgyb h4 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "> 4720 <h3>Você também pode gostar</h3> 4721 </div> 4722 4723 4724 4725 4726 4727 4728 4729 </div><div 4730 class="resource-list resource-list--grid" 4731 > 4732 4733 <div 4734 class="product-recommendations__skeleton-item" 4735 aria-label="Carregando recomendações de produtos" 4736 ></div> 4737 4738 <div 4739 class="product-recommendations__skeleton-item" 4740 aria-label="Carregando recomendações de produtos" 4741 ></div> 4742 4743 <div 4744 class="product-recommendations__skeleton-item" 4745 aria-label="Carregando recomendações de produtos" 4746 ></div> 4747 4748 <div 4749 class="product-recommendations__skeleton-item" 4750 aria-label="Carregando recomendações de produtos" 4751 ></div> 4752 4753 </div></div> 4754</product-recommendations> 4755 4756 4757</div> 4758 </main> 4759 4760 <footer> 4761 <!-- BEGIN sections: footer-group --> 4762<div id="shopify-section-sections--26710061875490__footer_m9NzUG" class="shopify-section shopify-section-group-footer-group section-wrapper"> 4763 4764<div class="section-background color-scheme-1"></div> 4765<div 4766 class="section section--page-width color-scheme-1" 4767> 4768 4769 <div 4770 class=" 4771 footer-content 4772 spacing-style 4773 4774 4775 " 4776 style=" 4777 --padding-block-start: max(20px, calc(var(--spacing-scale) * 30px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 30px)); 4778 --footer-gap: 20px; 4779 --grid-columns: 4; 4780 --last-row-count: 4; 4781 --tablet-last-row-count: 2; 4782 " 4783 > 4784 4785 4786 4787<div 4788 class=" 4789 group-block 4790 group-block--height-fit 4791 group-block--width-fill 4792 border-style 4793 spacing-style 4794 size-style 4795 4796 4797 " 4798 style=" 4799 --border-width: 1px; --border-style: none; --border-color: 4800rgb(var(--color-border-rgb) / 1.0); --border-radius: 48010px; 4802 4803 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 4804 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 4805 4806 " 4807 4808 data-testid="group-block" 4809><div class="group-block__media-wrapper"> 4810 4811 4812 4813 4814 4815 </div> 4816 4817 <div 4818 class=" 4819 group-block-content 4820 4821 layout-panel-flex 4822 layout-panel-flex--column 4823 mobile-column 4824 " 4825 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 4826 4827--gap: 6px; 4828 4829--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 4830--vertical-alignment-mobile: flex-start; 4831" 4832 > 4833 4834 4835 4836 4837 4838 4839 4840 4841 4842 <div class=" spacing-style text-block text-block--AYStEYklncXNybEQwc__text_Yf7cKC h4 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 4843 <h2>Central de Atendimento</h2> 4844 </div> 4845 4846 4847 4848 4849 4850 4851 4852 4853 4854 4855 4856 4857 4858 4859 4860 <rte-formatter class=" spacing-style text-block text-block--AcTJkdjRlTEpGVnd0b__text_TqxLDT rte rte " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "> 4861 <p><a href="https://celeirobikers.com.br/pages/quem-somos" title="https://celeirobikers.com.br/pages/quem-somos">Sobre Nós</a><br/>
4861<a href="/pages/politica-de-privacidade" title="PolÃtica de Privacidade">Politica de Privacidade</a><br/><a href="/pages/troca-e-devolucao" title="Troca e Devolução">Politica de Trocas e Devolução</a><br/><a href="/pages/acompanhe-seu-pedido" title="Acompanhe seu pedido">Acompanhe seu pedido</a></p> 4862 </rte-formatter> 4863 4864 4865 4866 4867 4868 4869 4870</div> 4871</div> 4872 4873 4874 4875 4876 4877 4878 4879 4880<div 4881 class=" 4882 group-block 4883 group-block--height-fit 4884 group-block--width-fill 4885 border-style 4886 spacing-style 4887 size-style 4888 4889 4890 " 4891 style=" 4892 --border-width: 1px; --border-style: none; --border-color: 4893rgb(var(--color-border-rgb) / 1.0); --border-radius: 48940px; 4895 4896 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 4897 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 4898 4899 " 4900 4901 data-testid="group-block" 4902><div class="group-block__media-wrapper"> 4903 4904 4905 4906 4907 4908 </div> 4909 4910 <div 4911 class=" 4912 group-block-content 4913 4914 layout-panel-flex 4915 layout-panel-flex--column 4916 mobile-column 4917 " 4918 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 4919 4920--gap: 6px; 4921 4922--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 4923--vertical-alignment-mobile: flex-start; 4924" 4925 > 4926 4927 4928 4929 4930 4931 4932 4933 4934 4935 <div class=" spacing-style text-block text-block--AUnFYbys5cFNtdVJ1O__text_QaHjGn h4 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 4936 <h2>Quem somos</h2> 4937 </div> 4938 4939 4940 4941 4942 4943 4944 4945 4946 4947 4948 4949 4950 4951 4952 4953 <rte-formatter class=" spacing-style text-block text-block--AQ3A0OXZxRmNKUHlMZ__text_8hq8Ln rte rte " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "> 4954 <p>A Celeiro nasce da paixão pelo motociclismo e da busca por uma estética que una sofisticação, autenticidade e liberdade sobre duas rodas.<br/><br/>Acreditamos que vestir-se para pilotar vai além da funcionalidade â é sobre presença, confiança e conexão com um estilo de vida.<br/><br/>Celeiro é onde a moda e a estrada se encontram, traduzindo o espÃrito de mulheres que aceleram com elegância e autenticidade.<br/><br/>Vem acelerar com a gente.</p> 4955 </rte-formatter> 4956 4957 4958 4959 4960 4961 4962 4963</div> 4964</div> 4965 4966 4967 4968 4969 4970 4971 4972 4973<div 4974 class=" 4975 group-block 4976 group-block--height-fit 4977 group-block--width-fill 4978 border-style 4979 spacing-style 4980 size-style 4981 4982 4983 " 4984 style=" 4985 --border-width: 1px; --border-style: none; --border-color: 4986rgb(var(--color-border-rgb) / 1.0); --border-radius: 49870px; 4988 4989 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 4990 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 4991 4992 " 4993 4994 data-testid="group-block" 4995><div class="group-block__media-wrapper"> 4996 4997 4998 4999 5000 5001 </div> 5002 5003 <div 5004 class=" 5005 group-block-content 5006 5007 layout-panel-flex 5008 layout-panel-flex--column 5009 mobile-column 5010 " 5011 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 5012 5013--gap: 6px; 5014 5015--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 5016--vertical-alignment-mobile: flex-start; 5017" 5018 > 5019 5020 5021 5022 5023 5024 5025 5026 5027 5028 <div class=" spacing-style text-block text-block--ASTR5QThaanBndXd3S__text_g9DB7x h4 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 5029 <h2>Categorias</h2> 5030 </div> 5031 5032 5033 5034 5035 5036 5037 5038 5039 5040 5041 5042 5043 5044 5045 5046 <rte-formatter class=" spacing-style text-block text-block--AdDVrVTlWSWcrK0JKN__text_RRMpqa rte rte " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "> 5047 <p><a href="/collections/camisetas" title="Camisetas">Camisetas</a><br/>
5047<a href="/collections/acessorios" title="ACESSÃRIOS">Acessórios</a><br/><a href="/collections/lifestyle" title="Calças e Shorts">Calças e Shorts</a><br/><a href="/collections/casacos" title="Casacos">Casacos</a><br/><a href="/collections/jaquetas-e-coletes" title="Jaquetas e Coletes">Jaquetas e Coletes</a><br/><a href="/collections/chapeu-personalizados" title="Chapéu Personalizados">Chapéus Personalizados</a></p> 5048 </rte-formatter> 5049 5050 5051 5052 5053 5054 5055 5056</div> 5057</div> 5058 5059 5060 5061 5062 5063 5064 5065 5066<div 5067 class=" 5068 group-block 5069 group-block--height-fit 5070 group-block--width-fill 5071 border-style 5072 spacing-style 5073 size-style 5074 5075 5076 " 5077 style=" 5078 --border-width: 1px; --border-style: none; --border-color: 5079rgb(var(--color-border-rgb) / 1.0); --border-radius: 50800px; 5081 5082 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 5083 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 5084 5085 " 5086 5087 data-testid="group-block" 5088><div class="group-block__media-wrapper"> 5089 5090 5091 5092 5093 5094 </div> 5095 5096 <div 5097 class=" 5098 group-block-content 5099 5100 layout-panel-flex 5101 layout-panel-flex--column 5102 mobile-column 5103 " 5104 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 5105 5106--gap: 6px; 5107 5108--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 5109--vertical-alignment-mobile: flex-start; 5110" 5111 > 5112 5113 5114 5115 5116 5117 5118 5119 5120 5121 <div class=" spacing-style text-block text-block--AZ2F0SGJyMXpnMDA1N__text_mqm7D3 h4 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 5122 <h2>Contato</h2> 5123 </div> 5124 5125 5126 5127 5128 5129 5130 5131 5132 5133 5134 5135 5136 5137 5138 5139 <rte-formatter class=" spacing-style text-block text-block--AcWFZUkNPVHc2Q1Z0S__text_HTBTeH rte rte " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "> 5140 <p>Whatsapp: (67)99262-8602<br/>[email protected]<br/><br/><strong>Horário de atendimento</strong><br/>Segunda a sexta: 09:00 à s 19:00<br/>Sábado: 09:00 à s 13:00<br/>Domingo: Fechado</p> 5141 </rte-formatter> 5142 5143 5144 5145 5146 5147 5148 5149</div> 5150</div> 5151 5152 5153 5154 5155 5156 5157 </div> 5158</div> 5159 5160 5161 5162 5163</div><div id="shopify-section-sections--26710061875490__footer_utilities_jLGE8U" class="shopify-section shopify-section-group-footer-group footer-utilities"> 5164 5165<div class="section-background color-scheme-1"></div> 5166<div 5167 class="section section--page-width color-scheme-1" 5168 5169> 5170 <div 5171 class="utilities utilities--blocks-3 spacing-style" 5172 style="--padding-block-start: 20px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px)); --border-width: 0px; --gap: 24px;" 5173 data-testid="footer-utilities" 5174 > 5175 5176 5177<div 5178 class=" 5179 footer-utilities__group-copyright 5180 custom-typography 5181 custom-font-size 5182 " 5183 style=" 5184--color: ;--font-size: 0.75rem; --font-weight: ;--font-family: ; --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-);" 5185 5186> 5187 <span class="footer-utilities__text"> 5188 © 2026 5189 <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> 5190</span> 5191</div> 5192 5193 5194 5195 5196 <anchored-popover-component 5197 data-hover-triggered="true" 5198 > 5199 <button 5200 class="policy-list-trigger button-unstyled" 5201 popovertarget="terms-policies-popover" 5202 popovertargetaction="toggle" 5203 ref="trigger" 5204 style=" 5205--color: ;--font-size: 0.75rem; --font-weight: ;--font-family: ; --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-);" 5206 5207 > 5208 Termos e polÃticas 5209 </button> 5210 <div
5211 class="terms-policies-popover color-scheme-1" 5212 id="terms-policies-popover" 5213 popover="auto" 5214 ref="popover" 5215 > 5216 <ul 5217 class=" 5218 policy_list list-unstyled 5219 custom-typography 5220 custom-font-size 5221 " 5222 ><li> 5223 <a 5224 href="/policies/privacy-policy" 5225 class="footer-utilities__text" 5226 >PolÃtica de privacidade</a> 5227 </li></ul> 5228 </div> 5229 </anchored-popover-component> 5230 5231 5232 5233 5234 5235 5236 5237<div 5238 class="social-icons__wrapper" 5239 5240> 5241 5242 5243 5244 5245 5246 5247 5248 5249 5250 5251 5252 5253 5254 5255 5256 <div 5257 class="social-icons__icon-wrapper" 5258 > 5259 <a 5260 href="https://www.instagram.com/celeirofashionbikers/" 5261 target="_blank" 5262 rel="noopener noreferrer" 5263 aria-label="Instagram" 5264 5265 > 5266 <span class="social-icons__icon-label">Instagram</span> 5267 5268 <svg 5269 class="social-icons__icon icon-default" 5270 aria-hidden="true" 5271 focusable="false" 5272 xmlns="http://www.w3.org/2000/svg"
5273 viewBox="0 0 20 20" 5274 > 5275<path 5276 fill-rule="evenodd" 5277 d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.43 2.43 0 0 0-.912.593 2.486 2.486 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23 0 2.134.01 2.39.046 3.229.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046 2.134 0 2.39-.01 3.23-.046.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23 0-2.134-.01-2.39-.055-3.229-.027-.784-.164-1.204-.274-1.495a2.43 2.43 0 0 0-.593-.913 2.604 2.604 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045 1.1-.014 2.202.001 3.302.045.664.014 1.321.14 1.943.374a3.968 3.968 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.896 3.896 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.152 4.152 0 0 1-1.414-.922 4.128 4.128 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.44 4.44 0 0 1 .92-1.414 4.18 4.18 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805Zm1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93Zm5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355Z" 5278 clip-rule="evenodd" 5279 /></svg> 5280 5281 </a> 5282 </div> 5283 5284 5285 5286 5287 5288 5289 5290 5291 5292 5293 5294 5295 5296 5297 5298 5299 5300 5301 5302 5303 5304 5305 5306 5307 5308 5309 5310 5311 5312 5313 5314 5315 5316 5317 5318 5319 5320 5321 5322 5323 5324 5325 5326 5327 5328 5329 5330 5331 5332 5333 5334 5335 5336 5337 5338 5339 5340 5341 5342 5343 5344 5345 5346 5347</div> 5348 5349 5350 5351 5352 5353 </div> 5354</div> 5355 5356 5357 5358 5359</div> 5360<!-- END sections: footer-group --> 5361 </footer> 5362 5363
5363<script 5364 src="//celeirobikers.com.br/cdn/shop/t/3/assets/dialog.js?v=150888536568694194021773244888" 5365 type="module" 5366></script>
5366 5367
5368<script 5369 src="//celeirobikers.com.br/cdn/shop/t/3/assets/predictive-search.js?v=149240552485540508541773244888" 5370 type="module" 5371 fetchpriority="low" 5372></script>
5372 5373 5374<dialog-component 5375 id="search-modal" 5376 class="search-modal" 5377 5378> 5379 <dialog 5380 ref="dialog" 5381 on:click="/closeDialogOnClickOutside" 5382 on:keydown="/closeDialogOnEscapePress" 5383 class="search-modal__content dialog-modal" 5384 scroll-lock 5385 aria-labelledby="search-modal-heading" 5386 > 5387 <h2 5388 id="search-modal-heading" 5389 class="visually-hidden" 5390 > 5391 Pesquisa 5392 </h2> 5393 <predictive-search-component 5394 class="predictive-search color-scheme-1" 5395 style="--product-corner-radius: 0px; --card-corner-radius: 4px;" 5396 data-section-id="predictive-search" 5397 data-testid="search-component--modal" 5398 role="search" 5399 aria-label="Pesquisa" 5400 > 5401 <form 5402 action="/search" 5403 method="get" 5404 role="search" 5405 class="predictive-search-form" 5406 ref="form" 5407 on:keydown="/onSearchKeyDown" 5408 > 5409 <div 5410 class="predictive-search-form__header" 5411 > 5412 <div class="predictive-search-form__header-inner"> 5413 <label 5414 for="cmdk-input" 5415 class="visually-hidden" 5416 >Pesquisa</label> 5417 <input 5418 class="search-input" 5419 id="cmdk-input" 5420 type="search" 5421 name="q" 5422 role="combobox" 5423 aria-expanded="false" 5424 aria-owns="predictive-search-results" 5425 aria-controls="predictive-search-results" 5426 aria-haspopup="listbox" 5427 aria-autocomplete="list" 5428 autocomplete="off" 5429 placeholder="Pesquisa" 5430 ref="searchInput" 5431 on:input="/search" 5432 on:keydown="/onSearchKeyDown" 5433 > 5434 <input 5435 name="options[prefix]" 5436 type="hidden" 5437 value="last" 5438 > 5439 <span class="svg-wrapper predictive-search__icon"> 5440 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg> 5441 5442 </span> 5443 <button 5444 type="button" 5445 class="button-unstyled predictive-search__reset-button" 5446 ref="resetButton" 5447 hidden 5448 on:click="/resetSearch" 5449 > 5450 Limpar 5451 </button> 5452 </div> 5453 <button 5454 type="button" 5455 class="button predictive-search__close-modal-button" 5456 aria-label="Fechar caixa de diálogo" 5457 on:click="dialog-component/closeDialog" 5458 ref="closeModalButton" 5459 > 5460 <span class="svg-wrapper"> 5461 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 5462 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5463 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5464</svg> 5465 5466 </span> 5467 </button> 5468 </div> 5469 5470 <div class="predictive-search-form__content-wrapper"> 5471 <div 5472 class="predictive-search-form__content" 5473 tabindex="-1" 5474 ref="predictiveSearchResults" 5475 on:click="/handleModalClick" 5476 > 5477 5478 5479<div 5480 id="predictive-search-results" 5481 class="predictive-search-dropdown" 5482 role="listbox" 5483 aria-expanded="true" 5484 style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);" 5485> 5486 5487 <div class="predictive-search-results__inner"> 5488 5489 5490 5491 5492 5493 <div 5494 id="predictive-search-products" 5495 class="predictive-search-results__products" 5496 5497 data-testid="products-list-default--modal" 5498 5499> 5500 5501 <h4 class="predictive-search-results__title"> 5502 Produtos 5503 </h4> 5504 <ul 5505 class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled" 5506 role="listbox"
5507 aria-label="Produtos" 5508 > 5509 5510 5511 <li 5512 class="predictive-search-results__card predictive-search-results__card--product" 5513 ref="resultsItems[]" 5514 > 5515 5516<div 5517 class="resource-card" 5518 data-resource-type="product" 5519> 5520 <a 5521 class="resource-card__link" 5522 href="/products/hairclip-prendedor-de-cabelo" 5523 > 5524 <span class="visually-hidden"> 5525 HAIRCLIP - Prendedor de Cabelo 5526 </span> 5527 </a> 5528 <div 5529 class="resource-card__media" 5530 style="--resource-card-aspect-ratio: 4 / 5;" 5531 5532 > 5533 5534 5535 5536 <img src="//celeirobikers.com.br/cdn/shop/files/ce98e4635beffcdd45a12eb7ef1e6b32_8520a6b0-11ee-4891-b342-a44393192863.jpg?v=1733166865&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%;"> 5537 5538 <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%;"> 5539</div> 5540 5541 <div class="resource-card__content"> 5542 <p class="resource-card__title paragraph">HAIRCLIP - Prendedor de Cabelo</p> 5543 5544 5545 <div ref="priceContainer"> 5546 5547 5548 5549 <span role="group"> 5550 <span class="visually-hidden">Preço normal </span> 5551 <span class="compare-at-price">R$ 99,90</span> 5552 </span> 5553 5554 5555 5556 <span role="group"> 5557 <span class="visually-hidden">Preço promocional </span> 5558 <span class="price">R$ 89,90</span> 5559 </span> 5560 5561 5562 5563 5564</div> 5565 5566 </div> 5567</div> 5568 5569 </li> 5570 5571 <li 5572 class="predictive-search-results__card predictive-search-results__card--product" 5573 ref="resultsItems[]" 5574 > 5575 5576<div 5577 class="resource-card" 5578 data-resource-type="product" 5579> 5580 <a 5581 class="resource-card__link" 5582 href="/products/camisa-de-flanela-xadrez" 5583 > 5584 <span class="visually-hidden"> 5585 Camisa de Flanela Xadrez 5586 </span> 5587 </a> 5588 <div 5589 class="resource-card__media" 5590 style="--resource-card-aspect-ratio: 4 / 5;" 5591 5592 > 5593 5594 5595 5596 <img src="//celeirobikers.com.br/cdn/shop/files/af93229b8477649651cc7bf9fd428c64_62b58427-bd9e-4627-83f0-3fc5d8020840.jpg?v=1788538022&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%;"> 5597 5598 <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%;"> 5599</div> 5600 5601 <div class="resource-card__content"> 5602 <p class="resource-card__title paragraph">Camisa de Flanela Xadrez</p> 5603 5604 5605 <div ref="priceContainer"> 5606 5607 5608 5609 5610
5611 <span class="price">R$ 147,00</span> 5612 5613 5614 5615 5616</div> 5617 5618 </div> 5619</div> 5620 5621 </li> 5622 5623 <li 5624 class="predictive-search-results__card predictive-search-results__card--product" 5625 ref="resultsItems[]" 5626 > 5627 5628<div 5629 class="resource-card" 5630 data-resource-type="product" 5631> 5632 <a 5633 class="resource-card__link" 5634 href="/products/short-saia-snake-print" 5635 > 5636 <span class="visually-hidden"> 5637 Short Saia Snake Print 5638 </span> 5639 </a> 5640 <div 5641 class="resource-card__media" 5642 style="--resource-card-aspect-ratio: 4 / 5;" 5643 5644 > 5645 5646 5647 5648 <img src="//celeirobikers.com.br/cdn/shop/files/8b0990bd33d754382e9fd9e65e8d56e1.jpg?v=1778014994&width=500" alt="" srcset="//celeirobikers.com.br/cdn/shop/files/8b0990bd33d754382e9fd9e65e8d56e1.jpg?v=1778014994&width=240 240w, //celeirobikers.com.br/cdn/shop/files/8b0990bd33d754382e9fd9e65e8d56e1.jpg?v=1778014994&width=352 352w" width="500" height="750" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;"> 5649 5650 <img src="//celeirobikers.com.br/cdn/shop/files/b33e9b4fe5fd19d93f9a166e8e921d11.jpg?v=1778014994&width=500" alt="Short Saia Snake Print" srcset="//celeirobikers.com.br/cdn/shop/files/b33e9b4fe5fd19d93f9a166e8e921d11.jpg?v=1778014994&width=240 240w, //celeirobikers.com.br/cdn/shop/files/b33e9b4fe5fd19d93f9a166e8e921d11.jpg?v=1778014994&width=352 352w" width="500" height="750" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="54732164399394" style="object-position: 50.0% 50.0%;"> 5651</div> 5652 5653 <div class="resource-card__content"> 5654 <p class="resource-card__title paragraph">Short Saia Snake Print</p> 5655 5656 5657 <div ref="priceContainer"> 5658 5659 5660 5661 5662 5663 <span class="price">R$ 145,00</span> 5664 5665 5666 5667 5668</div> 5669 5670 </div> 5671</div> 5672 5673 </li> 5674 5675 <li 5676 class="predictive-search-results__card predictive-search-results__card--product" 5677 ref="resultsItems[]" 5678 > 5679 5680<div 5681 class="resource-card" 5682 data-resource-type="product" 5683> 5684 <a 5685 class="resource-card__link" 5686 href="/products/regata-feminina-canelada" 5687 > 5688 <span class="visually-hidden"> 5689 Regata To Ride 5690 </span> 5691 </a> 5692 <div 5693 class="resource-card__media" 5694 style="--resource-card-aspect-ratio: 4 / 5;" 5695 5696 > 5697 5698 5699 5700 <img src="//celeirobikers.com.br/cdn/shop/files/0172_66e14213-4afe-4ccb-b53e-6e755803aad5.jpg?v=1761572929&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%;"> 5701 5702 <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%;"> 5703</div> 5704 5705 <div class="resource-card__content"> 5706 <p class="resource-card__title paragraph">Regata To Ride</p> 5707 5708 5709 <div ref="priceContainer"> 5710 5711 5712 5713 5714 5715 <span class="price">R$ 117,90</span> 5716 5717 5718 5719 5720</div> 5721 5722 </div> 5723</div> 5724 5725 </li> 5726 5727 </ul> 5728 5729</div> 5730 5731 5732 5733 5734 5735 </div> 5736 5737</div> 5738 5739 </div> 5740 5741 <div class="predictive-search-form__footer"> 5742 <button 5743 class="button predictive-search__search-button" 5744 ref="viewAllButton" 5745 > 5746 Ver tudo 5747 </button> 5748 </div> 5749 </div> 5750 </form> 5751 </predictive-search-component> 5752 </dialog> 5753</dialog-component> 5754 5755 5756 5757 5758 5759 <quick-add-dialog id="quick-add-dialog"> 5760 <dialog 5761 class="quick-add-modal dialog-modal color-scheme-1" 5762 ref="dialog" 5763 scroll-lock 5764 > 5765 <button 5766 ref="closeButton" 5767 on:click="/closeDialog" 5768 class="button button-unstyled close-button quick-add-modal__close" 5769 aria-label="Fechar caixa de diálogo" 5770 ><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 5771 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5772 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 5773</svg> 5774</button> 5775 5776 <div 5777 id="quick-add-modal-content" 5778 class="quick-add-modal__content" 5779 ></div> 5780 </dialog> 5781</quick-add-dialog> 5782 5783 5784 5785 5786 <div id="shopify-block-AZmlzTlZlTkFoVVZQN__11813581335429059158" class="shopify-block shopify-app-block"> 5787 5788<link href="//cdn.shopify.com/extensions/01a0ad4c-c6f3-78e6-9429-fe2a0991a983/whatsapp-chat-12-83/assets/whatsapp-style.min.css" rel="stylesheet" type="text/css" media="all" />
5788<script src="https://cdn.shopify.com/extensions/01a0ad4c-c6f3-78e6-9429-fe2a0991a983/whatsapp-chat-12-83/assets/njt-whatsapp.min.js" type="text/javascript" defer="defer"></script>
5788 5789 <div id="wa" class="wa__widget_container" data-shop-domain="celeirobikers.com.br"></div> 5790
5790<script> 5791 5792 window.seedgrow_current_product = { 5793 title: "HAIRCLIP - Prendedor de Cabelo" 5794 }; 5795 5796 let sgwaWidgetShowOnDesktop = true; 5797 let sgwaWidgetShowOnMobile = true; 5798 let sgwaWidgetShowLabelOnDesktop = true; 5799 let sgwaWidgetShowLabelOnMobile = true; 5800 let sgwaWidgetShowDismissButtonOnDesktop = true; 5801 let sgwaWidgetShowDismissButtonOnMobile = true; 5802 let sgwaWidgetShowScrollBar = false; 5803 let sgwaWidgetShowGDPRNotice = false; 5804 let sgwaWidgetLabelText = "Need Help? <strong>Chat with us</strong>"; 5805 let sgwaWidgetText = "Start a Conversation"; 5806 let sgwaWidgetDescription = "Hi! Click one of our member below to chat on <strong>Whatsapp</strong>"; 5807 let sgwaWidgetResponseText = "The team typically replies in a few minutes."; 5808 let sgwaWidgetGDPRNotice = 'Please accept our <a href="https://seedgrow.net/privacy-policy/">privacy policy</a> first to start a conversation.'; 5809 let sgwaWidgetBackgroundColor = "2DB742"; 5810 let sgwaWidgetTextColor = "ffffff"; 5811 let sgwaWidgetPosition = "right"; 5812 let sgwaWidgetLabelWidth = 155; 5813 let sgwaWidgetScrollBarHeight = 500; 5814 let sgwaWidgetDistanceLeft = 30; 5815 let sgwaWidgetDistanceRight = 30; 5816 let sgwaWidgetDistanceBottom = 30; 5817 let sgwaWidgetIconSize = 56; 5818 let sgwaWidgetUseClickToChat = false;sgwaWidgetShowDismissButtonOnDesktop = false;sgwaWidgetShowDismissButtonOnMobile = false;sgwaWidgetLabelText = `Precisa de Ajuda? Nos chame no whatsapp`;sgwaWidgetText = `Inicie uma conversa conosco`;sgwaWidgetDescription = `Hi! Click one of our member below to chat on WhatsApp`;sgwaWidgetResponseText = `The team typically replies in a few minutes.`;sgwaWidgetGDPRNotice = `Please accept our privacy policy first to start a conversation.`;sgwaWidgetBackgroundColor = "#2DB742";sgwaWidgetTextColor = "#ffffff";sgwaWidgetPosition = "right";sgwaWidgetLabelWidth = 155;sgwaWidgetScrollBarHeight = 500;sgwaWidgetDistanceLeft = 30;sgwaWidgetDistanceRight = 30;sgwaWidgetDistanceBottom = 30;sgwaWidgetIconSize = 56;window.seedgrow_widget_setting = { 5819 backgroundColor: sgwaWidgetBackgroundColor, 5820 btnBottomDistance: sgwaWidgetDistanceBottom, 5821 btnLabel: sgwaWidgetLabelText, 5822 btnLabelWidth: sgwaWidgetLabelWidth, 5823 btnLeftDistance: sgwaWidgetDistanceLeft, 5824 btnPosition: sgwaWidgetPosition, 5825 btnRightDistance: sgwaWidgetDistanceRight, 5826 description: sgwaWidgetDescription, 5827 gdprContent: sgwaWidgetGDPRNotice, 5828 isShowOnDesktop: sgwaWidgetShowOnDesktop === true ? "ON" : "OFF", 5829 isShowOnMobile: sgwaWidgetShowOnMobile === true ? "ON" : "OFF", 5830 isShowLabelOnMobile: sgwaWidgetShowLabelOnMobile === true ? "ON" : "OFF", 5831 isShowLabelOnDesktop: sgwaWidgetShowLabelOnDesktop === true ? "ON" : "OFF", 5832 isShowDismissButtonOnDesktop: sgwaWidgetShowDismissButtonOnDesktop === true ? "ON" : "OFF", 5833 isShowDismissButtonOnMobile: sgwaWidgetShowDismissButtonOnMobile === true ? "ON" : "OFF", 5834 isShowGDPR: sgwaWidgetShowGDPRNotice === true ? "ON" : "OFF", 5835 isShowPoweredBy: "ON", 5836 isShowResponseText: "ON", 5837 isShowScroll: sgwaWidgetShowScrollBar === true ? "ON" : "OFF", 5838 responseText: sgwaWidgetResponseText, 5839 scrollHeight: sgwaWidgetScrollBarHeight, 5840 textColor: sgwaWidgetTextColor, 5841 title: sgwaWidgetText, 5842 iconSize: sgwaWidgetIconSize, 5843 useClickToChat: sgwaWidgetUseClickToChat 5844 }; 5845 if (typeof seedgrowWhatsAppDataJson === 'undefined' && `{"accounts"=>[{"accountId"=>"66f4578e61b5429636a2033d", "accountName"=>"CeleiroBikers", "avatar"=>"", "dayOffsText"=>"I will be back soon", "daysOfWeekWorking"=>{"sunday"=>{"isWorkingOnDay"=>"OFF", "workHours"=>[{"startTime"=>"08:00", "endTime"=>"17:30"}]}, "monday"=>{"isWorkingOnDay"=>"OFF", "workHours"=>[{"startTime"=>"08:00", "endTime"=>"17:30"}]}, "tuesday"=>{"isWorkingOnDay"=>"OFF", "workHours"=>[{"startTime"=>"08:00", "endTime"=>"17:30"}]}, "wednesday"=>{"isWorkingOnDay"=>"OFF", "workHours"=>[{"startTime"=>"08:00", "endTime"=>"17:30"}]}, "thursday"=>{"isWorkingOnDay"=>"OFF", "workHours"=>[{"startTime"=>"08:00", "endTime"=>"17:30"}]}, "friday"=>{"isWorkingOnDay"=>"OFF", "workHours"=>[{"startTime"=>"08:00", "endTime"=>"17:30"}]}, "saturday"=>{"isWorkingOnDay"=>"OFF", "workHours"=>[{"startTime"=>"08:00", "endTime"=>"17:30"}]}}, "isAlwaysAvailable"=>"ON", "number"=>"+5567992628602", "predefinedText"=>"Oi,", "title"=>"CeleiroBikers", "willBeBackText"=>"I will be back soon", "showWidget"=>true, "showButton"=>true}], "options"=>{"analytics"=>{"enabledFacebook"=>"OFF", "enabledGoogle"=>"OFF", "enabledGoogleGA4"=>"OFF"}, "display"=>{"displayCondition"=>"show_all_page", "includePages"=>[], "excludePages"=>[], "showPoweredIcon"=>"ON", "showNotificationBadge"=>"OFF", "time_symbols"=>"h:m"}}, "buttonInfo"=>"{}", "urlSettings"=>{"openInNewTab"=>"ON", "onDesktop"=>"api", "onMobile"=>"api", "hideAccountWhenOffline"=>"OFF"}, "timezone"=>"-03:00", "defaultAvatarUrl"=>"https://whatsapp-u.seedgrow.net/whatsapp-logo.svg", "translations"=>{}, "plans"=>"free"}`.length > 0) { 5846 let seedgrowWhatsAppDataJson = JSON.parse(`{"accounts"=>[{"accountId"=>"66f4578e61b5429636a2033d", "accountName"=>"CeleiroBikers", "avatar"=>"", "dayOffsText"=>"I will be back soon", "daysOfWeekWorking"=>{"sunday"=>{"isWorkingOnDay"=>"OFF", "workHours"=>[{"startTime"=>"08:00", "endTime"=>"17:30"}]}, "monday"=>{"isWorkingOnDay"=>"OFF", "workHours"=>[{"startTime"=>"08:00", "endTime"=>"17:30"}]}, "tuesday"=>{"isWorkingOnDay"=>"OFF", "workHours"=>[{"startTime"=>"08:00", "endTime"=>"17:30"}]}, "wednesday"=>{"isWorkingOnDay"=>"OFF", "workHours"=>[{"startTime"=>"08:00", "endTime"=>"17:30"}]}, "thursday"=>{"isWorkingOnDay"=>"OFF", "workHours"=>[{"startTime"=>"08:00", "endTime"=>"17:30"}]}, "friday"=>{"isWorkingOnDay"=>"OFF", "workHours"=>[{"startTime"=>"08:00", "endTime"=>"17:30"}]}, "saturday"=>{"isWorkingOnDay"=>"OFF", "workHours"=>[{"startTime"=>"08:00", "endTime"=>"17:30"}]}}, "isAlwaysAvailable"=>"ON", "number"=>"+5567992628602", "predefinedText"=>"Oi,", "title"=>"CeleiroBikers", "willBeBackText"=>"I will be back soon", "showWidget"=>true, "showButton"=>true}], "options"=>{"analytics"=>{"enabledFacebook"=>"OFF", "enabledGoogle"=>"OFF", "enabledGoogleGA4"=>"OFF"}, "display"=>{"displayCondition"=>"show_all_page", "includePages"=>[], "excludePages"=>[], "showPoweredIcon"=>"ON", "showNotificationBadge"=>"OFF", "time_symbols"=>"h:m"}}, "buttonInfo"=>"{}", "urlSettings"=>{"openInNewTab"=>"ON", "onDesktop"=>"api", "onMobile"=>"api", "hideAccountWhenOffline"=>"OFF"}, "timezone"=>"-03:00", "defaultAvatarUrl"=>"https://whatsapp-u.seedgrow.net/whatsapp-logo.svg", "translations"=>{}, "plans"=>"free"}`.replaceAll("=>", ":").replaceAll("\n", "\\n")); 5847 seedgrowWhatsAppDataJson['defaultAvatarSVG'] = '<svg width="48px" height="48px" class="nta-whatsapp-default-avatar" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"><path style="fill:#EDEDED;" d="M0,512l35.31-128C12.359,344.276,0,300.138,0,254.234C0,114.759,114.759,0,255.117,0 S512,114.759,512,254.234S395.476,512,255.117,512c-44.138,0-86.51-14.124-124.469-35.31L0,512z"/> <path style="fill:#55CD6C;" d="M137.71,430.786l7.945,4.414c32.662,20.303,70.621,32.662,110.345,32.662 c115.641,0,211.862-96.221,211.862-213.628S371.641,44.138,255.117,44.138S44.138,137.71,44.138,254.234 c0,40.607,11.476,80.331,32.662,113.876l5.297,7.945l-20.303,74.152L137.71,430.786z"/> <path style="fill:#FEFEFE;" d="M187.145,135.945l-16.772-0.883c-5.297,0-10.593,1.766-14.124,5.297 c-7.945,7.062-21.186,20.303-24.717,37.959c-6.179,26.483,3.531,58.262,26.483,90.041s67.09,82.979,144.772,105.048 c24.717,7.062,44.138,2.648,60.028-7.062c12.359-7.945,20.303-20.303,22.952-33.545l2.648-12.359 c0.883-3.531-0.883-7.945-4.414-9.71l-55.614-25.6c-3.531-1.766-7.945-0.883-10.593,2.648l-22.069,28.248 c-1.766,1.766-4.414,2.648-7.062,1.766c-15.007-5.297-65.324-26.483-92.69-79.448c-0.883-2.648-0.883-5.297,0.883-7.062 l21.186-23.834c1.766-2.648,2.648-6.179,1.766-8.828l-25.6-57.379C193.324,138.593,190.676,135.945,187.145,135.945"/></svg>'; 5848 window.seedgrow_wa_data = seedgrowWhatsAppDataJson; 5849 } else if (typeof seedgrowWhatsAppDataJson === 'undefined' && ``.length > 0) { 5850 let seedgrowWhatsAppDataJson = JSON.parse(``.replaceAll("=>", ":").replaceAll("\n", "\\n")); 5851 seedgrowWhatsAppDataJson['defaultAvatarSVG'] = '<svg width="48px" height="48px" class="nta-whatsapp-default-avatar" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"><path style="fill:#EDEDED;" d="M0,512l35.31-128C12.359,344.276,0,300.138,0,254.234C0,114.759,114.759,0,255.117,0 S512,114.759,512,254.234S395.476,512,255.117,512c-44.138,0-86.51-14.124-124.469-35.31L0,512z"/> <path style="fill:#55CD6C;" d="M137.71,430.786l7.945,4.414c32.662,20.303,70.621,32.662,110.345,32.662 c115.641,0,211.862-96.221,211.862-213.628S371.641,44.138,255.117,44.138S44.138,137.71,44.138,254.234 c0,40.607,11.476,80.331,32.662,113.876l5.297,7.945l-20.303,74.152L137.71,430.786z"/> <path style="fill:#FEFEFE;" d="M187.145,135.945l-16.772-0.883c-5.297,0-10.593,1.766-14.124,5.297 c-7.945,7.062-21.186,20.303-24.717,37.959c-6.179,26.483,3.531,58.262,26.483,90.041s67.09,82.979,144.772,105.048 c24.717,7.062,44.138,2.648,60.028-7.062c12.359-7.945,20.303-20.303,22.952-33.545l2.648-12.359 c0.883-3.531-0.883-7.945-4.414-9.71l-55.614-25.6c-3.531-1.766-7.945-0.883-10.593,2.648l-22.069,28.248 c-1.766,1.766-4.414,2.648-7.062,1.766c-15.007-5.297-65.324-26.483-92.69-79.448c-0.883-2.648-0.883-5.297,0.883-7.062 l21.186-23.834c1.766-2.648,2.648-6.179,1.766-8.828l-25.6-57.379C193.324,138.593,190.676,135.945,187.145,135.945"/></svg>'; 5852 window.seedgrow_wa_data = seedgrowWhatsAppDataJson; 5853 } 5854 </script>
5854 5855 5856
5856<script src="https://cdn.shopify.com/extensions/01a0ad4c-c6f3-78e6-9429-fe2a0991a983/whatsapp-chat-12-83/assets/whatsapp-widget.min.js" type="text/javascript" defer="defer"></script>
5856 5857</div><div id="shopify-block-AZFd6aGFnS21FS1hVa__13768625480086291342" class="shopify-block shopify-app-block">
5857<script> 5858 window['ShopifyForms'] = { 5859 ...window['ShopifyForms'], 5860 currentPageType: "product" 5861 }; 5862</script>
5862 5863 5864 5865</div>
5865<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
5865 5866</body> 5867</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.