1<!DOCTYPE html> 2<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://opengraphprotocol.org/schema/" lang="pt"> 3 <head> 4 <meta charset="utf-8" /> 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 6 <link rel="preconnect" href="https://acdn-us.mitiendanube.com" /> 7 <link rel="dns-prefetch" href="https://acdn-us.mitiendanube.com" /> 8 <link rel="preconnect" href="https://acdn-us.mitiendanube.com" /> 9 <link rel="dns-prefetch" href="https://acdn-us.mitiendanube.com" /> 10 <link rel="preconnect" href="https://fonts.googleapis.com" /> 11 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> 12 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 13 <meta name="viewport" content="width=device-width, initial-scale=1" /> 14 <title>Identificação - ALIZI | Camisetas Femininas 100% Algodão | Estampas DTF </title> 15 <meta name="description" content="Camisetas femininas 100% algodão 30.1 com estampas DTF. Frete grátis acima de R$229. Primeira troca grátis. Compre agora!" /> 16 17
17<script type="application/ld+json"> 18 { 19 "@context": "https://schema.org", 20 "@type": "Organization", 21 "@id": "https://www.alizi.com.br/#organization", 22 "name": "ALIZI", 23 "url": "https://www.alizi.com.br", 24 "logo": "https://acdn-us.mitiendanube.com/stores/001/134/626/themes/common/logo-1819588317-1755010340-b5fa6691cc9031c6ffa8f9c544f31b361755010340-480-0.webp", 25 "sameAs": [ 26 "https://www.instagram.com/alizi.com.br", 27 "https://www.facebook.com/people/alizicombr/61579010796090", 28 "https://br.pinterest.com/alizifashion", 29 "https://www.tiktok.com/@alizi.com.br", 30 "https://www.youtube.com/@alizi.youtube" 31 ] 32 } 33 </script>
33 34 35
35<script type="application/ld+json"> 36 { 37 "@context": "https://schema.org", 38 "@type": "ClothingStore", 39 "@id": "https://www.alizi.com.br/#store", 40 "name": "ALIZI", 41 "url": "https://www.alizi.com.br", 42 "image": "https://acdn-us.mitiendanube.com/stores/001/134/626/themes/common/logo-1819588317-1755010340-b5fa6691cc9031c6ffa8f9c544f31b361755010340-480-0.webp", 43 "sameAs": [ 44 "https://www.instagram.com/alizi.com.br", 45 "https://www.facebook.com/people/alizicombr/61579010796090", 46 "https://br.pinterest.com/alizifashion", 47 "https://www.tiktok.com/@alizi.com.br", 48 "https://www.youtube.com/@alizi.youtube" 49 ], 50 "aggregateRating": { 51 "@type": "AggregateRating", 52 "ratingValue": "5.0", 53 "reviewCount": "20" 54 } 55 } 56 </script>
56 57 58 59 60 61 62 63 64 65 66 67 68 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap" media="print" onload="this.media='all'"> 69 <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap"></noscript> 70 71 72 73 74 75<meta property="og:site_name" content="ALIZI | Camisetas Femininas 100% Algodão | Estampas DTF " /> 76 77 78<meta property="fb:app_id" content="379938028687793" /> 79 80 81 82 83 84 85 86 87 88 89 90 91 <style> 92 93 94:root { 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 --main-foreground: #181818; 149 --main-background: #ffffff; 150 151 --primary-color: #000000; 152 --secondary-color: #000000; 153 --accent-color: #8e44ad; 154 155 --button-background: #000000; 156 --button-foreground: #ffffff; 157 158 --label-background: #f70505; 159 --label-foreground: #ffffff; 160 161 162 163 --adbar-background: #e3dbd1; 164 --adbar-foreground: #571f31; 165 --adbar-icon: #571f31; 166 167 --header-badge-background: #000000; 168 --header-badge-foreground: #ffffff; 169 170 --nav-desktop-foreground: #876a53; 171 172 --nav-desktop-background: #ffffff; 173 --nav-desktop-hover: #571f31; 174 175 --header-featured-link-foreground: #e3dbd1; 176 --header-featured-link-background: #571f31; 177 178 --topbar-background: #ffffff; 179 --topbar-foreground: #571f31; 180 --topbar-icons: #571f31; 181 182 --search-background: #ffffff; 183 --search-foreground: #181818; 184 --search-icon: #000000; 185 186 --nav-mobile-background: #ffffff; 187 --nav-mobile-foreground: #181818; 188 189 190 --footer-background: #ffffff; 191 --footer-foreground: #181818; 192 --footer-titles: #181818; 193 --footer-icons: #181818; 194 --footer-form-background: #ffffff; 195 --footer-form-foreground: #181818; 196 --footer-form-input-background: #ffffff; 197 --footer-form-input-foreground: #181818; 198 --footer-form-titles: #181818; 199 --footer-form-button-background: #181818; 200 --footer-form-button-foreground: #ffffff; 201 --footer-social-icons: #181818; 202 203 204 --slider-background: #ffffff; 205 206 --main-categories-background: #ffffff; 207 --main-categories-foreground: #181818; 208 209 --featured-background: #ffffff; 210 --featured-foreground: #181818; 211 212 --new-background: #ffffff; 213 --new-foreground: #181818; 214 215 --sale-background: #ffffff; 216 --sale-foreground: #181818; 217 218 --promotion-background: #ffffff; 219 --promotion-foreground: #181818; 220 221 --best-seller-background: #ffffff; 222 --best-seller-foreground: #181818; 223 224 --banner-products-background: #ffffff; 225 --banner-products-foreground: #181818; 226 --banner-products-content: #ffffff; 227 228 --newsletter-background: #8e44ad; 229 --newsletter-foreground: #ffffff; 230 --newsletter-button: #ffffff; 231 --newsletter-button-text: #181818; 232 233 --welcome-background: ; 234 --welcome-foreground: ; 235 236 --testimonials-background: #ffffff; 237 --testimonials-titles: #181818; 238 --testimonials-foreground: #181818; 239 --faq-background: #ffffff; 240 --faq-foreground: #181818; 241 242 --institutional-background: #ffffff; 243 --institutional-foreground: #181818; 244 245 --categories-background: #ffffff; 246 --categories-foreground: #181818; 247 248 --gridbanners-background: #ffffff; 249 --gridbanners-foreground: #181818; 250 251 --brands-background: #ffffff; 252 --brands-foreground: #181818; 253 254 --featured-banner-background: #ffffff; 255 256 --video-foreground: #ffffff; 257 258 --banner-services-background: #ffffff; 259 --banner-services-foreground: #181818; 260 --banner-services-title: #000000; 261 --banner-services-icon: #000000; 262 --banner-services-width: 1200px; 263 264 --instafeed-background: #181818; 265 --instafeed-foreground: #ffffff; 266 267 --extra-menu-background: #ffffff; 268 --extra-menu-foreground: #181818; 269 270 --blog-background: #ffffff; 271 --blog-foreground: #181818; 272 273 --extra-menu-size: 13px; 274 --extra-menu-padding: 10px; 275 --extra-menu-min: 40px; 276 277 --extra-menu-gap: 10px; 278 279 280 281 282 --main-foreground-opacity-03: #18181808; 283 --main-foreground-opacity-05: #1818180D; 284 --main-foreground-opacity-08: #18181814; 285 --main-foreground-opacity-10: #1818181A; 286 --main-foreground-opacity-20: #18181833; 287 --main-foreground-opacity-30: #1818184D; 288 --main-foreground-opacity-40: #18181866; 289 --main-foreground-opacity-50: #18181880; 290 --main-foreground-opacity-60: #18181899; 291 --main-foreground-opacity-70: #181818B3; 292 --main-foreground-opacity-80: #181818CC; 293 294 --main-background-opacity-30: #ffffff4D; 295 --main-background-opacity-40: #ffffff66; 296 --main-background-opacity-50: #ffffff80; 297 --main-background-opacity-80: #ffffffCC; 298 --main-background-opacity-90: #ffffffE6; 299 300 --header-desktop-background: #ffffff; 301 --header-desktop-background-opacity: #ffffff0D; 302 --header-desktop-foreground: #181818; 303 --header-icons: #2d3039; 304 305 --header-foreground-opacity-10: #1818181A; 306 --header-foreground-opacity-20: #18181833; 307 --header-foreground-opacity-50: #18181880; 308 309 --nav-desktop-foreground-opacity-05: #876a530D; 310 --nav-desktop-foreground-opacity-10: #876a531A; 311 --nav-desktop-foreground-opacity-60: #876a5399; 312 313 --nav-mobile-foreground-opacity-05: #1818180D; 314 --nav-mobile-foreground-opacity-10: #1818181A; 315 --nav-mobile-foreground-opacity-20: #18181833; 316 --nav-mobile-foreground-opacity-30: #1818184D; 317 --nav-mobile-foreground-opacity-40: #18181866; 318 319 --nav-item-spacing: 10px; 320 321 --header-badge-foreground-opacity-20: #ffffff33; 322 323 --adbar-foreground-opacity-10: 1A; 324 325 --topbar-border: 1px solid #1818180D; 326 327 --search-foreground-opacity-50: #18181880; 328 329 --search-border: #1818184D; 330 331 --main-categories-foreground-opacity-20: #18181833; 332 333 --brands-foreground-opacity-10: #1818181A; 334 335 --welcome-foreground-opacity-90: E6; 336 337 --institutional-foreground-opacity-30: #1818184D; 338 339 --institutional-opacity: 0.2; 340 341 --testimonials-block: #ffffff; 342 343 344 --news-foreground-opacity-10: #ffffff1A; 345 --news-foreground-opacity-30: #ffffff4D; 346 --news-foreground-opacity-50: #ffffff80; 347 --news-foreground-opacity-70: #ffffffB3; 348 349 --footer-foreground-opacity-10: #1818181A; 350 --footer-foreground-opacity-20: #18181833; 351 --footer-foreground-opacity-50: #18181880; 352 --footer-foreground-opacity-60: #18181899; 353 --footer-foreground-opacity-80: #181818CC; 354 355 --footer-form-input-foreground-opacity-50: #18181880; 356 357 358 --banner-promotional-background: #ffffff; 359 --banner-promotional-foreground: #181818; 360 --banner-promotional-overlay: #8e44ad26; 361 362 --extra-menu-foreground-opacity-10: #1818181A; 363 364 365 --custom-section-1-background: #ffffff; 366 --custom-section-2-background: #ffffff; 367 --custom-section-3-background: #ffffff; 368 --custom-section-4-background: #ffffff; 369 --custom-section-5-background: #ffffff; 370 371 --custom-section-1-foreground: #181818; 372 --custom-section-2-foreground: #181818; 373 --custom-section-3-foreground: #181818; 374 --custom-section-4-foreground: #181818; 375 --custom-section-5-foreground: #181818; 376 377 --custom-section-1-button-background: #181818; 378 --custom-section-1-button-foreground: #ffffff; 379 --custom-section-2-button-background: #181818; 380 --custom-section-2-button-foreground: #ffffff; 381 --custom-section-3-button-background: #181818; 382 --custom-section-3-button-foreground: #ffffff; 383 --custom-section-4-button-background: #181818; 384 --custom-section-4-button-foreground: #ffffff; 385 --custom-section-5-button-background: #181818; 386 --custom-section-5-button-foreground: #ffffff; 387 388 389 --success: #4bb98c; 390 --danger: #dd7774; 391 --warning: #dc8f38; 392 393 394 395 --heading-font: "Open Sans", sans-serif; 396 --menu-font: "Open Sans", sans-serif; 397 --body-font: "Open Sans", sans-serif; 398 399 400 --h1: 1.75rem; 401 --h1-huge: 1.875rem; 402 --h1-huge-md: 2.5rem; 403 --h2: 1.75rem; 404 --h3: 1.25rem; 405 --h4: 1.125rem; 406 --h5: 1rem; 407 --h6: 0.875rem; 408 409 --font-big: 1rem; 410 --font-base: 0.875rem; 411 --font-small: 0.75rem; 412 --font-smallest: 0.625rem; 413 414 --font-11: 0.6875rem; 415 --font-12: 0.75rem; 416 --font-13: 0.8125rem; 417 --font-14: 0.875rem; 418 --font-15: 0.9375rem; 419 --font-16: 1rem; 420 --font-18: 1.125rem; 421 --font-20: 1.25rem; 422 --font-22: 1.375rem; 423 --font-24: 1.5rem; 424 --font-26: 1.625rem; 425 --font-28: 1.75rem; 426 --font-30: 1.875rem; 427 --font-32: 2rem; 428 --font-36: 2.25rem; 429 --font-40: 2.5rem; 430 --font-44: 2.75rem; 431 --font-48: 3rem; 432 433 --font-menu: var(--font-16); 434 435 --font-headings: var(--font-32); 436 437 --font-rest: var(--font-14); 438 439 440 --font-weight-light: 300; 441 --font-weight-regular: 400; 442 --font-weight-medium: 500; 443 --font-weight-semibold: 600; 444 --font-weight-bold: 700; 445 446 447 --font-style-normal: normal; 448 --font-style-italic: italic; 449 450 --font-headings-weight: var(--font-weight-bold); 451 452 --font-headings-style: var(--font-style-italic); 453 454 --font-menu-weight: var(--font-weight-regular); 455 456 --font-headings-style: var(--font-style-normal); 457 458 --font-menu-transform: uppercase; 459 460 461 462 463 --gutter: 15px; 464 --gutter-container: 15px; 465 --gutter-container-md: 80px; 466 --gutter-negative: calc(var(--gutter) * -1); 467 --gutter-half: calc(var(--gutter) / 2); 468 --gutter-half-negative: calc(var(--gutter) * -1 / 2); 469 --gutter-double: calc(var(--gutter) * 2); 470 471 472 473 --border-radius-none : 0px; 474 --border-radius-full: 100%; 475 --border-radius-30: 30px; 476 --border-radius-half: calc(var(--border-radius) / 2); 477 --border-radius-quarter: calc(var(--border-radius) / 4); 478 --border-solid: 1px solid; 479 --border-dashed: 1px dashed; 480 481 --border-radius-item-image: 0; 482 483 --btn-border-radius: var(--border-radius); 484 485 --border-radius: 4px; 486 487 488 --theme-round-full: var(--border-radius); 489 --theme-round: var(--border-radius); 490 491 492 --shadow-distance: 0 0 5px; 493 494 495 --column-custom: 20%; 496 497 498 --section-distance: 30px; 499 --section-negative-distance: calc(var(--section-distance) * -1); 500 501 502 --popup-width: 500px; 503 504 505 --banner-services-icon-size-desktop: 24px; 506 --banner-services-icon-size-mobile: 24px; 507 508 509 --item-background: #ffffff; 510 511 --item-name-size: 13px; 512 513 --item-name-lines: 2; 514 515 --item-name-wrapper: calc(var(--item-name-size) * var(--item-name-lines) + 10px); 516 517 --item-price-size: 14px; 518 519 --item-price-color: ; 520 521 522 523 524 525 --item-container-height: calc(var(--item-name-container) + 23px + 23px); 526 527 --item-name-container: calc((var(--item-name-size) * var(--item-name-lines) + 18px) + 23px + 23px); 528 529 530 531 --item-price-container: calc(var(--item-price-size)*1.5 + 18px + 20px); 532 533 534 --item-bullet-border: var(--main-background); 535 536 537 --product-price-color: ; 538 539 540 --instafeed-font-size: var(--font-24); 541 542 --search-mobile-padding: 0 15px 15px; 543 544 545 --container-width-sm: 540px; 546 --container-width-md: 720px; 547 --container-width-lg: 960px;
548 --container-width-xl: 1140px; 549 --container-width: 1200px; 550 --container-width-max: 1300px; 551 552} 553 554 555@media (min-width: 768px) { 556 :root { 557 558 559 --item-name-size: 14px; 560 561 562 --item-price-size: 16px; 563 564 } 565} 566 </style> 567 568 569 <style> 570 /*============================================================================ 571#External CSS libraries and plugins 572==============================================================================*/ 573 574/* // Bootstrap Grid v4.1.3 */ 575 576@-ms-viewport{width:device-width}html{box-sizing:border-box;-ms-overflow-style:scrollbar}*,::after,::before{box-sizing:inherit}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}
576.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}
576.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}
576.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}} 577 578/* // Swiper 4.4.2 */ 579.swiper,.swiper-container{width:100%;margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,
5790,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;z-index:10;width:30px;height:40px;margin-top:-25px;line-height:30px;color:#fff;text-align:center;cursor:pointer}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:0;cursor:auto}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:0;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:0;left:auto}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;
579-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-custom,.swiper-pagination-fraction{bottom:20px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:6px;height:6px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;
579left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto} 580 581 582/*=========================================================================== 583#HTML 584==============================================================================*/ 585 586html { 587 text-rendering: optimizeLegibility; 588 -webkit-font-smoothing: antialiased; 589} 590 591/*============================================================================ 592#Critical path helpers 593==============================================================================*/ 594 595/* Hidden general content until rest of styling loads */ 596.visible-when-content-ready{ 597 visibility: hidden!important; 598} 599.display-when-content-ready{ 600 display: none!important; 601} 602 603/*============================================================================ 604#Components 605==============================================================================*/ 606 607/* // Dropdown */ 608 609.dropup, 610.dropright, 611.dropdown, 612.dropleft { 613 position: relative; 614} 615 616.dropdown-toggle { 617 white-space: nowrap; 618} 619 620.dropdown-toggle::after { 621 display: inline-block; 622 margin-left: 0.255em; 623 vertical-align: 0.255em; 624 content: ""; 625 border-top: 0.3em solid; 626 border-right: 0.3em solid transparent; 627 border-bottom: 0; 628 border-left: 0.3em solid transparent; 629} 630 631.dropdown-toggle:empty::after { 632 margin-left: 0; 633} 634 635.dropdown-menu { 636 position: absolute; 637 top: 100%; 638 left: 0; 639 z-index: 1000; 640 display: none; 641 float: left; 642 min-width: 10rem; 643 padding: 0.5rem 0; 644 margin: 0.125rem 0 0; 645 font-size: 1rem; 646 color: #212529; 647 text-align: left; 648 list-style: none; 649 background-color: #fff; 650 background-clip: padding-box; 651 border: 1px solid rgba(0, 0, 0, 0.15); 652 border-radius: 0.25rem; 653} 654 655.dropdown-menu-left { 656 right: auto; 657 left: 0; 658} 659 660.dropdown-menu-right { 661 right: 0; 662 left: auto; 663} 664 665@media (min-width: 576px) { 666 .dropdown-menu-sm-left { 667 right: auto; 668 left: 0; 669 } 670 .dropdown-menu-sm-right { 671 right: 0; 672 left: auto; 673 } 674} 675 676@media (min-width: 768px) { 677 .dropdown-menu-md-left { 678 right: auto; 679 left: 0; 680 } 681 .dropdown-menu-md-right { 682 right: 0; 683 left: auto; 684 } 685} 686 687@media (min-width: 992px) { 688 .dropdown-menu-lg-left { 689 right: auto; 690 left: 0; 691 } 692 .dropdown-menu-lg-right { 693 right: 0; 694 left: auto; 695 } 696} 697 698@media (min-width: 1200px) { 699 .dropdown-menu-xl-left { 700 right: auto; 701 left: 0; 702 } 703 .dropdown-menu-xl-right { 704 right: 0; 705 left: auto; 706 } 707} 708 709.dropup .dropdown-menu { 710 top: auto; 711 bottom: 100%; 712 margin-top: 0; 713 margin-bottom: 0.125rem; 714} 715 716.dropup .dropdown-toggle::after { 717 display: inline-block; 718 margin-left: 0.255em; 719 vertical-align: 0.255em; 720 content: ""; 721 border-top: 0; 722 border-right: 0.3em solid transparent; 723 border-bottom: 0.3em solid; 724 border-left: 0.3em solid transparent; 725} 726 727.dropup .dropdown-toggle:empty::after { 728 margin-left: 0; 729} 730 731.dropright .dropdown-menu { 732 top: 0; 733 right: auto; 734 left: 100%; 735 margin-top: 0; 736 margin-left: 0.125rem; 737} 738 739.dropright .dropdown-toggle::after { 740 display: inline-block; 741 margin-left: 0.255em; 742 vertical-align: 0.255em; 743 content: ""; 744 border-top: 0.3em solid transparent; 745 border-right: 0; 746 border-bottom: 0.3em solid transparent; 747 border-left: 0.3em solid; 748} 749 750.dropright .dropdown-toggle:empty::after { 751 margin-left: 0; 752} 753 754.dropright .dropdown-toggle::after { 755 vertical-align: 0; 756} 757 758.dropleft .dropdown-menu { 759 top: 0; 760 right: 100%; 761 left: auto; 762 margin-top: 0; 763 margin-right: 0.125rem; 764} 765 766.dropleft .dropdown-toggle::after { 767 display: inline-block; 768 margin-left: 0.255em; 769 vertical-align: 0.255em; 770 content: ""; 771} 772 773.dropleft .dropdown-toggle::after { 774 display: none; 775} 776 777.dropleft .dropdown-toggle::before { 778 display: inline-block; 779 margin-right: 0.255em; 780 vertical-align: 0.255em; 781 content: ""; 782 border-top: 0.3em solid transparent; 783 border-right: 0.3em solid; 784 border-bottom: 0.3em solid transparent; 785} 786 787.dropleft .dropdown-toggle:empty::after { 788 margin-left: 0; 789} 790 791.dropleft .dropdown-toggle::before { 792 vertical-align: 0; 793} 794 795.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { 796 right: auto; 797 bottom: auto; 798} 799 800.dropdown-divider { 801 height: 0; 802 margin: 0.5rem 0; 803 overflow: hidden; 804 border-top: 1px solid #e9ecef; 805} 806 807.dropdown-item { 808 display: block; 809 width: 100%; 810 padding: 5px 10px; 811 clear: both; 812 font-weight: 400; 813 color: #212529; 814 text-align: inherit; 815 white-space: nowrap; 816 background-color: transparent; 817 border: 0; 818} 819 820.dropdown-item:hover, .dropdown-item:focus { 821 color: #16181b; 822 text-decoration: none; 823 background-color: #e9ecef; 824} 825 826.dropdown-item.active, .dropdown-item:active { 827 color: #fff; 828 text-decoration: none; 829 background-color: #007bff; 830} 831 832.dropdown-item.disabled, .dropdown-item:disabled { 833 color: #adb5bd; 834 pointer-events: none; 835 background-color: transparent; 836} 837 838.dropdown-menu.show { 839 display: block; 840} 841 842.dropdown-header { 843 display: block; 844 padding: 0.5rem 1.5rem; 845 margin-bottom: 0; 846 font-size: 0.875rem; 847 color: #6c757d; 848 white-space: nowrap; 849} 850 851.dropdown-item-text { 852 display: block; 853 padding: 0.25rem 1.5rem; 854 color: #212529; 855} 856
857/* // Wrappers */ 858 859body { 860 margin: 0; 861 font-size: var(--font-rest); 862 color: var(--main-foreground); 863 font-family: var(--body-font); 864 background-color: var(--main-background); 865 overflow-x: hidden; 866} 867 868.background-main{ 869 background-color: var(--main-background); 870} 871 872.box { 873 float: left; 874 width: 100%; 875 margin-bottom: 20px; 876 padding:8px; 877 border: var(--border-solid) var(--main-foreground); 878} 879 880.rounded-theme { 881 border-radius: var(--theme-round); 882 overflow: hidden; 883} 884 885.rounded-5 { 886 border-radius: 5px; 887 overflow: hidden; 888} 889 890/* Containers and custom grid */ 891 892@media (min-width:576px){ 893 .container{ 894 max-width: var(--container-width-sm); 895 } 896} 897@media (min-width:768px){ 898 .container{ 899 max-width: var(--container-width-md); 900 } 901} 902@media (min-width:992px){ 903 .container{ 904 max-width: var(--container-width-lg); 905 } 906} 907@media (min-width:1200px){ 908 .container{ 909 max-width: var(--container-width-xl); 910 } 911} 912@media (min-width: 1280px){ 913 .container { 914 max-width: 1200px; 915 max-width: var(--container-width); 916 } 917} 918@media (min-width: 1380px){ 919 .container { 920 max-width: 1300px; 921 max-width: var(--container-width-max); 922 } 923} 924 925.container, 926.container-fluid { 927 padding: 0 var(--gutter-container); 928} 929 930.row { 931 margin-right: var(--gutter-negative); 932 margin-left: var(--gutter-negative); 933} 934 935.no-gutters { 936 margin-right: 0; 937 margin-left: 0; 938} 939 940.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{padding-right:var(--gutter);padding-left:var(--gutter)} 941 942/* // Grid */ 943 944.row-grid { 945 margin-right: var(--gutter-half-negative); 946 margin-left: var(--gutter-half-negative); 947} 948 949.col-grid { 950 padding-right: var(--gutter-half); 951 padding-left: var(--gutter-half); 952} 953 954.col-btn { 955 max-width: 33.333%; 956} 957 958.col-btn .btn-link { 959 position: relative; 960 top: 50%; 961 transform: translateY(-50%); 962} 963 964.col-xl-custom { 965 -ms-flex: 0 0 var(--column-custom); 966 flex: 0 0 var(--column-custom); 967 max-width: var(--column-custom); 968} 969 970.col-banner { 971 padding-top: 100%; 972 border-radius: var(--theme-round); 973 overflow: hidden; 974} 975 976/* // Placeholders and preloaders */ 977 978.placeholder-color{ 979 background-color:var(--main-foreground-opacity-20); 980} 981.placeholder-shine-invert { 982 background-color:var(--main-background-opacity-50); 983} 984.placeholder-overlay { 985 background-color: var(--main-foreground-opacity-30); 986 opacity: 0; 987} 988.placeholder-overlay:hover, 989.placeholder-overlay:active, 990.placeholder-overlay:focus { 991 opacity: 1; 992} 993.placeholder-info { 994 color: var(--main-foreground); 995 fill: var(--main-foreground); 996 background-color: var(--main-background); 997} 998.placeholder-info .placeholder-button { 999 color: var(--main-background); 1000 background-color: var(--main-foreground); 1001 opacity: 1; 1002} 1003.placeholder-info .placeholder-button:hover { 1004 opacity: 0.8; 1005} 1006 1007.placeholder-line-medium{ 1008 height: 25px; 1009 border-radius: 6px; 1010} 1011.placeholder-icon{ 1012 position: absolute; 1013 top: 50%; 1014 left: 50%; 1015 transform: translate(-50%, -50%); 1016 -webkit-transform: translate(-50%, -50%); 1017 -ms-transform: translate(-50%, -50%); 1018} 1019.placeholder-full-height{ 1020 position: relative; 1021 height: 100%; 1022} 1023.home-placeholder-icons{ 1024 position: absolute; 1025 top: calc(50% - 75px); 1026} 1027.product-placeholder-container{ 1028 position: relative; 1029 max-height: 900px; 1030 margin-bottom: 20px; 1031 overflow: hidden; 1032} 1033.placeholder-shine{ 1034 position: absolute; 1035 top: 0; 1036 left: 0; 1037 width: 100%; 1038 height: 100%; 1039 opacity: 0.5; 1040 -moz-animation: placeholder-shine 1.5s infinite; 1041 -webkit-animation: placeholder-shine 1.5s infinite; 1042 animation: placeholder-shine 1.5s infinite; 1043} 1044@keyframes placeholder-shine { 1045 0%{ 1046 opacity: 0.1; 1047 } 1048 50% { 1049 opacity: 0.5; 1050 } 1051 100% { 1052 opacity: 0.1; 1053 } 1054} 1055.placeholder-fade{ 1056 position: absolute; 1057 top: 0; 1058 left: 0; 1059 width: 100%; 1060 height: 100%; 1061 opacity: 0.1; 1062 background-color:var(--main-foreground-opacity-20); 1063 -moz-animation: placeholder-fade 1.5s infinite; 1064 -webkit-animation: placeholder-fade 1.5s infinite; 1065 animation: placeholder-fade 1.5s infinite; 1066} 1067@keyframes placeholder-fade { 1068 0%{ 1069 opacity: 0.2; 1070 } 1071 50% { 1072 opacity: 0.5; 1073 } 1074 100% { 1075 opacity: 0.2; 1076 } 1077} 1078.placeholder-shipping-icon {
1079 width: 20px; 1080 height: 20px; 1081 border-radius: 100%; 1082} 1083 1084.placeholder-line { 1085 height: 10px; 1086 width: 100%; 1087} 1088 1089.placeholder-shipping-price { 1090 width: 100px; 1091} 1092.blur-up { 1093 position: absolute; 1094 top: 0; 1095 -webkit-filter: blur(4px); 1096 filter: blur(4px); 1097 -moz-filter: blur(4px); 1098 -ms-filter: blur(4px); 1099 -o-filter: blur(4px); 1100 transition: opacity .2s, -webkit-filter .2s; 1101} 1102.blur-up-huge { 1103 -webkit-filter: blur(6px); 1104 filter: blur(6px); 1105 -moz-filter: blur(6px); 1106 -ms-filter: blur(6px); 1107 -o-filter: blur(6px); 1108 transition: filter .2s, -webkit-filter .2s; 1109} 1110.blur-up.lazyloaded, 1111.blur-up-huge.lazyloaded, 1112.blur-up.swiper-lazy-loaded, 1113.blur-up-huge.swiper-lazy-loaded { 1114 -webkit-filter: none; 1115 filter: none; 1116 -moz-filter: none; 1117 -ms-filter: none; 1118 -o-filter: none; 1119} 1120.preloader-bg-img, 1121.product-slider-image.blur-up{ 1122 position: absolute; 1123 left: 0; 1124 top: 0; 1125 width: 100%; 1126 -webkit-filter: blur(4px); 1127 filter: blur(4px); 1128 -moz-filter: blur(4px); 1129 -ms-filter: blur(4px); 1130 -o-filter: blur(4px); 1131 transition: filter .2s, -webkit-filter .2s, opacity .2s; 1132 /* Avoid strange image behaviour on filters in IOS */ 1133 -webkit-perspective: 1000; 1134 -webkit-backface-visibility: hidden; 1135} 1136.product-slider-image.blur-up{ 1137 left: 50%; 1138 width: auto; 1139} 1140.swiper-lazy-loaded + .preloader-bg-img, 1141.lazyloaded + .blur-up{ 1142 opacity: 0; 1143 -webkit-filter: none; 1144 filter: none; 1145 -moz-filter: none; 1146 -ms-filter: none; 1147 -o-filter: none; 1148} 1149 1150.lazyloaded + .blur-up { 1151 opacity: 0; 1152 pointer-events: none; 1153} 1154.lazyloaded + .placeholder-shine, 1155.lazyloaded + .placeholder-fade, 1156.swiper-lazy-loaded + .placeholder-shine, 1157.swiper-lazy-loaded + .placeholder-fade{
1158 display: none; 1159} 1160.fade-in { 1161 opacity: 0; 1162 transition: opacity .2s; 1163} 1164.fade-in.lazyloaded, 1165.fade-in.swiper-lazy-loaded { 1166 opacity: 1; 1167} 1168 1169.fade { 1170 transition: opacity 0.15s linear; 1171} 1172 1173@media screen and (prefers-reduced-motion: reduce) { 1174 .fade { 1175 transition: none; 1176 } 1177} 1178 1179.fade:not(.show) { 1180 opacity: 0; 1181} 1182 1183.spinner { 1184 position: relative; 1185 display: grid; 1186 place-items: center; 1187} 1188 1189.spinner::before, 1190.spinner::after { 1191 content: ''; 1192 box-sizing: border-box; 1193 position: absolute; 1194} 1195 1196.spinner::before { 1197 width: 100%; 1198 height: 2px; 1199 border-radius: 10px; 1200 animation: spinner-line 0.8s cubic-bezier(0, 0, 0.03, 0.9) infinite; 1201} 1202 1203.spinner-small::before { 1204 height: 2px; 1205} 1206 1207@keyframes spinner-line { 1208 0%, 44%, 88.1%, 100% { 1209 transform-origin: left; 1210 } 1211 1212 0%, 100%, 88% { 1213 transform: scaleX(0); 1214 } 1215 1216 44.1%, 88% { 1217 transform-origin: right; 1218 } 1219 1220 33%, 44% { 1221 transform: scaleX(1); 1222 } 1223} 1224 1225.opacity-fade { 1226 position: absolute; 1227 top: 0; 1228 left: 0; 1229 width: 100%; 1230 height: 100%; 1231 opacity: 0.9; 1232 transition: 300ms all ease-in-out; 1233} 1234 1235/* // Animations */ 1236 1237.transition-up, 1238.fade-in-vertical { 1239 opacity: 0; 1240} 1241 1242[data-transition="fade-in-up"] { 1243 transition: all 1s ease; 1244 opacity: 0; 1245 transform: translateY(30px); 1246} 1247[data-transition="fade-in-up"].is-inViewport, 1248.swiper-slide-duplicate [data-transition="fade-in-up"] { 1249 transition: all 1s ease; 1250 opacity: 1; 1251 transform: translateY(0px); 1252} 1253 1254[data-transition="fade-in"] { 1255 transition: all .2s ease; 1256 opacity: 0; 1257} 1258[data-transition="fade-in"].is-inViewport, 1259.swiper-slide-duplicate [data-transition="fade-in"], 1260[data-transition="fade-in-image"].is-inViewport img, 1261.swiper-slide-duplicate [data-transition="fade-in-image"] img{ 1262 transition: all .2s ease; 1263 opacity: 1; 1264} 1265 1266@keyframes marquee { 1267 0% { 1268 transform: translateX(0); 1269 -webkit-transform: translateX(0); 1270 } 1271 100% { 1272 transform: translateX(-100%); 1273 -webkit-transform: translateX(-100%); 1274 } 1275} 1276 1277/* // Buttons */ 1278 1279.btn { 1280 margin: 0; 1281 text-decoration: none; 1282 text-align: center; 1283 border: 0; 1284 border-radius: var(--theme-round-full); 1285 cursor: pointer; 1286 font-family: var(--button-font); 1287 font-size: var(--font-base); 1288 font-weight: 400; 1289 line-height: 18px; 1290 -webkit-appearance: none; 1291 -moz-appearance: none; 1292 appearance: none; 1293 white-space: normal; 1294 background: none; 1295 transition: all 0.4s ease; 1296} 1297.btn:hover, 1298.btn:focus { 1299 outline: 0; 1300 opacity: 0.8; 1301} 1302.btn[disabled], 1303.btn.disabled, 1304.btn[disabled]:hover, 1305.btn.disabled:hover { 1306 opacity: 0.7; 1307 cursor: not-allowed; 1308 outline: 0; 1309} 1310 1311.btn-default { 1312 display: block; 1313 padding: 12px 15px; 1314 -webkit-appearance: none; 1315 -moz-appearance: none; 1316 appearance: none; 1317 color: var(--main-background); 1318 fill: var(--main-background); 1319 background-color: var(--main-foreground); 1320 transition: all 0.4s ease; 1321} 1322.btn-default:hover, 1323.btn-default:focus { 1324 background-color: var(--main-foreground); 1325 color: var(--main-background-opacity-90); 1326} 1327 1328.btn-primary { 1329 padding: 10px 28px; 1330 background-color: var(--button-background); 1331 color: var(--button-foreground); 1332 fill: var(--button-foreground); 1333} 1334.btn-primary:hover, .btn-primary:focus { 1335 color: var(--button-foreground); 1336 fill: var(--button-foreground); 1337} 1338.btn-primary[disabled], 1339.btn-primary.disabled, 1340.btn-primary[disabled]:hover, 1341.btn-primary.disabled:hover { 1342 background-color: var(--button-background); 1343 color: var(--button-foreground); 1344 fill: var(--button-foreground); 1345} 1346 1347.btn-secondary { 1348 padding: 11px 15px; 1349 -webkit-appearance: none; 1350 -moz-appearance: none; 1351 appearance: none; 1352 background-color: transparent; 1353 color: var(--main-foreground); 1354 fill: var(--main-foreground); 1355 border: var(--border-solid) var(--main-foreground); 1356} 1357.btn-secondary:hover { 1358 color: var(--main-foreground); 1359 background-color: var(--main-foreground-opacity-05); 1360} 1361.btn-line { 1362 background-color: var(--main-background); 1363 border: 1px solid var(--main-foreground); 1364 color: var(--main-foreground); 1365} 1366 1367.btn-line[data-toggle="#size-guide-modal"] { 1368 border-color: var(--main-foreground-opacity-30); 1369 text-decoration: none; 1370} 1371 1372.btn-block { 1373 width: 100%; 1374} 1375.btn-big { 1376 padding: 15px; 1377} 1378.btn-medium { 1379 padding: 10px 15px; 1380 font-size: 14px; 1381} 1382.btn-small { 1383 display: inline-block; 1384 padding: 10px 15px; 1385 font-size: var(--font-small); 1386 line-height: 14px; 1387} 1388.btn-smallest {
1389 display: inline-block; 1390 padding: 10px 15px; 1391 font-size: var(--font-smallest); 1392 line-height: 10px; 1393} 1394.btn-filters { 1395 padding: 8px 15px; 1396} 1397 1398.btn-append { 1399 position: absolute; 1400 top: 0; 1401 right: 0; 1402 z-index: 9; 1403 width: 42px; 1404 height: 42px; 1405 border-radius: 0; 1406 border-left: var(--border-solid) var(--main-foreground-opacity-30); 1407 text-indent: -99999px; 1408} 1409.btn-append .btn-icon { 1410 position: absolute; 1411 top: 50%; 1412 left: 50%; 1413 transform: translateX(-50%) translateY(-50%); 1414 width: 10px; 1415 font-size: 18px; 1416} 1417.btn-append .btn-icon.icon-spin { 1418 top: 2px; 1419 left: 15px; 1420} 1421 1422.btn-variant { 1423 display: inline-block; 1424 font-size: var(--font-small); 1425 line-height: 10px; 1426 min-width: 28px; 1427 min-height: 28px; 1428 margin: 0 5px 10px 0; 1429 border: var(--border-solid) var(--main-foreground-opacity-30); 1430 color: var(--main-foreground); 1431 font-weight: normal; 1432 text-transform: initial; 1433 vertical-align: top; 1434} 1435.btn-variant-content { 1436 display: block; 1437 min-height: 26px; 1438 padding: 0 8px; 1439 line-height: 26px; 1440 overflow: hidden; 1441} 1442.btn-variant-content-square { 1443 position: relative; 1444 width: 48px; 1445 height: 48px; 1446} 1447.btn-variant.selected { 1448 color: var(--main-foreground); 1449 border-color: var(--main-foreground); 1450 background: var(--main-foreground-opacity-10); 1451} 1452 1453.btn-facebook { 1454 background-color: #1977f2; 1455 color: white; 1456 border: none; 1457} 1458.btn-facebook:hover { 1459 background: #1977f2; 1460 color: #fff; 1461} 1462.btn-icon { 1463 position: relative; 1464 width: 38px; 1465 height: 38px; 1466 font-size: 0; 1467 line-height: 20px; 1468} 1469.btn-icon:before { 1470 position: absolute; 1471 top: 15px; 1472 left: 20px; 1473 width: 20px; 1474 height: 20px; 1475} 1476 1477.btn-whatsapp { 1478 position: fixed; 1479 bottom: 20px; 1480 right: 20px; 1481 z-index: 100; 1482 color: white; 1483 background-color:#4dc247; 1484 box-shadow: 0 0 6px rgba(0,0,0,0.3); 1485 border-radius: 50%; 1486} 1487 1488.btn-whatsapp svg{ 1489 width: 45px; 1490 height: 45px; 1491 padding: 10px; 1492 fill: white; 1493 vertical-align:middle; 1494} 1495 1496.btn-whats, 1497.item .btn-whats { 1498 background: var(--main-background); 1499 color: #25D366; 1500 border: 1px solid #25D366; 1501 padding: 12px 10px; 1502 font-size: var(--font-base); 1503 text-transform: inherit; 1504 width: 100%; 1505 &:hover { 1506 background: #25D366; 1507 color: var(--main-background); 1508 fill: var(--main-background); 1509 opacity: 1; 1510 svg { 1511 fill: var(--main-background); 1512 } 1513 } 1514} 1515 1516.item .btn-whats { 1517 padding: 9px; 1518 font-size: var(--font-small); 1519} 1520 1521.btn-whats svg { 1522 fill: #25D366; 1523 transition: 0.3s ease-in-out all; 1524} 1525 1526button { 1527 cursor: pointer; 1528} 1529button:focus { 1530 outline: 0; 1531 opacity: 0.8; 1532} 1533 1534.btn-inline-block { 1535 display: inline-block; 1536} 1537 1538/* // Links */ 1539 1540a { 1541 text-decoration: none; 1542 color: var(--main-foreground); 1543 transition: all 0.4s ease; 1544} 1545a:hover, a:focus { 1546 color: var(--main-foreground-opacity-70); 1547 fill: var(--main-foreground-opacity-70); 1548} 1549a.disabled { 1550 opacity: 0.5; 1551 cursor: not-allowed; 1552} 1553 1554.item a:hover, 1555.item a:focus { 1556 color: unset; 1557 fill: unset; 1558} 1559 1560.btn-link, 1561.search-suggestions .search-suggestions-all-link { 1562 color: var(--main-foreground); 1563 fill: var(--main-foreground); 1564 cursor: pointer; 1565 text-decoration: underline; 1566 font-size: var(--font-base); 1567} 1568.btn-link.invert { 1569 color: var(--main-background); 1570 fill: var(--main-background); 1571} 1572.btn-link.invert:hover, 1573.btn-link.invert:focus { 1574 color: var(--main-background); 1575 fill: var(--main-background); 1576 opacity: 0.5; 1577} 1578.btn-link-primary { 1579 color: var(--button-background); 1580 fill: var(--button-background); 1581} 1582.btn-link-primary:hover, 1583.btn-link-primary:focus { 1584 color: var(--button-background); 1585 fill: var(--button-background); 1586 opacity: 0.5; 1587} 1588.btn-link.no-underline { 1589 font-weight: 600; 1590 text-transform: uppercase; 1591 text-decoration: none; 1592} 1593button.btn-link { 1594 appearance: none; 1595 background: none; 1596 border: none; 1597} 1598 1599/* // Cards */ 1600 1601.card { 1602 position: relative; 1603 display: flex; 1604 background-color: var(--main-background); 1605 border: var(--border-solid) var(--main-foreground-opacity-20); 1606 margin-bottom: 20px; 1607 flex-direction: column; 1608 min-width: 0; 1609 word-wrap: break-word; 1610 background-clip: border-box; 1611 border-radius: var(--border-radius); 1612} 1613 1614.card-body { 1615 flex: 1 1 auto; 1616 padding: 20px; 1617} 1618 1619.card-header { 1620 background: var(--main-foreground-opacity-08); 1621 padding: 10px 20px; 1622 margin-bottom: 0; 1623} 1624 1625.card-footer { 1626 padding: 10px 20px 20px; 1627} 1628 1629.card-img{ 1630 margin: 0 5px 5px 0; 1631 border: var(--border-solid) var(--main-foreground-opacity-05); 1632 border-radius: var(--border-radius-half); 1633} 1634.card-img-small{ 1635 height: 25px; 1636 border-radius: var(--border-radius-half); 1637} 1638.card-img-medium{ 1639 height: 35px; 1640} 1641.card-img-big{ 1642 height: 50px; 1643} 1644.card-img-square-container { 1645 position: relative; 1646 width: 100%; 1647 padding-top: 100%; 1648} 1649.card-img-square { 1650 position: absolute; 1651 top: 0; 1652 left: 0; 1653 width: 100%; 1654 height: 100%; 1655 object-fit: cover; 1656} 1657.card-img-pill { 1658 position: absolute; 1659 right: 5px; 1660 bottom: 5px; 1661 z-index: 999; 1662 padding: 4px 9px; 1663 font-size: var(--font-smallest); 1664 border-radius: 15px; 1665 background-color: var(--main-background); 1666 color: var(--main-foreground); 1667} 1668 1669/* // Chips */ 1670 1671.chip { 1672 position: relative; 1673 margin: 5px 10px 5px 0; 1674 padding: 4px 30px 4px 10px; 1675 font-size: var(--font-small); 1676 font-family: var(--body-font); 1677 border-radius: var(--theme-round); 1678 white-space: normal; 1679 word-break: break-word; 1680 line-height: 18px; 1681 transition: all 0.4s ease; 1682 color: var(--main-foreground); 1683 fill: var(--main-foreground); 1684 background-color: var(--main-foreground-opacity-08); 1685 border: none; 1686} 1687.chip-remove-icon { 1688 position: absolute; 1689 top: 6px; 1690 right: 6px; 1691 display: inline-block; 1692 width: 13px; 1693 height: 13px; 1694 padding: 2px; 1695 background-color: var(--main-background); 1696} 1697 1698.chip:focus { 1699 outline: 0; 1700} 1701.chip:hover { 1702 opacity: 0.6; 1703} 1704 1705/* // Icons */ 1706 1707.svg-icon-primary { 1708 fill: var(--primary-color); 1709} 1710 1711.svg-icon-secondary { 1712 fill: var(--secondary-color); 1713} 1714 1715.svg-icon-accent { 1716 fill: var(--accent-color); 1717} 1718 1719.svg-icon-background { 1720 fill: var(--main-background); 1721} 1722 1723.svg-icon-text { 1724 fill: var(--main-foreground); 1725} 1726 1727.svg-icon-mask:before { 1728 background-color: currentColor; 1729 content: ''; 1730 mask-position: center; 1731 mask-repeat: no-repeat; 1732} 1733 1734:root { 1735 --icon-search: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M47.3,231.7c-0.1-95,77-172.1,172-172.1c95-0.1,172.1,76.9,172.2,171.9c0.1,95-77,172.1-172,172.1S47.3,326.7,47.3,231.7 C47.3,231.7,47.3,231.7,47.3,231.7z M219.5,12.5C98.4,12.4,0.1,110.4,0,231.4s97.9,219.3,219,219.4c56.4,0.1,110.6-21.6,151.5-60.5 c1,1.6,2.2,3.2,3.5,4.5l97.8,97.8c9.2,9.2,24.1,9.2,33.3,0c9.2-9.2,9.2-24.1,0-33.3l0,0l-97.8-97.8c-2.2-2.2-4.8-4-7.7-5.2 c68.9-99.5,44.1-236-55.4-304.9C307.5,26.1,264,12.5,219.5,12.5z"/></svg>'); 1736 --icon-input-clear: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M281.8,256.79L444.23,94.91c6.79-6.85,6.79-17.95,0-24.8-6.67-6.97-17.67-7.18-24.6-.47l-162.43,161.88L96.86,69.65c-3.29-3.51-7.86-5.49-12.65-5.49s-9.36,1.99-12.65,5.49c-6.02,6.62-6.02,16.77,0,23.39L231.91,254.68,69.48,416.33c-6.79,6.85-6.79,17.95,0,24.8,3.23,3.34,7.67,5.2,12.3,5.15,4.71,.38,9.39-1.13,12.99-4.21l162.43-161.88,162.43,163.75c3.23,3.34,7.68,5.19,12.3,5.15,4.62,.02,9.05-1.83,12.3-5.15,6.79-6.85,6.79-17.95,0-24.8l-162.43-162.35Z"/></svg>'); 1737 --icon-password-hide: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M439.39,412.44c7.65,7.65,7.65,20.04,0,27.69-7.65,7.65-20.04,7.65-27.69,0L87.13,115.56c-7.65-7.65-7.65-20.04,0-27.69s20.04-7.65,27.69,0L439.39,412.44Zm-171.56-96.19l-69.86-69.86c-.71,3.79-1.12,7.7-1.12,11.71,0,33.19,25.63,60.1,57.24,60.
17371,4.77,0,9.32-.79,13.75-1.94Zm-13.75-118.26c-2.89,0-5.66,.46-8.44,.89l65.11,65.11c.19-1.97,.57-3.88,.57-5.9,0-33.19-25.63-60.1-57.24-60.1Zm221.24,36.84l-104.03-87.28c-57.69-48.35-135.67-55.85-199.82-22.83l29.39,29.39c48.73-19.29,104.8-11.49,147.28,24.02l95.06,79.96-74.6,63.77,26.65,26.65,80.05-67.16c6.73-5.65,10.64-14.21,10.64-23.25s-3.91-17.6-10.64-23.26Zm-315.31,104.52l-95.07-81.27,78.61-66.12-27.2-27.2L32.85,234.84c-6.73,5.65-10.64,14.21-10.64,23.26s3.92,17.6,10.64,23.25l104.03,87.28c58.94,49.4,139.1,56.21,204,20.66l-28.34-28.34c-49.92,22.06-108.48,15.21-152.52-21.59Z"/></svg>'); 1738 --icon-password-show: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M195.55,258.45c0-32.86,25.37-59.49,56.66-59.49s56.66,26.63,56.66,59.49-25.37,59.49-56.66,59.49-56.66-26.64-56.66-59.49Zm36.95,0c0,11.43,8.82,20.69,19.71,20.69s19.71-9.27,19.71-20.69-8.82-20.69-19.71-20.69-19.71,9.27-19.71,20.69Zm135.73-109.41l102.97,86.39c6.66,5.6,10.53,14.07,10.53,23.02s-3.87,17.42-10.53,23.02l-102.97,86.39c-67.87,56.88-164.19,56.88-232.05,0l-102.97-86.39c-6.66-5.6-10.53-14.06-10.53-23.02s3.88-17.42,10.53-23.02l102.97-86.39c67.87-56.88,164.19-56.88,232.05,0Zm-209.14,189.85c54.5,45.55,131.73,45.55,186.23,0l94.1-80.44-94.1-79.15c-54.5-45.55-131.73-45.55-186.23,0l-94.1,79.15,94.1,80.44Z"/></svg>'); 1739} 1740 1741.icon-inline { 1742 display: inline-block; 1743 font-size: inherit; 1744 width: 1em; 1745 height: 1em; 1746 overflow: visible; 1747 vertical-align: -.125em; 1748} 1749 1750.icon-xxs { 1751 font-size: .5em; 1752} 1753.icon-xs { 1754 font-size: .75em; 1755} 1756.icon-md { 1757 font-size: .875em; 1758} 1759.icon-lg { 1760 font-size: 1.33333em; 1761 line-height: .75em; 1762 1763} 1764.icon-12 { 1765 font-size: 1.15em; 1766 line-height: .75em; 1767} 1768.icon-1x { 1769 font-size: 1.6em; 1770 vertical-align: -.32em; 1771} 1772.icon-2x { 1773 font-size: 2em; 1774} 1775.icon-3x { 1776 font-size: 3em; 1777} 1778.icon-4x { 1779 font-size: 4em; 1780} 1781.icon-5x { 1782 font-size: 5em; 1783} 1784.icon-6x { 1785 font-size: 6em; 1786} 1787.icon-7x { 1788 font-size: 7em; 1789} 1790.icon-8x { 1791 font-size: 8em; 1792} 1793.icon-9x { 1794 font-size: 9em; 1795} 1796 1797.icon-inline.icon-lg{ 1798 vertical-align: -.225em 1799} 1800.icon-inline.icon-w { 1801 text-align: center; 1802 width: 1.25em 1803} 1804.icon-inline.icon-w-1{ 1805 width:.0625em 1806} 1807.icon-inline.icon-w-2{ 1808 width:.125em 1809} 1810.icon-inline.icon-w-3{ 1811 width:.1875em 1812} 1813.icon-inline.icon-w-4{ 1814 width:.25em
1815} 1816.icon-inline.icon-w-5{ 1817 width:.3125em 1818} 1819.icon-inline.icon-w-6{ 1820 width:.375em 1821} 1822.icon-inline.icon-w-7{ 1823 width:.4375em 1824} 1825.icon-inline.icon-w-8{ 1826 width:.5em 1827} 1828.icon-inline.icon-w-9{ 1829 width:.5625em 1830} 1831.icon-inline.icon-w-10{ 1832 width:.625em 1833} 1834.icon-inline.icon-w-11{ 1835 width:.6875em 1836} 1837.icon-inline.icon-w-12{ 1838 width:.75em 1839} 1840.icon-inline.icon-w-13{ 1841 width:.8125em 1842} 1843.icon-inline.icon-w-14{ 1844 width:.875em 1845} 1846.icon-inline.icon-w-15{ 1847 width:.9375em 1848} 1849.icon-inline.icon-w-16{ 1850 width:1em 1851} 1852.icon-inline.icon-w-17{ 1853 width:1.0625em 1854} 1855.icon-inline.icon-w-18{ 1856 width:1.125em 1857} 1858.icon-inline.icon-w-19{ 1859 width:1.1875em 1860} 1861.icon-inline.icon-w-20{ 1862 width:1.25em 1863} 1864.icon-26 { 1865 height:26px; 1866} 1867.icon-32 { 1868 height:32px; 1869} 1870.icon-36 { 1871 height:36px; 1872} 1873 1874.icon-30px { 1875 width: 30px; 1876 height: 30px; 1877 line-height: 30px; 1878 text-align: center; 1879} 1880 1881.icon-flip-horizontal { 1882 transform: scaleX(-1); 1883} 1884.icon-flip-vertical { 1885 transform: scaleY(-1); 1886} 1887.icon-rotate-90 { 1888 transform: rotate(90deg); 1889} 1890 1891.icon-spin{ 1892 -webkit-animation:icon-spin .5s infinite linear; 1893 animation:icon-spin .5s infinite linear; 1894} 1895@-webkit-keyframes icon-spin { 1896 0% { 1897 -webkit-transform: rotate(0); 1898 transform: rotate(0) 1899 } 1900 100% { 1901 -webkit-transform: rotate(360deg); 1902 transform: rotate(360deg) 1903 } 1904} 1905 1906@keyframes icon-spin { 1907 0% { 1908 -webkit-transform: rotate(0); 1909 transform: rotate(0) 1910 } 1911 100% { 1912 -webkit-transform: rotate(360deg); 1913 transform: rotate(360deg) 1914 } 1915} 1916 1917.social-icon { 1918 display: inline-block; 1919 padding: 8px; 1920} 1921 1922.logo-nuvem { 1923 font-size: 17px; 1924} 1925 1926/* // Titles and breadcrumbs */ 1927 1928.h1-huge, 1929h1, .h1, 1930h2, .h2, 1931h3, .h3, 1932h4, .h4, 1933h5, .h5, 1934h6, .h6 { 1935 margin-top: 0; 1936} 1937 1938.h1-huge { 1939 font-size: var(--h1-huge); 1940} 1941 1942h1, 1943.h1 { 1944 font-size: var(--h1); 1945} 1946 1947h2, 1948.h2 { 1949 font-size: var(--h2); 1950} 1951 1952h3, 1953.h3 { 1954 font-size: var(--h3); 1955} 1956 1957h4, 1958.h4 { 1959 font-size: var(--h4); 1960} 1961 1962h5, 1963.h5 { 1964 font-size: var(--h5); 1965} 1966 1967h6, 1968.h6 { 1969 font-size: var(--h6); 1970} 1971 1972.text-heading { 1973 font-family: var(--heading-font); 1974 font-size: var(--font-headings); 1975 font-style: var(--font-headings-style); 1976 font-weight: var(--font-headings-weight); 1977} 1978 1979.page-header-product .breadcrumbs .divider:last-of-type { 1980 display: none; 1981} 1982 1983.product-detail .breadcrumbs .icon-inline:last-of-type { 1984 display: none; 1985} 1986 1987.title-line { 1988 text-align: left; 1989 position: relative; 1990 display: block; 1991 font-size: 32px; 1992 margin-bottom: 1.2em; 1993 &:after { 1994 position: absolute; 1995 bottom: -10px; 1996 left: 0; 1997 width: 100%; 1998 max-width: 2rem; 1999 height: 2px; 2000 background: var(--secondary-color); 2001 content: ''; 2002 } 2003 2004 @media (max-width: 767px) { 2005 &:after { 2006 left: calc(50% - 30px); 2007 } 2008 } 2009} 2010 2011/* // Texts */ 2012 2013.font-big{ 2014 font-size: var(--font-big)!important; 2015} 2016 2017.font-body{ 2018 font-size: var(--font-base)!important; 2019} 2020 2021.font-small{ 2022 font-size: var(--font-small)!important; 2023} 2024 2025.font-smallest{ 2026 font-size: var(--font-smallest)!important; 2027} 2028 2029p{ 2030 margin-top: 0; 2031 line-height: 22px; 2032} 2033 2034.text-muted { 2035 color: var(--main-foreground-opacity-50); 2036} 2037 2038.user-content ul { 2039 padding-left: 20px; 2040} 2041 2042.user-content ul li { 2043 margin-bottom: 10px; 2044 line-height: 22px; 2045} 2046 2047.user-content p { 2048 border: none; 2049 background: none; 2050 margin: 0 0 1em; 2051 line-height: 22px; 2052 letter-spacing: normal; 2053 font-size: var(--font-base); 2054} 2055 2056.user-content table { 2057 max-width: 100%; 2058 margin-bottom: 10px; 2059 line-height: 22px; 2060} 2061 2062.price-compare { 2063 display: inline-block; 2064 font-weight: var(--font-weight-regular); 2065 text-decoration: line-through; 2066 margin-right: 5px; 2067 opacity: 0.75; 2068} 2069 2070.home-subtitle { 2071 font-size: 16px; 2072} 2073 2074.cookie-terms {
2075 display: none; 2076 background: var(--main-background); 2077 color: var(--main-foreground); 2078 width: calc(100% - 30px); 2079 position: fixed; 2080 bottom: 15px; 2081 left: 15px; 2082 right: 15px; 2083 padding: 15px; 2084 z-index: 200; 2085 box-shadow: 0 10px 15px rgba(0,0,0,.2); 2086} 2087.cookie-terms p { 2088 font-size: 11px; 2089 line-height: 1.3; 2090} 2091.cookie-terms a { 2092 text-decoration: underline; 2093} 2094@media (max-width: 767px) { 2095 .cookie-terms .form-row { 2096 flex-wrap: wrap; 2097 } 2098 .cookie-terms .col-auto.col-md-auto { 2099 flex: 0 0 100%; 2100 max-width: 100%; 2101 margin-top: 10px; 2102 } 2103} 2104@media (min-width: 768px) { 2105 .cookie-terms { 2106 width: 25%; 2107 min-width: 400px; 2108 left: 15px; 2109 right: inherit; 2110 } 2111 .cookie-terms p { 2112 font-size: 12px; 2113 } 2114 .cookie-terms.center { 2115 left: 50%; 2116 transform: translateX(-50%); 2117 } 2118 .cookie-terms.right { 2119 right: 15px; 2120 left: inherit; 2121 } 2122} 2123 2124.text-brand { 2125 color: var(--primary-color); 2126} 2127 2128.text-secondary { 2129 color: var(--secondary-color); 2130} 2131 2132.text-accent { 2133 color: var(--accent-color); 2134} 2135 2136.text-subtitle { 2137 color: var(--main-foreground-opacity-60); 2138 font-size: var(--font-big); 2139} 2140 2141/* // Sliders */ 2142 2143.nube-slider-home { 2144 height: 100%; 2145 overflow: hidden; 2146} 2147.swiper-wrapper.disabled, 2148.js-swiper-wrapper.disabled { 2149 transform: translate3d(0px, 0, 0) !important; 2150} 2151.slide-container{ 2152 overflow: hidden; 2153} 2154.slider-slide { 2155 height: 100%; 2156 background-position: center; 2157 background-size: cover; 2158 overflow: hidden; 2159} 2160.slider-image { 2161 position: relative; 2162 z-index: 1; 2163 display: block; 2164 width: 100%; 2165 height: 100%; 2166 object-fit: cover; 2167} 2168 2169.swiper-slide-active .slider-image-animation:hover { 2170 -webkit-animation: zoomin 20s ease forwards; 2171 -moz-animation: zoomin 20s ease forwards; 2172 animation: zoomin 20s ease forwards; 2173} 2174 2175@-webkit-keyframes zoomin { 2176 0% { 2177 -webkit-transform: scale(1); 2178 transform: scale(1); 2179 } 2180 100% { 2181 -webkit-transform: scale(1.1); 2182 transform: scale(1.1); 2183 } 2184} 2185 2186@keyframes zoomin { 2187 0% { 2188 -webkit-transform: scale(1); 2189 transform: scale(1); 2190 } 2191 100% { 2192 -webkit-transform: scale(1.1); 2193 transform: scale(1.1); 2194 } 2195} 2196 2197.swiper-button-next:not(.swiper-button-lock, .swiper-product-thumb-control, .swiper-adbar-control, .swiper-informative-product-next), 2198.swiper-button-prev:not(.swiper-button-lock, .swiper-product-thumb-control, .swiper-adbar-control, .swiper-informative-product-prev) { 2199 position: absolute; 2200 display: flex; 2201 background-color: var(--main-background); 2202 align-items: center; 2203 justify-content: center; 2204 top: 50%; 2205 width: 40px; 2206 height: 40px; 2207 font-size: var(--h4); 2208 line-height: 40px; 2209 border-radius: 20px; 2210 box-shadow: 0 0 20px rgba(0, 0, 0, .1); 2211} 2212 2213.swiper-button-absolute { 2214 position: absolute; 2215 top: 50%; 2216 margin-top: -10px; 2217} 2218 2219.swiper-button-outside.swiper-button-next { 2220 right: 0; 2221} 2222.swiper-button-outside.swiper-button-prev { 2223 left: 0; 2224} 2225.swiper-button-opacity { 2226 background: var(--main-background-opacity-30); 2227} 2228 2229.swiper-pagination-fraction { 2230 position: absolute; 2231 left: 50%; 2232 width: auto; 2233 padding: 12px; 2234 transform: translateX(-50%); 2235 font-size: 16px; 2236 line-height: 0; 2237 background: #00000045; 2238 color: #ffffff85; 2239 border-radius: 30px; 2240} 2241 2242.swiper-pagination-bullets { 2243 text-align: center; 2244} 2245 2246.swiper-pagination-bullet:before { 2247 display: none; 2248} 2249 2250.swiper-pagination-bullet { 2251 height: 0.6rem; 2252 width: 0.6rem; 2253 margin: 0 .3rem; 2254 padding: 0; 2255 border-radius: 2rem; 2256 transition: 200ms ease-out; 2257 background-color: #fff; 2258} 2259 2260.swiper-pagination-bullet-active { 2261 width: 1.2rem; 2262} 2263 2264.swiper-button-lock { 2265 display: none !important; 2266} 2267 2268.swiper-text { 2269 position: absolute; 2270 top: 50%; 2271 bottom: initial; 2272 left: -60px; 2273 z-index: 9; 2274 width: 100%; 2275 padding: 30px; 2276 opacity: 0; 2277 transform: translateY(-50%); 2278 color: var(--main-foreground); 2279 transition: all 0.5s ease; 2280} 2281 2282.swiper-title { 2283 font-family: var(--heading-font); 2284 line-height: 1; 2285} 2286 2287.swiper-description { 2288 font-size: var(--font-16); 2289} 2290 2291.swiper-text .btn { 2292 text-transform: uppercase; 2293} 2294 2295.swiper-text-centered { 2296 top: 40%; 2297 bottom: initial; 2298 left: 50%; 2299 text-align: center; 2300 transform: translate(-50%, -50%); 2301} 2302.swiper-slide-active .swiper-text { 2303 left: 0; 2304 opacity: 1; 2305} 2306.swiper-slide-active .swiper-text-centered { 2307 top: 50%; 2308 left: 50%; 2309 opacity: 1; 2310} 2311.swiper-text-light { 2312 color: var(--main-background); 2313 border-color: var(--main-background); 2314} 2315.swiper-text-light .btn-default { 2316 background-color: var(--main-background); 2317 color: var(--main-foreground); 2318} 2319 2320.swiper-pagination-bullet { 2321 background-color: transparent; 2322 border: var(--border-solid) var(--main-foreground); 2323} 2324 2325.swiper-pagination-bullet-active { 2326 background-color: var(--main-foreground); 2327 border: var(--border-solid) var(--main-foreground); 2328} 2329 2330.swiper-arrows-light .swiper-button-next, 2331.swiper-arrows-light .swiper-button-prev { 2332 fill: var(--main-background); 2333} 2334 2335.swiper-arrows-light .swiper-pagination-bullet{ 2336 border: var(--border-solid) var(--main-background); 2337} 2338 2339.swiper-arrows-light .swiper-pagination-bullet-active { 2340 background-color: var(--main-background); 2341 border: var(--border-solid) var(--main-background); 2342} 2343 2344.swiper-button-next.swiper-button-disabled, 2345.swiper-button-prev.swiper-button-disabled { 2346 opacity: 0.2; 2347} 2348 2349.swiper-pagination-lock { 2350 display: none !important; 2351} 2352 2353.swiper-mobile-only.row-grid, 2354.swiper-products-slider.row-grid,
2355.section-banners-home .swiper-desktop-only.row-grid { 2356 margin: 0; 2357} 2358 2359.swiper-mobile-only .col-grid, 2360.swiper-products-slider .col-grid { 2361 padding: 0; 2362 flex: none; 2363 max-width: inherit; 2364} 2365 2366.section-banners-home .swiper-desktop-only .col-grid, 2367.promo-products .col-grid { 2368 padding: 0; 2369} 2370 2371.promo-products .col-grid { 2372 margin-right: 10px; 2373} 2374 2375.item-banner { 2376 border-radius: var(--theme-border); 2377 overflow: hidden; 2378} 2379 2380.col-banner img { 2381 width: 100%; 2382 height: 100%; 2383 object-fit: cover; 2384 object-position: center; 2385} 2386 2387.section-slider .swiper-pagination { 2388 width: 100%; 2389 bottom: 10px; 2390} 2391 2392.section-slider .swiper-button-prev { 2393 left: 15px; 2394} 2395.section-slider .swiper-button-next { 2396 right: 15px; 2397} 2398.section-slider .svg-circle { 2399 background: var(--main-foreground); 2400 fill: var(--main-background); 2401 &:hover { 2402 background: var(--main-foreground-opacity-80); 2403 } 2404} 2405 2406/* // Lists */ 2407 2408.list { 2409 padding: 0; 2410 margin: 0; 2411 list-style-type: none; 2412} 2413.list .list-item{ 2414 position: relative; 2415 margin-bottom: 8px; 2416 cursor: default; 2417} 2418 2419.list-unstyled{ 2420 padding: 0; 2421 margin: 0; 2422 list-style-type: none; 2423} 2424 2425.list-inline li{ 2426 display: inline-flex; 2427} 2428 2429 2430/* // Tables */ 2431 2432.table { 2433 width: 100%; 2434 border-collapse: collapse; 2435 border-spacing: 0; 2436 background-color: var(--main-background); 2437 color: var(--main-foreground); 2438} 2439 2440.table tbody tr:nth-child(odd) { 2441 background-color: var(--main-foreground-opacity-05); 2442} 2443 2444.table tbody.table-body-inverted tr:nth-child(odd) { 2445 background-color: var(--main-background); 2446} 2447 2448.table tbody.table-body-inverted tr:nth-child(even) { 2449 background-color: var(--main-foreground-opacity-05); 2450} 2451 2452.table th { 2453 padding: 8px; 2454 text-align: left; 2455} 2456 2457.table thead th { 2458 padding: 8px; 2459} 2460 2461.table thead th:first-of-type { 2462 padding-left: 0; 2463} 2464 2465.table td { 2466 padding: 8px; 2467 text-align: left; 2468} 2469 2470 2471/* // Images */ 2472 2473/* Used for images that have a placeholder before it loads. The image container should have a padding-bottom inline with the result of (image height/ image width) * 100 */ 2474.img-absolute { 2475 position: absolute; 2476 left: 0; 2477 width: 100%; 2478 height: auto; 2479 vertical-align: middle; 2480 text-indent: -9999px; 2481 z-index: 1; 2482} 2483 2484.img-absolute-centered{ 2485 left: 50%; 2486 transform: translateX(-50%)!important; 2487 -webkit-transform: translateX(-50%)!important; 2488 -ms-transform: translateX(-50%)!important; 2489} 2490 2491.img-absolute-centered-vertically{ 2492 position: absolute; 2493 top: 50%; 2494 left: 50%; 2495 z-index: 9; 2496 width: 100%; 2497 height: 100%; 2498 transform: translate(-50%, -50%); 2499 object-fit: cover; 2500} 2501 2502/* // Forms */ 2503 2504:focus-visible { 2505 outline: 1px solid var(--main-foreground-opacity-50); 2506} 2507 2508input, 2509textarea { 2510 font-family: var(--body-font); 2511} 2512 2513.form-group { 2514 position: relative; 2515 width: 100%; 2516 margin-bottom: 10px; 2517} 2518.form-group .form-select-icon{ 2519 position: absolute; 2520 right: 13px; 2521 bottom: 10px; 2522 font-size: 18px; 2523 pointer-events: none; 2524} 2525.form-select-align-left { 2526 text-align: left; 2527} 2528.form-select .form-select-icon { 2529 top: 50%; 2530 bottom: initial; 2531 transform: translateY(-50%); 2532 -webkit-transform: translateY(-50%); 2533 -ms-transform: translateY(-50%); 2534} 2535.form-group-small .form-select-icon{ 2536 bottom: 10px; 2537 right: 10px; 2538 font-size: var(--font-small); 2539} 2540.form-row { 2541 width: auto; 2542 display: -webkit-box; 2543 display: -ms-flexbox; 2544 display: flex; 2545 -ms-flex-wrap: wrap; 2546 flex-wrap: wrap; 2547 margin-right: -5px; 2548 margin-left: -5px; 2549 clear: both; 2550} 2551 2552.form-row > .col, 2553.form-row > [class*=col-]{ 2554 padding-right: 5px; 2555 padding-left: 5px; 2556} 2557 2558.form-label { 2559 display: block; 2560 margin-bottom: 10px; 2561 font-size: var(--font-rest); 2562} 2563 2564.form-label-divider { 2565 padding: 10px 0; 2566 margin-bottom: 10px; 2567 border-bottom: var(--border-solid) var(--main-foreground-opacity-10); 2568} 2569 2570.form-control::-webkit-input-placeholder { 2571 color: var(--main-foreground-opacity-50); 2572} 2573.form-control:-moz-placeholder { 2574 color: var(--main-foreground-opacity-50); 2575} 2576.form-control::-moz-placeholder { 2577 color: var(--main-foreground-opacity-50); 2578} 2579.form-control:-ms-input-placeholder { 2580 color: var(--main-foreground-opacity-50); 2581} 2582 2583.form-control, 2584.form-select, 2585.form-select-options, 2586.form-quantity { 2587 display: block; 2588 width: 100%; 2589 margin: 0; 2590 padding: 12px 15px; 2591 font-size: var(--font-base); 2592 font-family: var(--body-font); 2593 line-height: 16px; 2594 border: var(--border-solid) var(--main-foreground-opacity-30); 2595 -webkit-appearance: none; 2596 -moz-appearance: none; 2597 appearance: none; 2598 color: var(--main-foreground); 2599 fill: var(--main-foreground); 2600 background-color: transparent; 2601 transition: all 0.4s ease; 2602 border-radius: var(--theme-round-full); 2603} 2604.form-select-options { 2605 border-radius: var(--theme-round); 2606} 2607.form-control:hover, 2608.form-select:hover, 2609.form-quantity:hover { 2610 border-color: var(--main-foreground-opacity-60); 2611} 2612.form-control:hover + .form-select-icon, 2613.form-select:hover + .form-select-icon, 2614.form-quantity:hover + .form-select-icon { 2615 fill: var(--main-foreground); 2616} 2617.form-control:focus, 2618.form-select:focus, 2619.form-quantity:focus { 2620 outline: 0px !important; 2621 -webkit-appearance: none; 2622} 2623.form-select { 2624 padding-right: 40px; 2625} 2626.form-select.open .form-select-icon { 2627 -webkit-transform: translateY(-50%) rotateX(180deg); 2628 -ms-transform: translateY(-50%) rotateX(180deg); 2629 transform: translateY(-50%) rotateX(180deg); 2630} 2631.form-select:focus { 2632 outline: 0; 2633} 2634.form-select::-ms-expand {
2635 display: none; 2636} 2637.form-control-inline, 2638.form-select-inline, 2639.form-quantity-inline { 2640 display: inline; 2641} 2642.form-control-transparent, 2643.form-select-transparent, 2644.form-quantity-transparent { 2645 background: transparent; 2646} 2647.form-control-opacity, 2648.form-select-opacity, 2649.form-quantity-opacity { 2650 background-color: var(--main-background-opacity-30); 2651} 2652.form-control-small, 2653.form-select-small, 2654.form-quantity-small { 2655 padding: 8px 10px; 2656 font-size: var(--font-small); 2657} 2658.form-select-small { 2659 padding-right: 30px; 2660} 2661.form-select-small + .form-select-icon { 2662 right: 10px; 2663 bottom: 7px; 2664 font-size: var(--font-big); 2665} 2666.form-control-big, 2667.form-select-big, 2668.form-quantity-big { 2669 padding: 15px; 2670} 2671.form-control-btn { 2672 position: absolute; 2673 right: 0; 2674 z-index: 9; 2675 width: 46px; 2676 height: 100%; 2677 text-align: center; 2678} 2679.form-control-btn-icon { 2680 width: 18px; 2681 height: 18px; 2682} 2683 2684.form-quantity { 2685 padding: 0; 2686} 2687.form-quantity .form-control { 2688 width: 100%; 2689 padding-right: 0; 2690 padding-left: 0; 2691 background-color: transparent; 2692 -webkit-appearance: none; 2693 -moz-appearance: textfield; 2694 border: 0; 2695 text-align: center; 2696} 2697.form-quantity.small { 2698 width: 90px; 2699 padding: 15px; 2700} 2701.form-quantity-product { 2702 line-height: 46px; 2703} 2704input::-webkit-inner-spin-button, 2705input::-webkit-outer-spin-button { 2706 -webkit-appearance: none; 2707 margin: 0; 2708} 2709input[type=number] { 2710 -moz-appearance: textfield; 2711} 2712 2713.search-input { 2714 background-color: var(--search-background); 2715 color: var(--search-foreground); 2716 height: 100%; 2717 padding-right: 50px; 2718 font-size: var(--font-base); 2719 border-color: var(--search-border); 2720} 2721.search-input::-webkit-input-placeholder { 2722 color: var(--search-foreground-opacity-50); 2723} 2724.search-input:-moz-placeholder { 2725 color: var(--search-foreground-opacity-50); 2726} 2727.search-input::-moz-placeholder { 2728 color: var(--search-foreground-opacity-50); 2729} 2730.search-input:-ms-input-placeholder { 2731 color: var(--search-foreground-opacity-50); 2732} 2733 2734/* IOS form CSS to avoid autozoom on focus */ 2735 2736.form-control-ios, 2737.form-group-quantity-ios 2738.form-control-ios { 2739 font-size: 16px; 2740} 2741 2742.form-select { 2743 cursor: pointer; 2744} 2745.form-select.btn { 2746 font-size: var(--font-smallest); 2747} 2748.form-select.btn.btn-medium { 2749 padding: 6px 8px; 2750} 2751.form-select.btn.btn-medium .form-select-icon { 2752 bottom: 7px; 2753} 2754.form-select-icon { 2755 fill: var(--main-foreground); 2756} 2757 2758.input-clear-content:before, 2759.search-empty-btn:before { 2760 background-color: currentColor; 2761 content: ''; 2762 mask-position: center; 2763 mask-repeat: no-repeat; 2764 -webkit-mask-image: var(--icon-input-clear); 2765 -ms-mask-image: var(--icon-input-clear); 2766 -moz-mask-image: var(--icon-input-clear); 2767 -o-mask-image: var(--icon-input-clear); 2768 mask-image: var(--icon-input-clear); 2769} 2770.radio-button-icon.unchecked { 2771 background-color: var(--main-background); 2772 border: var(--border-solid) var(--main-foreground); 2773} 2774.radio-button-icon.checked { 2775 background-color: var(--main-foreground); 2776} 2777 2778.list-item-icon, .list .radio-button .radio-button-content .radio-button-icon { 2779 background-color: var(--main-foreground); 2780} 2781 2782.password-toggle { 2783 position: absolute; 2784 top: 25px; 2785 right: 0px; 2786 display: inline-block; 2787 padding: 20px; 2788 background: none; 2789 border: 0; 2790} 2791 2792.password-toggle-show, 2793.password-toggle-hide { 2794 position: absolute; 2795 top: 50%; 2796 right: 50%; 2797 width: 18px; 2798 height: 18px; 2799 margin: -8px -8px 0 0; 2800 font-size: 0; 2801} 2802 2803.password-toggle-show:before, 2804.password-toggle-hide:before { 2805 display: block; 2806 width: 20px; 2807 height: 20px; 2808 background-color: currentColor; 2809 content: ''; 2810 mask-position: center; 2811 mask-repeat: no-repeat; 2812} 2813 2814.password-toggle-show:before { 2815 -webkit-mask-image: var(--icon-password-show); 2816 -ms-mask-image: var(--icon-password-show); 2817 -moz-mask-image: var(--icon-password-show); 2818 -o-mask-image: var(--icon-password-show); 2819 mask-image: var(--icon-password-show); 2820} 2821 2822.password-toggle-hide:before { 2823 -webkit-mask-image: var(--icon-password-hide); 2824 -ms-mask-image: var(--icon-password-hide); 2825 -moz-mask-image: var(--icon-password-hide); 2826 -o-mask-image: var(--icon-password-hide); 2827 mask-image: var(--icon-password-hide); 2828} 2829 2830.radio-button { 2831 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 2832 cursor: pointer; 2833} 2834.radio-button.disabled { 2835 opacity: 0.6;
2836 cursor: not-allowed; 2837} 2838.radio-button.disabled input[type="radio"] { 2839 cursor: not-allowed; 2840} 2841.radio-button-item { 2842 display: block; 2843 margin-bottom: 8px; 2844} 2845.radio-button-container { 2846 display: inline-block; 2847 width: 100%; 2848} 2849.radio-button-container .radio-button-item { 2850 margin-bottom: 0; 2851} 2852.radio-button-container .radio-button-item:last-child { 2853 margin-bottom: 0; 2854} 2855.radio-button-container .radio-button-item:first-of-type .radio-button-content { 2856 border-radius: var(--theme-round) var(--theme-round) 0 0; 2857} 2858.radio-button-container .radio-button-item:last-of-type .radio-button-content { 2859 border-radius: 0 0 var(--theme-round) var(--theme-round); 2860} 2861.radio-button-content { 2862 position: relative; 2863 padding: 15px; 2864 transition: .3s ease; 2865 background: var(--main-background); 2866 border: 1px solid var(--main-foreground-opacity-50); 2867} 2868.radio-button-icons-container { 2869 position: absolute; 2870} 2871.radio-button-icon { 2872 width: 20px; 2873 height: 20px; 2874 border-radius: var(--border-radius-full); 2875} 2876.radio-button-icon.checked { 2877 background: var(--primary-color); 2878} 2879.radio-button .radio-button-content .unchecked { 2880 display: block; 2881} 2882.radio-button .radio-button-content .checked { 2883 position: absolute; 2884 top: 7px; 2885 left: 7px; 2886 width: 0; 2887 height: 0; 2888 transition: all 0.2s; 2889} 2890.radio-button input[type="radio"]:checked + .radio-button-content .checked, 2891.radio-button.selected .radio-button-content .checked { 2892 top: 50%; 2893 left: 50%; 2894 transform: translate(-50%,-50%); 2895 width: 0.875em; 2896 height: 0.875em; 2897} 2898.radio-button-label { 2899 display: block; 2900 padding-left: 36px; 2901 font-size: var(--font-base); 2902} 2903 2904input[type="radio"]{ 2905 &:checked { 2906 transition: all .3s ease; 2907 + .radio-button-content{ 2908 transition: all .3s ease; 2909 position: relative; 2910 outline: 2px solid var(--primary-color); 2911 outline-offset: -2px; 2912 transition: all .3s ease; 2913 border-radius: 5px; 2914 .unchecked{ 2915 border: 2px solid var(--primary-color); 2916 border-radius: 15px; 2917 } 2918 .shipping-price { 2919 color: var(--main-foreground); 2920 } 2921 } 2922 .shipping-price{ 2923 color: var(--main-foreground); 2924 } 2925 } 2926 & + .radio-button-content .unchecked{ 2927 border: 1px solid var(--main-foreground-opacity-50); 2928 border-radius: 15px; 2929 } 2930} 2931 2932.checkbox-container .checkbox { 2933 position: relative; 2934 display: block; 2935 margin-bottom: 15px; 2936 padding-left: 25px; 2937 font-weight: normal; 2938 text-decoration: none; 2939 transition: all 0.4s ease; 2940 cursor: pointer; 2941} 2942 2943.checkbox-container .checkbox-text { 2944 font-size: var(--font-small); 2945} 2946 2947.checkbox-container .checkbox-icon { 2948 position: absolute; 2949 top: 1px; 2950 left: 0; 2951 display: block; 2952 width: 15px; 2953 height: 15px; 2954 background: var(--main-background); 2955 border: var(--border-solid) var(--main-foreground); 2956} 2957 2958.checkbox-container .checkbox-icon:after { 2959 position: absolute; 2960 top: 1px; 2961 left: 5px; 2962 display: none; 2963 width: 4px; 2964 height: 9px; 2965 content: ''; 2966 border: solid var(--main-foreground); 2967 border-width: 0 1px 1px 0; 2968 transform: rotate(45deg); 2969} 2970 2971.checkbox-container .checkbox-color { 2972 display: inline-block; 2973 width: 12px; 2974 height: 12px; 2975 margin: -1px 0 0 5px; 2976 vertical-align: middle; 2977 border: var(--border-solid) var(--main-foreground); 2978 border-radius: var(--border-radius-full); 2979} 2980 2981.checkbox-container input{ 2982 display: none; 2983} 2984 2985.checkbox-container input:checked ~ .checkbox { 2986 opacity: 1; 2987} 2988 2989.checkbox-container .checkbox:hover, 2990.checkbox-container input:checked ~ .checkbox { 2991 color: var(--main-foreground); 2992 fill: var(--main-foreground); 2993} 2994 2995.checkbox-container .checkbox:hover .checkbox-icon, 2996.checkbox-container input:checked ~ .checkbox .checkbox-icon { 2997 border: var(--border-solid) var(--main-foreground); 2998} 2999 3000.checkbox-container input:checked ~ .checkbox .checkbox-icon:after { 3001 display: block; 3002} 3003 3004/* // Video */ 3005 3006.embed-responsive { 3007 position: relative; 3008 display: block; 3009 height: 0; 3010 padding: 0; 3011 overflow: hidden; 3012 background: var(--main-foreground); 3013} 3014.embed-responsive.embed-responsive-16by9 { 3015 padding-bottom: 56.25%; 3016} 3017.embed-responsive.embed-responsive-1by1 { 3018 padding-bottom: 140%; 3019} 3020.embed-responsive .embed-responsive-item, 3021.embed-responsive embed, 3022.embed-responsive iframe, 3023.embed-responsive object, 3024.embed-responsive video { 3025 position: absolute; 3026 top: 0; 3027 bottom: 0; 3028 left: 0; 3029 width: 100%; 3030 height: 100%; 3031 border: 0; 3032} 3033.video-player { 3034 position: absolute; 3035 top: 0; 3036 left: 0; 3037 z-index: 999; 3038 width: 100%; 3039 height: 100%; 3040 cursor: pointer; 3041} 3042.video-player-icon { 3043 position: absolute; 3044 top: 50%; 3045 left: 50%; 3046 width: 50px; 3047 height: 50px; 3048 font-size: 12px; 3049 line-height: 61px; 3050 padding-left: 3px; 3051 text-align: center; 3052 pointer-events: none; 3053 transform: translate(-50%,-50%); 3054 border-radius: 65px; 3055} 3056.video-player-icon-small { 3057 width: 24px; 3058 height: 24px; 3059 font-size: 6px; 3060 line-height: 30px; 3061} 3062.video-image { 3063 position: absolute; 3064 top: 50%; 3065 left: 50%; 3066 width: 100%; 3067 height: auto; 3068 transform: translate(-50%, -50%); 3069 -webkit-transform: translate(-50%, -50%); 3070 -ms-transform: translate(-50%, -50%); 3071} 3072 3073/*============================================================================ 3074#Header and nav 3075==============================================================================*/ 3076 3077/* // Adbar */ 3078 3079.section-adbar { 3080 text-align: center; 3081 padding: 5px 30px; 3082 min-height: 32px; 3083 line-height: 1.2; 3084 font-size: var(--font-small); 3085 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; 3086 background: var(--adbar-background); 3087 color: var(--adbar-foreground); 3088 a { 3089 color: var(--adbar-foreground); 3090 } 3091 svg { 3092 fill: var(--adbar-foreground); 3093 } 3094} 3095 3096.swiper-adbar .swiper-slide { 3097 height: auto; 3098} 3099 3100.adbar-item { 3101 display: flex;
3102 height: 100%; 3103 min-height: 22px; 3104 align-items: center; 3105 justify-content: center; 3106} 3107 3108.adbar-text { 3109 display: inline-block; 3110 line-height: 1.2; 3111 min-height: 1.2em; 3112 max-width: 100%; 3113 white-space: nowrap; 3114 overflow: hidden; 3115 text-overflow: ellipsis; 3116} 3117 3118.section-adbar-marquee { 3119 padding: 5px 0; 3120} 3121 3122.section-adbar-marquee .adbar-marquee { 3123 display: flex; 3124 overflow: hidden; 3125} 3126 3127.section-adbar-marquee .adbar-marquee-track { 3128 display: flex; 3129 align-items: center; 3130 flex-shrink: 0; 3131 min-width: 100%; 3132 animation: marquee 20s linear infinite; 3133} 3134 3135.section-adbar-marquee .adbar-marquee:hover .adbar-marquee-track { 3136 animation-play-state: paused; 3137} 3138 3139.section-adbar-marquee .adbar-item { 3140 padding: 0 20px; 3141 white-space: nowrap; 3142} 3143 3144.swiper-adbar-control { 3145 margin-top: 0; 3146 height: 30px; 3147 transform: translateY(-50%); 3148 line-height: 30px; 3149} 3150.swiper-adbar-control.swiper-button-prev { 3151 left: -30px; 3152} 3153.swiper-adbar-control.swiper-button-next { 3154 right: -30px; 3155} 3156 3157@keyframes marquee { 3158 0% { 3159 transform: translateX(0); 3160 -webkit-transform: translateX(0); 3161 } 3162 100% { 3163 transform: translateX(-100%); 3164 -webkit-transform: translateX(-100%); 3165 } 3166} 3167 3168.section-adbar .adbar-icon { 3169 margin: 0 5px 0 0; 3170 font-size: 1rem; 3171 fill: var(--adbar-icon); 3172} 3173 3174@media (max-width: 767px) { 3175 .section-adbar { 3176 min-height: 36px; 3177 padding-left: 12px; 3178 padding-right: 12px; 3179 } 3180 .adbar-text { 3181 white-space: normal; 3182 overflow: visible; 3183 text-overflow: clip; 3184 } 3185 .adbar-item { 3186 min-height: 36px; 3187 } 3188} 3189 3190.header-fixed { 3191 position: fixed; 3192 transition: all ease-in-out 200ms; 3193 top: -8rem; 3194 opacity: 0; 3195 width: 100%; 3196 z-index: 2000; 3197 box-shadow: 0 0 40px 0 rgba(0,0,0,.2); 3198 background-color: var(--main-background); 3199} 3200 3201.header-fixed.is-fixed { 3202 top: 0; 3203 opacity: 1; 3204} 3205 3206.head-main { 3207 width: 100%; 3208 z-index: 1040; 3209 -webkit-backface-visibility: hidden; 3210 backface-visibility: hidden; 3211} 3212 3213.head-colors { 3214 color: var(--header-desktop-foreground); 3215 fill: var(--header-icons); 3216 background-color: var(--header-desktop-background); 3217} 3218 3219.head-colors a { 3220 color: var(--header-desktop-foreground); 3221 fill: var(--header-icons); 3222} 3223 3224.head-transparent { 3225 background-color: unset; 3226 background-image: linear-gradient(to bottom, var(--header-desktop-background), var(--header-desktop-background-opacity)); 3227} 3228 3229.head-transparent, 3230.head-transparent .contact-bar, 3231.head-transparent .main-menu { 3232 background: transparent; 3233} 3234
3235.badge.cart-widget-amount { 3236 background-color: var(--header-badge-background); 3237 border: var(--border-solid) var(--header-badge-background); 3238 color: var(--header-badge-foreground); 3239} 3240 3241.head-transparent-fixed { 3242 position: fixed; 3243} 3244 3245.head-absolute{ 3246 position: absolute; 3247 width: 100%; 3248} 3249 3250.contact-bar { 3251 background: var(--topbar-background); 3252 color: var(--topbar-foreground); 3253 border-bottom: var(--topbar-border); 3254} 3255 3256.contact-bar a { 3257 color: var(--topbar-foreground); 3258} 3259 3260.contact-bar svg { 3261 fill: var(--topbar-icons); 3262} 3263 3264.h-col { 3265 min-width: -webkit-min-content; 3266} 3267 3268.menu-section-title { 3269 padding-left: 15px; 3270 margin-top: 12px; 3271 margin-bottom: 10px; 3272 font-size: 16px; 3273} 3274 3275@media (min-width:768px) { 3276 .centered-logo-search form { 3277 max-width: 260px; 3278 } 3279} 3280 3281/* // Hamburger menu */ 3282 3283.btn-hamburger { 3284 width: 50px; 3285 height: 50px; 3286} 3287 3288.modal-nav-hamburger.modal { 3289 background: var(--nav-mobile-background); 3290 padding: 0; 3291} 3292 3293.modal-nav-hamburger .modal-body { 3294 background: var(--nav-mobile-background); 3295 color: var(--nav-mobile-foreground); 3296 padding: 0; 3297} 3298 3299.modal-nav-hamburger .modal-body a { 3300 color: var(--nav-mobile-foreground); 3301} 3302 3303.modal-nav-hamburger .modal-body svg { 3304 fill: var(--nav-mobile-foreground); 3305} 3306 3307.modal-nav-hamburger .nav-list { 3308 padding: 0; 3309 margin: 0; 3310 list-style: none; 3311} 3312.modal-nav-hamburger .nav-list .item-with-subitems { 3313 position: relative; 3314} 3315.modal-nav-hamburger .nav-list .nav-list-link { 3316 color: var(--nav-mobile-foreground); 3317 display: block; 3318 padding: 10px 15px 10px 23px; 3319 border-bottom: 0; 3320 font-size: 16px; 3321} 3322.modal-nav-hamburger .nav-list .nav-list-link.all-products { 3323 border: 1px solid var(--nav-mobile-foreground-opacity-30); 3324} 3325.modal-nav-hamburger .nav-list-arrow { 3326 fill: var(--nav-mobile-foreground); 3327 position: absolute; 3328 top: 12px; 3329 right: 20px; 3330 font-size: 14px; 3331 cursor: pointer; 3332} 3333.modal-nav-hamburger .nav-list .active .nav-list-arrow { 3334 transform: rotate(90deg); 3335} 3336.modal-nav-hamburger .nav-list .list-subitems { 3337 padding: 0; 3338 list-style: none; 3339} 3340.modal-nav-hamburger .nav-list .list-subitems .nav-list-link { 3341 padding: 10px 15px 10px 23px; 3342} 3343.modal-nav-hamburger .nav-list .list-subitems .nav-list-link .nav-list-arrow { 3344 top: 10px; 3345 opacity: 0.6; 3346} 3347.modal-nav-hamburger .nav-item:hover { 3348 background-color: var(--nav-mobile-foreground-opacity-05); 3349} 3350.modal-nav-hamburger .nav-primary, 3351.modal-nav-hamburger .nav-secondary { 3352 padding: 10px 0; 3353} 3354 3355.modal-nav-hamburger .nav-secondary { 3356 border-top: 1px solid var(--nav-mobile-foreground-opacity-10); 3357} 3358 3359.nav-hamburger .nav-list .list-subitems { 3360 background-color: var(--nav-mobile-foreground-opacity-05); 3361} 3362 3363.nav-secondary .contact-item { 3364 margin: 0; 3365 padding: 10px 15px 10px 23px; 3366 max-width: 100%; 3367} 3368 3369/* // Language selector */ 3370 3371.current-language { 3372 cursor: pointer; 3373 line-height: 0; 3374} 3375.current-language::after { 3376 display: none !important; 3377} 3378.current-language .flag { 3379 display: inline-block; 3380} 3381.languages { 3382 line-height: 0; 3383} 3384.languages .text { 3385 font-size: 13px; 3386} 3387.languages .flag { 3388 overflow: hidden; 3389 border-radius: 3px; 3390} 3391.languages .flag img { 3392 height: 18px; 3393 width: 24px; 3394 vertical-align: middle; 3395} 3396.languages.active { 3397 border: 2px solid #fff; 3398} 3399 3400.modal-languages { 3401 position: sticky; 3402 bottom: 0; 3403 width: 100%; 3404} 3405 3406.modal-languages .languages { 3407 width: 100%; 3408 padding: 15px; 3409 background-color: var(--nav-mobile-background); 3410 color: var(--nav-mobile-foreground); 3411 border-top: 1px solid var(--nav-mobile-foreground-opacity-10); 3412 margin-top: 60px; 3413} 3414 3415/* // Nav */ 3416 3417.main-menu { 3418 background-color: var(--nav-desktop-background); 3419 color: var(--nav-desktop-foreground); 3420} 3421 3422.nav-item-desktop.departments { 3423 background-color: var(--nav-desktop-foreground-opacity-05); 3424 padding-inline: 1rem; 3425} 3426 3427.nav-desktop .nav-list-link { 3428 color: var(--nav-desktop-foreground); 3429} 3430 3431.nav-desktop .nav-list-link:hover { 3432 color: var(--nav-desktop-hover); 3433} 3434 3435.nav-desktop .nav-list-link svg { 3436 fill: var(--nav-desktop-foreground); 3437} 3438.nav-desktop .nav-list-link:hover svg { 3439 fill: var(--nav-desktop-hover); 3440} 3441 3442.main-menu .container-fluid { 3443 max-width: 1600px; 3444} 3445 3446.nav-desktop { 3447 width: 100%; 3448 display: inline-block; 3449 position: relative; 3450 font-family: var(--menu-font); 3451} 3452
3453.nav-desktop-list { 3454 margin: 0; 3455 padding: 0 5px; 3456 list-style: none; 3457 font-size: 0; 3458 white-space: nowrap!important; 3459} 3460.nav-desktop-list::-webkit-scrollbar { 3461 height: 0; 3462} 3463.with-scroll { 3464 padding: 0 30px; 3465 overflow: scroll; 3466} 3467 3468.nav-desktop.nav-menu-full > ul > li { 3469 display: inline-block; 3470 white-space: inherit; 3471 padding-inline: var(--nav-item-spacing); 3472 text-transform: var(--font-menu-transform); 3473} 3474 3475.nav-desktop-list .desktop-dropdown .nav-item { 3476 white-space: normal; 3477} 3478 3479.category-icon { 3480 height: 24px; 3481} 3482 3483.nav-desktop-list > .nav-item > .nav-list-link, 3484.nav-desktop-list > .nav-item > .nav-item-container > .nav-list-link { 3485 display: inline-flex; 3486 align-items: center; 3487 padding: 15px 10px; 3488 font-size: var(--font-menu); 3489 font-weight: var(--font-menu-weight); 3490 line-height: 25px; 3491 height: 100%; 3492} 3493 3494.nav-short .nav-desktop-list > .nav-item > .nav-list-link, 3495.nav-short .nav-desktop-list > .nav-item > .nav-item-container > .nav-list-link { 3496 padding: 10px; 3497} 3498 3499.nav-list-link svg { 3500 transition: all 0.4s ease; 3501} 3502 3503.nav-desktop-list .nav-item .nav-list-link-featured { 3504 color: var(--header-featured-link-foreground); 3505 background-color: var(--header-featured-link-background); 3506 margin: 10px 0; 3507 padding: 0 12px; 3508 height: calc(100% - 20px); 3509 border-radius: 30px; 3510} 3511.nav-desktop-list .nav-item .nav-list-link-featured:hover { 3512 opacity: 0.8; 3513} 3514.nav-desktop-list .nav-item .nav-list-link-featured .category-icon { 3515 height: 20px; 3516} 3517 3518.nav-item-container { 3519 height: 100%; 3520} 3521 3522.nav-categories-icon { 3523 height: 16px; 3524 right: 5px; 3525 top: 3px; 3526} 3527 3528.desktop-dropdown { 3529 position: absolute; 3530 width: 100%; 3531 min-width: 240px; 3532 top: 100%; 3533 left: 0; 3534 z-index: 9999; 3535} 3536.desktop-dropdown.open-right { 3537 left: 0; 3538} 3539.desktop-dropdown.open-left { 3540 right: 0; 3541 left: auto; 3542} 3543 3544.desktop-dropdown .nav-list-link { 3545 color: var(--main-foreground); 3546} 3547 3548.nav-categories { 3549 overflow-x: scroll; 3550} 3551.nav-list-mobile-categories { 3552 margin: 4px 0; 3553 padding: 0 15px; 3554 white-space: nowrap!important; 3555} 3556 3557.nav-tabs-mobile-item { 3558 font-size: 13px; 3559 padding: 12px 10px; 3560} 3561 3562.submenu-mobile { 3563 padding-right: 1rem !important; 3564} 3565.submenu-mobile .submenu-mobile { 3566 padding-right: 0.5rem !important; 3567} 3568 3569.nav-dropdown-content { 3570 visibility: hidden; 3571 opacity: 0; 3572 pointer-events: none; 3573 transition: visibility 0s linear .3s, opacity .3s linear; 3574} 3575 3576.nav-accounts-item { 3577 display: inline-flex; 3578 justify-content: center; 3579 align-items: center; 3580} 3581 3582.mega-menu { 3583 box-shadow: 0 5px 10px rgba(0,0,0,.1); 3584} 3585 3586/* // Logo */ 3587 3588.logo-text-container { 3589 max-width: 450px; 3590 padding: 5px; 3591} 3592 3593.logo-img-container { 3594 min-height: 60px; 3595 display: flex; 3596 align-items: center; 3597 justify-content: center; 3598} 3599 3600.logo-img{ 3601 margin: 15px 0; 3602 vertical-align: middle; 3603 max-width: 80%; 3604 max-height: 60px; 3605} 3606 3607.logo-img-small { 3608 max-width: 120px; 3609 max-height: 60px; 3610} 3611 3612.logo-img-medium { 3613 max-width: 65%; 3614 max-height: 60px; 3615} 3616 3617/* // Cart widget and search */ 3618 3619.utilities-item { 3620 font-size: 13px 3621} 3622 3623@media (max-width: 767px) { 3624 .utilities-item { 3625 padding: 0 5px; 3626 } 3627} 3628 3629.utilities-text { 3630 padding: 8px 10px; 3631} 3632 3633.cart-widget-amount, 3634.cart-widget-total { 3635 font-size: 12px; 3636} 3637 3638.cart-summary { 3639 position: relative; 3640} 3641 3642.cart-summary-detail { 3643 background: var(--main-background); 3644 color: var(--main-foreground); 3645} 3646 3647.cart-widget-amount { 3648 position: absolute; 3649 right: -10px; 3650 bottom: 0; 3651 padding: 8px; 3652 width: 20px; 3653 height: 20px; 3654 border-radius: 30px; 3655} 3656.icon-shopping-cart ~ .cart-widget-amount { 3657 top: 0; 3658 right: -12px; 3659 bottom: inherit; 3660} 3661.icon-basket ~ .cart-widget-amount { 3662 top: 5px; 3663 bottom: inherit; 3664} 3665 3666.cart-banner { 3667 width: 100%; 3668 max-height: 120px; 3669 object-fit: cover; 3670} 3671 3672.search-input { 3673 height: 48px; 3674} 3675 3676.search-input-submit { 3677 position: absolute; 3678 top: 7px; 3679 right: 0; 3680 background: none; 3681 border: 0; 3682 font-size: 14px; 3683} 3684 3685.utilities-container .utilities-item .icon-inline { 3686 font-size: 2em; 3687} 3688 3689.subutility-list { 3690 display: none; 3691} 3692 3693.icon-cart-custom { 3694 max-height: 28px; 3695} 3696 3697.search-btn { 3698 position: absolute; 3699 top: 50%; 3700 right: 10px; 3701 margin-top: -20px; 3702 padding: 8px 5px 8px 8px; 3703 font-size: 15px; 3704 background: none; 3705 border: 0; 3706} 3707 3708.search-btn:before { 3709 display: block; 3710 width: 24px; 3711 height: 24px; 3712} 3713 3714.search-form .search-btn:before { 3715 width: 21px; 3716 height: 22px; 3717} 3718 3719.search-close-btn { 3720 top: 0; 3721 right: 10px; 3722 z-index: 2; 3723 margin-top: 11px; 3724} 3725 3726.search-submit-btn:before { 3727 color: var(--search-icon) !important; 3728 -webkit-mask-image: var(--icon-search); 3729 -ms-mask-image: var(--icon-search); 3730 -moz-mask-image: var(--icon-search); 3731 -o-mask-image: var(--icon-search); 3732 mask-image: var(--icon-search); 3733} 3734 3735 3736/* // Search Mobile */ 3737.search-mobile { 3738 padding: var(--search-mobile-padding); 3739 .search-input { 3740 transition: 300ms all ease-in-out; 3741 &:focus { 3742 transition: 300ms all ease-in-out; 3743 box-shadow: 0 0 5px 5px rgba(#111, .05); 3744 border: 1px solid var(--search-border); 3745 } 3746 } 3747} 3748 3749/*============================================================================ 3750#Home Page 3751==============================================================================*/ 3752 3753/* // Sections */ 3754 3755.section-home { 3756 padding: var(--section-distance) 0; 3757} 3758 3759/* Reduce first render cost by skipping below-the-fold section layout/paint on Home */ 3760.template-home .js-home-sections-container > section:nth-child(n+2), 3761.template-home .section-home-reviews { 3762 content-visibility: auto; 3763 contain-intrinsic-size: 800px; 3764} 3765 3766/* // Titles */ 3767 3768.section-title { 3769 position: relative; 3770 max-width: 56rem; 3771 margin-bottom: 1em; 3772} 3773.section-title h2 { 3774 font-size: var(--font-headings); 3775 line-height: 1; 3776} 3777.section-title p { 3778 font-size: 16px; 3779 text-transform: none; 3780 margin-bottom: 0; 3781} 3782.section-title:after { 3783 content: ''; 3784 width: 100%; 3785 max-width: 2rem; 3786 height: 2px; 3787 background: var(--main-foreground-opacity-20); 3788 display: inline-block; 3789 margin: 1rem auto; 3790 border-radius: 2px; 3791} 3792 3793.section-title-uppercase { 3794 text-transform: uppercase; 3795} 3796 3797.title-center { 3798 text-align: center; 3799 font-size: 28px; 3800} 3801 3802/* // Slider */ 3803
3804.section-slider { 3805 background: var(--slider-background); 3806} 3807 3808@media (max-width: 767px) { 3809 .slider-distance-mobile { 3810 padding: var(--section-distance) 0; 3811 } 3812} 3813 3814/* // Informative banners */ 3815 3816.section-informative-banners { 3817 background: var(--banner-services-background); 3818} 3819 3820.banner-services { 3821 max-width: var(--banner-services-width); 3822 margin: 0 auto; 3823} 3824 3825.banner-services .service-title { 3826 color: var(--banner-services-title); 3827 font-size: var(--font-16); 3828 font-weight: var(--font-weight-semibold); 3829} 3830.banner-services p { 3831 color: var(--banner-services-foreground); 3832 font-size: var(--font-14); 3833 line-height: 1.3; 3834 margin-bottom: 0; 3835} 3836 3837.banner-services svg { 3838 fill: var(--banner-services-icon); 3839} 3840 3841.banner-services { 3842 .swiper-button-next { 3843 height: 100%; 3844 background: var(--banner-services-background); 3845 box-shadow: none; 3846 border-radius: 0; 3847 margin-top: 0; 3848 top: 0; 3849 } 3850 .swiper-button-prev { 3851 height: 100%; 3852 background: var(--banner-services-background); 3853 box-shadow: none; 3854 border-radius: 0; 3855 margin-top: 0; 3856 top: 0; 3857 } 3858} 3859.service-item { 3860 display: flex; 3861 justify-content: center; 3862} 3863.service-item > a { 3864 display: flex; 3865 justify-content: center; 3866 width: 100%; 3867} 3868.services-row .service-item, 3869.services-row .service-item > a { 3870 flex-direction: row; 3871 text-align: left; 3872 align-self: center; 3873} 3874.services-col .service-item, 3875.services-col .service-item > a { 3876 flex-direction: column; 3877 text-align: center; 3878} 3879.services-row .service-image { 3880 display: flex; 3881 margin-right: 1rem; 3882 margin-bottom: 0; 3883 align-items: center; 3884} 3885.services-col .service-image { 3886 margin-bottom: .7em; 3887 margin-right: 0; 3888 align-items: center; 3889 min-height: 42px; 3890} 3891.service-image { 3892 display: flex; 3893 justify-content: center; 3894 align-items: center; 3895 min-width: 42px; 3896} 3897.service-image > * { 3898 max-width: var(--banner-services-icon-size-mobile); 3899 max-height: var(--banner-services-icon-size-mobile); 3900 height: 100%; 3901 width: var(--banner-services-icon-size-mobile); 3902} 3903.service-image > img { 3904 width: auto; 3905} 3906.service-text { 3907 max-width: calc(100% - 140px); 3908} 3909.services-col .service-image > *, 3910.services-md-col .service-image > * { 3911 max-width: calc(var(--banner-services-icon-size-mobile) * 1.2); 3912} 3913.banner-services-block .service-item { 3914 margin-bottom: 10px; 3915} 3916.banner-services-block .service-text { 3917 width: 100%; 3918} 3919.services-col .service-text { 3920 max-width: 100%; 3921} 3922 3923.banner-services-grid { 3924 padding: 0 1em; 3925} 3926 3927.banner-services-grid .wrapper { 3928 display: grid; 3929 grid-template-columns: repeat(2, 1fr); 3930 gap: 1em; 3931} 3932 3933@media (min-width: 768px) { 3934 .banner-services .wrapper { 3935 display: flex; 3936 flex: 0 1 auto; 3937 margin: 0 auto; 3938 justify-content: space-between; 3939 } 3940 .service-item { 3941 padding: 0 1rem; 3942 flex: 0 1 auto; 3943 } 3944 .service-item > a { 3945 flex: 0 1 auto; 3946 } 3947 .service-text { 3948 max-width: 100%; 3949 } 3950 .services-md-row .service-item, 3951 .services-md-row .service-item > a { 3952 flex-direction: row; 3953 text-align: left; 3954 align-self: flex-start; 3955 } 3956 .services-md-col .service-item, 3957 .services-md-col .service-item > a { 3958 flex-direction: column; 3959 text-align: center; 3960 justify-content: flex-start; 3961 } 3962 .services-md-row .service-image { 3963 margin-right: 1rem; 3964 margin-bottom: 0; 3965 align-items: flex-start; 3966 } 3967 .services-md-col .service-image { 3968 margin-bottom: 1em; 3969 margin-right: 0; 3970 align-items: center; 3971 min-height: var(--banner-services-icon-size-desktop); 3972 } 3973 .service-image > * { 3974 max-width: var(--banner-services-icon-size-desktop); 3975 max-height: var(--banner-services-icon-size-desktop); 3976 width: var(--banner-services-icon-size-desktop); 3977 } 3978 .banner-services-block .service-item { 3979 margin-bottom: 0; 3980 } 3981 .banner-services-block .service-text { 3982 width: auto; 3983 } 3984} 3985 3986.services-pagination { 3987 position: relative; 3988} 3989 3990/* // Main categories */ 3991 3992.section-categories-home { 3993 background-color: var(--main-categories-background); 3994} 3995 3996.section-categories-home, 3997.section-categories-home a { 3998 color: var(--main-categories-foreground); 3999} 4000 4001.section-categories-home a:hover { 4002 img { 4003 transform: scale(1.05); 4004 } 4005} 4006 4007.section-categories-home .placeholder-fade { 4008 background-color:var(--main-categories-foreground-opacity-20); 4009} 4010 4011.home-category { 4012 width: 100%; 4013 overflow: hidden; 4014} 4015 4016.home-category-image { 4017 padding: 8px; 4018 aspect-ratio: 1 / 1; 4019} 4020 4021.home-category-image img { 4022 border-radius: var(--theme-round); 4023 transition: all 0.3s ease; 4024 width: 100%; 4025 height: 100%; 4026 object-fit: cover; 4027} 4028 4029.category-circle img { 4030 border-radius: 200px; 4031} 4032 4033.home-category-image svg { 4034 border-radius: 100%; 4035} 4036 4037.home-category-name { 4038 font-size: var(--font-base); 4039 margin-top: 10px; 4040} 4041 4042.background-home-image { 4043 position: absolute; 4044 top: 0; 4045 width: 100%; 4046 height: 100%; 4047 object-fit: cover; 4048} 4049 4050/* // Featured products */ 4051 4052.section-featured-products-home-colors { 4053 background: var(--featured-background); 4054 color: var(--featured-foreground); 4055} 4056 4057.section-new-products-home-colors { 4058 background: var(--new-background); 4059 color: var(--new-foreground); 4060} 4061 4062.section-sale-products-home-colors { 4063 background: var(--sale-background); 4064 color: var(--sale-foreground); 4065} 4066 4067.section-promotion-products-home-colors { 4068 background: var(--promotion-background); 4069 color: var(--promotion-foreground); 4070} 4071 4072.section-best-seller-products-home-colors { 4073 background: var(--best-seller-background); 4074 color: var(--best-seller-foreground); 4075} 4076 4077/* Banner products */ 4078 4079.section-banner-products-home-colors { 4080 background: var(--banner-products-background); 4081 color: var(--banner-products-foreground); 4082 .content { 4083 background: var(--banner-products-content); 4084 } 4085} 4086 4087/* // Brands */ 4088 4089.section-brands-home { 4090 background-color: var(--brands-background); 4091 color: var(--brands-foreground); 4092} 4093 4094.section-brands-home .swiper-button-next, 4095.section-brands-home .swiper-button-prev { 4096 box-shadow: none; 4097 background: none; 4098} 4099 4100.section-brands-home .svg-icon-text { 4101 fill: var(--brands-foreground); 4102} 4103 4104.brand-image-container { 4105 line-height: 80px; 4106} 4107.brand-image { 4108 display: inline-block; 4109 max-width: 100%; 4110 max-height: 80px; 4111 vertical-align: middle; 4112} 4113
4114/* // Welcome message */ 4115 4116.section-welcome-home { 4117 background: var(--welcome-background); 4118 color: var(--welcome-foreground); 4119 text-align: center; 4120} 4121 4122.home-popup-image { 4123 line-height: 0; 4124} 4125 4126@media (max-width: 767px) { 4127 .news-bg-img { 4128 min-height: 310px; 4129 } 4130} 4131 4132.home-video-text { 4133 position: absolute; 4134 top: 50%; 4135 left: 50%; 4136 z-index: 99; 4137 width: 100%; 4138 padding: 0 15px; 4139 transform: translate(-50%,-50%); 4140 text-align: center; 4141 color: var(--video-foreground); 4142} 4143.section-video-home .video-player-icon .svg-icon-text { 4144 fill: var(--video-foreground); 4145} 4146.home-video-text-bottom { 4147 top: initial; 4148 bottom: 0; 4149 padding: 25px 20px; 4150 transform: translate(-50%,0); 4151} 4152.home-video-overlay:after { 4153 position: absolute; 4154 bottom: 0; 4155 width: 100%; 4156 height: 100%; 4157 content: ''; 4158 background: linear-gradient(transparent, var(--main-foreground-opacity-40)); 4159} 4160.home-video-image { 4161 position: absolute; 4162 top: 0; 4163 z-index: 1; 4164 width: 100%; 4165 height: 100%; 4166 object-fit: cover; 4167} 4168.home-video .placeholder-shine { 4169 z-index: 9; 4170} 4171.home-video-autoplay video { 4172 position: relative; 4173 object-fit: cover; 4174 object-position: 50% 20%; 4175 font-family: "object-fit: cover"; 4176} 4177.home-video-autoplay iframe { 4178 position: absolute; 4179 top: 0; 4180 left: -100%; 4181 width: 300%; 4182 max-width: none; 4183} 4184.home-video-autoplay .home-video-hide-controls { 4185 position: absolute; 4186 top: 0; 4187 z-index: 99; 4188 width: 100%; 4189 height: 100%; 4190} 4191 4192/* // Institutional */ 4193 4194.section-institutional { 4195 background: var(--institutional-background); 4196 color: var(--institutional-foreground); 4197} 4198.section-institutional .section-title:after { 4199 background: var(--institutional-foreground-opacity-30); 4200} 4201.section-institutional .textbanner-paragraph { 4202 line-height: 1.8; 4203 font-size: var(--font-15); 4204} 4205.section-institutional .textbanner-image-background { 4206 object-fit: cover; 4207} 4208.section-institutional .textbanner-image-opacity { 4209 opacity: var(--institutional-opacity); 4210} 4211 4212.institutional-image-only { 4213 height: 560px; 4214} 4215 4216/* // Testimonials */ 4217 4218.home-testimonials { 4219 background-color: var(--testimonials-background); 4220 color: var(--testimonials-foreground); 4221} 4222 4223.home-testimonials .text-heading { 4224 color: var(--testimonials-titles); 4225} 4226.home-testimonials .text-subtitle { 4227 color: var(--testimonials-titles); 4228} 4229 4230.testimonial-swiper { 4231 padding: 12px; 4232} 4233 4234.testimonial { 4235 background: var(--testimonials-block); 4236 text-align: center; 4237 border-radius: var(--theme-round); 4238 min-height: 250px; 4239 margin-top: 40px; 4240 padding: 2rem; 4241 box-shadow: 0 0 10px rgba(0, 0, 0, .1); 4242} 4243 4244.testimonial.no-image { 4245 padding-top: 1em; 4246} 4247 4248.testimonial .testimonial-image { 4249 position: relative; 4250 text-align: center; 4251 border-radius: 60px; 4252 overflow: hidden; 4253 max-height: 60px; 4254 max-width: 60px; 4255 margin: -65px auto 10px; 4256 border: 2px solid var(--testimonials-block); 4257 box-shadow: 0 0 10px rgba(0, 0, 0, .1); 4258 padding-top: 57px; 4259 background-size: cover; 4260 background-color: var(--testimonials-block); 4261 background-position: top center; 4262} 4263 4264.testimonial img { 4265 position: absolute; 4266 display: inline-block; 4267 width: auto; 4268 max-height: 80px; 4269 margin: 0 auto; 4270 left: 50%; 4271 top: 50%; 4272 transform: translate(-50% , -50%) 4273} 4274 4275.testimonial-image svg { 4276 margin-top: -57px; 4277} 4278 4279.testimonial h4 { 4280 margin-bottom: 0; 4281 font-size: 15px; 4282} 4283 4284.testimonial .testimonial-stars { 4285 margin-top: 1em; 4286 margin-bottom: 2em; 4287} 4288 4289.testimonial .testimonial-stars svg { 4290 margin-left: 2px; 4291 margin-right: 2px; 4292} 4293 4294.testimonial-title { 4295 font-weight: var(--font-weight-medium); 4296} 4297 4298.testimonial-description { 4299 max-height: 160px; 4300 overflow-y: auto; 4301} 4302 4303/* // Extra menu */ 4304 4305.section-home-extra-menu { 4306 background: var(--extra-menu-background); 4307 color: var(--extra-menu-foreground); 4308 a { 4309 color: var(--extra-menu-foreground); 4310 padding: 6px 8px; 4311 border-radius: 50px; 4312 &:hover { 4313 background: var(--extra-menu-foreground); 4314 color: var(--extra-menu-background); 4315 } 4316 } 4317} 4318 4319.extra-menu { 4320 gap: var(--extra-menu-gap); 4321 flex-wrap: wrap; 4322} 4323 4324.extra-menu a { 4325 display: flex; 4326 justify-content: center; 4327 align-items: center; 4328 min-width: var(--extra-menu-min); 4329 min-height: var(--extra-menu-min); 4330 font-size: var(--extra-menu-size); 4331 padding: var(--extra-menu-padding); 4332 border: 1px solid var(--extra-menu-foreground-opacity-10); 4333} 4334 4335/* // Newsletter */ 4336 4337.section-newsletter { 4338 background-color: var(--newsletter-background); 4339 color: var(--newsletter-foreground); 4340 fill: var(--newsletter-foreground); 4341} 4342 4343.section-newsletter .form-control::-webkit-input-placeholder { 4344 color: var(--news-foreground-opacity-70); 4345} 4346.section-newsletter .form-control:-moz-placeholder { 4347 color: var(--news-foreground-opacity-70); 4348} 4349.section-newsletter .form-control::-moz-placeholder { 4350 color: var(--news-foreground-opacity-70); 4351} 4352.section-newsletter .form-control:-ms-input-placeholder { 4353 color: var(--news-foreground-opacity-70); 4354} 4355 4356.section-newsletter .btn-submit { 4357 background: var(--newsletter-button); 4358 color: var(--newsletter-button-text); 4359} 4360 4361.section-blog-home { 4362 background: var(--blog-background); 4363 color: var(--blog-foreground); 4364} 4365 4366.section-blog-home p { 4367 color: var(--blog-foreground); 4368} 4369 4370.home-blog-post a { 4371 color: var(--blog-foreground); 4372 border-color: var(--blog-foreground); 4373} 4374 4375/*============================================================================ 4376#Banners 4377==============================================================================*/ 4378 4379/* // Home banners */ 4380 4381.textbanner { 4382 position: relative; 4383 margin-bottom: 15px; 4384 overflow: hidden; 4385} 4386.textbanner-link { 4387 display: block; 4388 width: 100%; 4389 height: 100%; 4390} 4391.textbanner-link:hover, 4392.textbanner-link:focus { 4393 opacity: 1; 4394} 4395.textbanner-image { 4396 position: relative; 4397 padding-top: 100%; 4398 background-position: center; 4399 background-repeat: no-repeat; 4400 background-size: cover; 4401 border-radius: var(--theme-round); 4402 overflow: hidden; 4403} 4404.textbanner-image-background { 4405 position: absolute; 4406 left: 0; 4407 top: 0; 4408 width: 100%; 4409 height: 100%; 4410 object-fit: contain; 4411} 4412.textbanner-image-opacity { 4413 opacity: 0.2; 4414} 4415.textbanner-image-horizontal { 4416 padding-top: 50%; 4417} 4418.textbanner-image-horizontal-plus { 4419 padding-top: 100%; 4420} 4421 4422.textbanner-title { 4423 position: absolute; 4424 top: 50%; 4425 right: 0; 4426 transform: translateY(-50%); 4427} 4428.textbanner-text { 4429 position: relative; 4430 padding: 0 15px; 4431} 4432.textbanner-text.over-image { 4433 position: absolute; 4434 bottom: 0; 4435 z-index: 9; 4436 width: 100%; 4437 padding: 20px 15px; 4438 background-image: linear-gradient(transparent, var(--main-background-opacity-40)); 4439 color: var(--main-foreground); 4440} 4441.textbanner-text.over-image a { 4442 color: var(--main-foreground); 4443} 4444.textbanner-text.over-image-center { 4445 position: absolute; 4446 top: 50%; 4447 left: 50%; 4448 z-index: 9; 4449 width: 100%; 4450 background: none; 4451 border: 0; 4452 transform: translate(-50%, -50%); 4453} 4454.textbanner-text.over-image .btn-secondary { 4455 color: var(--main-foreground); 4456 border: var(--border-solid) var(--main-foreground); 4457} 4458.textbanner-text.over-image .svg-icon-text { 4459 fill: var(--main-foreground); 4460} 4461.textbanner-text.over-image.over-image-invert { 4462 background-image: linear-gradient(transparent, var(--main-foreground-opacity-40)); 4463 color: var(--main-background); 4464} 4465.textbanner-text.over-image.over-image-invert a { 4466 color: var(--main-background); 4467} 4468.textbanner-text.over-image.over-image-invert .btn-default { 4469 background-color: var(--main-background); 4470 color: var(--main-foreground); 4471} 4472.textbanner-text.over-image.over-image-invert .svg-icon-text { 4473 fill: var(--main-background); 4474} 4475.textbanner-paragraph { 4476 line-height: 18px; 4477} 4478 4479.category-slide-paragraph { 4480 font-size: 14px; 4481} 4482 4483.textbanner-text .btn {
4484 display: inline-block; 4485} 4486 4487.textbanner .textbanner-image.overlay.textbanner-image-empty { 4488 background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 600 600'><defs><radialGradient id='a' cx='3838.3' cy='307.72' r='546.36' gradientTransform='translate(-1350.47 15.97) scale(0.43 0.92)' gradientUnits='userSpaceOnUse'><stop offset='0' stop-color='%23f9f9f9'/><stop offset='0.5' stop-color='%23f9f9f9'/><stop offset='1' stop-color='%23f9f9f9'/></radialGradient></defs><rect width='600' height='600' style='fill:url(%23a)'/><path d='M452.32,455,565.13,569.87Z' style='fill:none;stroke:%23ddd;stroke-linecap:square;stroke-miterlimit:10'/><path d='M404.18,194l161-163.82Z' style='fill:none;stroke:%23ddd;stroke-linecap:square;stroke-miterlimit:10'/><polyline points='34.87 569.89 148.53 454.18 186.37 415.66' style='fill:none;stroke:%23ddd;stroke-linecap:square;stroke-miterlimit:10'/><line x1='34.87' y1='30.11' x2='160.09' y2='157.58' style='fill:none;stroke:%23ddd;stroke-linecap:square;stroke-miterlimit:10'/><path d='M239.27,393.46l-39.35,8.9A19.24,19.24,0,0,1,177,388L134,199.9A19.16,19.16,0,0,1,148.46,177l180.48-40.84a19.24,19.24,0,0,1,23,14.4l12.63,55.32' style='fill:none;stroke:%23ccc;stroke-linecap:round;stroke-linejoin:round'/><line x1='168.9' y1='351.54' x2='244.84' y2='334.25' style='fill:none;stroke:%23ccc;stroke-linecap:round;stroke-linejoin:round'/><line x1='218.43' y1='213.55' x2='254' y2='236.93' style='fill:none;stroke:%23ccc;stroke-linecap:round;stroke-linejoin:round'/><line x1='184.82' y1='248.93' x2='211.36' y2='266.62' style='fill:none;stroke:%23ccc;stroke-linecap:round;stroke-linejoin:round'/><path d='M439.42,445.21,255.28,428A19.19,19.19,0,0,1,238,407.15L256.07,215A19.2,19.2,0,0,1,277,197.72L461.09,215a19.2,19.2,0,0,1,17.31,20.82L460.3,428A19.21,19.21,0,0,1,439.42,445.21Z' style='fill:none;stroke:%23ccc;stroke-linecap:round;stroke-linejoin:round'/><line x1='241.43' y1='369.23' x2='464.33' y2='392.22' style='fill:none;stroke:%23ccc;stroke-linecap:round;stroke-linejoin:round'/><polyline points='248.51 310.65 329.76 256.01 391.8 323.23' style='fill:none;stroke:%23ccc;stroke-linecap:round;stroke-linejoin:round'/><polyline points='467.87 338 425.5 298.47 340.5 363.92' style='fill:none;stroke:%23ccc;stroke-linecap:round;stroke-linejoin:round'/><path d='M411.2,263.44a13.27,13.27,0,1,1-12-14.45,13.27,13.27,0,0,1,12,14.45Z' style='fill:none;stroke:%23ccc;stroke-linecap:round;stroke-linejoin:round'/></svg>"); 4489} 4490 4491.textbanner .row { 4492 gap: 5px; 4493} 4494 4495.module-placeholder .textbanner .row { 4496 gap: 0; 4497} 4498 4499.section-banners-promotional { 4500 background-color: var(--banner-promotional-background); 4501 color: var(--banner-promotional-foreground); 4502 img { 4503 transition: all 0.6s ease; 4504 } 4505 .textbanner-text { 4506 color: var(--banner-promotional-foreground); 4507 } 4508 .textbanner:hover { 4509 img { 4510 transform: scale(1.05); 4511 } 4512 } 4513 .textbanner-text.over-image { 4514 transition: all 0.6s ease; 4515 height: 100%; 4516 display: flex; 4517 flex-direction: column; 4518 justify-content: center; 4519 align-items: center; 4520 background-image: none; 4521 background-color: var(--banner-promotional-overlay); 4522 } 4523} 4524 4525.section-banners-featured { 4526 background-color: var(--featured-banner-background); 4527} 4528 4529.section-banners-featured img { 4530 border-radius: var(--theme-round); 4531} 4532 4533.section-banners-categories { 4534 background-color: var(--categories-background); 4535 color: var(--categories-foreground); 4536} 4537 4538/* Grid banners */ 4539 4540.gridbanners { 4541 display: block; 4542} 4543 4544.gridbanner { 4545 position: relative; 4546 padding-top: 100%; 4547 margin-bottom: 1em; 4548} 4549 4550.gridbanners[data-layout="1"] .gridbanner, 4551.gridbanners[data-layout="3"] .gridbanner.banner-2, 4552.gridbanners[data-layout="3"] .gridbanner.banner-3 { 4553 padding-top: 50%; 4554} 4555 4556.gridbanners[data-layout="4"] .gridbanner.banner-2 { 4557 padding-top: calc(50% - 10px); 4558} 4559 4560.banner-1 { 4561 grid-area: banner1; 4562} 4563 4564.banner-2 { 4565 grid-area: banner2; 4566} 4567 4568.banner-3 { 4569 grid-area: banner3; 4570} 4571 4572.banner-4 { 4573 grid-area: banner4; 4574} 4575 4576.gridbanner-link { 4577 display: block; 4578 width: 100%; 4579 height: 100%; 4580} 4581.gridbanner-image { 4582 position: absolute; 4583 height: 100%; 4584 width: 100%; 4585 top: 0px; 4586 left: 0px; 4587 background-position: center; 4588 background-repeat: no-repeat; 4589 background-size: cover; 4590 overflow: hidden; 4591 border-radius: var(--theme-round); 4592} 4593.gridbanner-image-background { 4594 position: absolute; 4595 top: 0; 4596 left: 0; 4597 width: 100%; 4598 height: 100%; 4599 object-fit: cover; 4600} 4601.gridbanner-placeholder { 4602 display: flex; 4603 align-items: center; 4604 justify-content: center; 4605} 4606.gridbanner-placeholder svg { 4607 position: absolute; 4608 left: 50%; 4609 top: 50%; 4610 transform: translate(-50%, -50%); 4611 width: 100%; 4612 height: 100%; 4613} 4614.gridbanner-text { 4615 position: relative; 4616 padding: 2em; 4617 text-align: center; 4618} 4619.gridbanner-text.over-image { 4620 position: absolute; 4621 top: 50%; 4622 left: 50%; 4623 z-index: 9; 4624 width: 100%; 4625 transform: translate(-50%, -50%); 4626} 4627.gridbanner-text.gridbanner-slider-text.over-image { 4628 top: 50%; 4629 bottom: auto; 4630 left: 50%; 4631 padding: 0 35px; 4632 transform: translate(-50%, -50%); 4633} 4634.gridbanner-title { 4635 margin-bottom: 15px; 4636 line-height: 42px; 4637} 4638.gridbanner-paragraph {
4639 display: -webkit-box; 4640 margin-bottom: 15px; 4641 line-height: 18px; 4642 overflow: hidden; 4643 text-overflow: ellipsis; 4644 -webkit-line-clamp: 3; 4645 -webkit-box-orient: vertical; 4646} 4647 4648/*============================================================================ 4649#Product grid 4650==============================================================================*/ 4651 4652/* // Category banner */ 4653 4654.category-banner { 4655 position: relative; 4656 overflow: hidden; 4657} 4658 4659.category-banner-image { 4660 width: 100%; 4661 height: 100%; 4662 object-fit: cover; 4663} 4664 4665.category-banner-info { 4666 height: 100%; 4667 top: 50%; 4668 transform: translateY(-50%); 4669} 4670 4671.category-description { 4672 border-top: var(--border-solid) var(--main-foreground-opacity-10); 4673} 4674 4675/* // Category controls */ 4676 4677.category-controls-sticky-detector { 4678 height: 1px; 4679} 4680 4681.category-controls { 4682 position: sticky; 4683 top: 0; 4684 z-index: 1999; 4685 transition: all 0.1s ease; 4686 background-color: var(--main-background); 4687 border-top: var(--border-solid) var(--main-foreground-opacity-10); 4688 border-bottom: var(--border-solid) var(--main-foreground-opacity-10); 4689} 4690.category-controls .category-control-item:first-child { 4691 border-right: var(--border-solid) var(--main-foreground-opacity-10); 4692} 4693 4694.category-control-item a { 4695 padding: 12px 15px; 4696} 4697 4698.filters-sidebar { 4699 width: 280px; 4700} 4701 4702.filters-overlay { 4703 background-color: var(--main-background-opacity-80); 4704} 4705 4706.filters-categories-container, 4707.filters-properties-container, 4708.remove-filters { 4709 padding: 15px; 4710 border: var(--border-solid) var(--main-foreground-opacity-10); 4711 margin-bottom: 1em; 4712 border-radius: var(--theme-round); 4713} 4714 4715.filters-categories-container ul { 4716 margin-bottom: 0 !important; 4717 padding-bottom: 0 !important; 4718} 4719 4720.filters-properties-container h6 { 4721 margin-top: 0; 4722} 4723 4724.price-filter-container .form-group { 4725 display: flex; 4726 align-items: flex-end; 4727} 4728 4729.price-filter-container .filter-input-price-container { 4730 position: relative; 4731 display: inline-block; 4732 width: calc(50% - 50px); 4733 margin-right: 7px; 4734 vertical-align: bottom; 4735} 4736 4737[data-filter-value="Pp"], 4738[data-filter-value="Gg"], 4739[data-filter-value="Xg"], 4740[data-filter-value="Xgg"], 4741[data-filter-value="Xs"], 4742[data-filter-value="Xl"], 4743[data-filter-value="Xxl"] { 4744 text-transform: uppercase; 4745} 4746 4747 4748/* // Grid item */ 4749 4750.item { 4751 margin-bottom: 25px; 4752 transition: 300ms all ease-in-out; 4753} 4754 4755.item ~ * { 4756 text-align: center; 4757} 4758 4759.item-brand { 4760 font-size: var(--font-small); 4761} 4762 4763.item .item-description { 4764 position: relative; 4765 padding: 0 10px 10px; 4766} 4767 4768.item-description.text-left .item-name-container, 4769.item-description.text-left .item-name-wrapper { 4770 align-items: flex-start; 4771} 4772 4773.item-description.text-left .item-name-wrapper { 4774 padding-inline: 0; 4775} 4776 4777.item-description.text-left .item-sizes, 4778.item-description.text-left .item-colors { 4779 justify-content: flex-start; 4780} 4781 4782.home-promos .item { 4783 margin-bottom: 0; 4784} 4785.home-promos .item.item-animation:hover { 4786 margin-bottom: 5px; 4787} 4788 4789.item.product-container { 4790 background: var(--item-background); 4791 position: relative; 4792 border-radius: var(--theme-round); 4793 overflow: hidden; 4794} 4795 4796.item.item-borders { 4797 border: 1px solid var(--main-foreground-opacity-10); 4798 &:hover { 4799 box-shadow: 0 0 13px rgba(#000,.15); 4800 } 4801 .item-image { 4802 border: 10px solid transparent; 4803 } 4804 .item-description { 4805 padding: 0 10px 10px; 4806 } 4807} 4808 4809@media (max-width: 767px) { 4810 .item-img-horizontal { 4811 position: relative; 4812 } 4813} 4814 4815.item-image { 4816 position: relative; 4817 overflow: hidden; 4818 border-radius: var(--border-radius-item-image); 4819} 4820.img-wrapper { 4821 overflow: hidden; 4822 -webkit-mask-image: -webkit-radial-gradient(white, black); 4823} 4824.item-image img{ 4825 height: 100%; 4826 max-height: 1200px; 4827 width: auto; 4828 transition: all .5s ease; 4829} 4830 4831.image-placeholder { 4832 visibility: visible; 4833 position: absolute; 4834 width: 100%; 4835 height: 100%; 4836 left: 0; 4837 top: 0; 4838 opacity: 1; 4839 z-index: 9; 4840 transition: all ease-in-out .05s; 4841} 4842 4843.item-image-primary { 4844 z-index: 9; 4845 opacity: 1; 4846} 4847.placeholder-image { 4848 content: ""; 4849 position: absolute; 4850 left: 0; 4851 top: 0; 4852 z-index: 8; 4853 width: 100%; 4854 height: 100%; 4855 transition: all ease-in-out .05s; 4856 opacity: 1; 4857} 4858.item-image-secondary { 4859 opacity: 0; 4860} 4861.item-with-two-images:hover .item-image-primary { 4862 opacity: 0; 4863 transition-delay: .05s; 4864}
4865.item-with-two-images:hover .placeholder-image { 4866 opacity: 0; 4867 transition-delay: .05s; 4868} 4869.item-with-two-images:hover .item-image-secondary { 4870 opacity: 1; 4871} 4872.item-with-two-images:not(:hover) .item-image-secondary, 4873.item-with-two-images:hover .item-image-primary:not(:hover) { 4874 opacity: 0; 4875} 4876.item-image img.img-portrait { 4877 height: 100%; 4878 width: auto; 4879} 4880.item-image img.img-full-width, 4881.item-image img.img-landscape { 4882 height: auto; 4883 width: 100%; 4884 top: 50%; 4885 transform: translate(-50%, -50%) !important; 4886} 4887.item-colors, 4888.item-sizes { 4889 display: flex; 4890 justify-content: center; 4891 align-items: center; 4892 gap: 5px; 4893} 4894.item-colors-container { 4895 position: absolute; 4896 top: -40px; 4897 left: 50%; 4898 transform: translateX(-50%); 4899 z-index: 9; 4900} 4901.item-colors { 4902 margin-block: 5px; 4903} 4904.item-colors .item-colors-bullet { 4905 display: inline-flex; 4906 flex-direction: column; 4907 align-items: center; 4908 justify-content: center; 4909 min-width: 16px; 4910 height: 16px; 4911 font-size: var(--font-smallest); 4912 line-height: 15px; 4913 border-radius: 16px; 4914 padding: 0 5px; 4915 cursor: pointer; 4916 background: var(--main-background); 4917 border: 1px solid var(--item-bullet-border); 4918 color: var(--main-foreground); 4919 -webkit-transition: all 0.4s ease; 4920 -ms-transition: all 0.4s ease; 4921 -moz-transition: all 0.4s ease; 4922 -o-transition: all 0.4s ease; 4923 transition: all 0.4s ease; 4924} 4925.item-colors-bullet:hover { 4926 transform: scale(1.2); 4927} 4928.item-colors-bullet.selected { 4929 transform: scale(1.2); 4930 border-color: var(--main-foreground-opacity-60) 4931} 4932.item-sizes { 4933 padding: 5px 0 0; 4934 display: flex; 4935 flex-wrap: wrap; 4936 gap: 6px; 4937} 4938.item-sizes-bullet { 4939 display: flex; 4940 justify-content: center; 4941 align-items: center; 4942 text-align: center; 4943 border: 1px solid var(--main-foreground); 4944 background: var(--main-background); 4945 color: var(--main-foreground); 4946 padding: 6px; 4947 min-width: 28px; 4948 min-height: 28px; 4949 font-size: 11px; 4950 border-radius: 18px; 4951 line-height: 1; 4952 cursor: pointer; 4953 -webkit-transition: all 0.4s ease; 4954 -ms-transition: all 0.4s ease; 4955 -moz-transition: all 0.4s ease; 4956 -o-transition: all 0.4s ease; 4957 transition: all 0.4s ease; 4958} 4959.item-sizes-bullet:hover { 4960 transform: scale(1.2); 4961} 4962.item-thumbnail { 4963 display: block; 4964 width: 100%; 4965} 4966 4967.item-name-container { 4968 display: flex; 4969 flex-direction: column; 4970 align-items: center; 4971 justify-content: center; 4972} 4973 4974.item-description.text-left .item-price-container { 4975 border-top: none; 4976 margin-top: 0; 4977} 4978 4979.item-price-container { 4980 border-top: 1px solid var(--main-foreground-opacity-05); 4981 color: var(--main-foreground); 4982 margin-top: 10px; 4983 padding: 10px 0 0; 4984 min-height: var(--item-price-container); 4985 line-height: 1.5; 4986 font-size: var(--font-small); 4987 justify-content: center; 4988} 4989 4990.item-name-wrapper { 4991 display: flex; 4992 flex-direction: column; 4993 align-items: center; 4994 justify-content: center; 4995 flex-wrap: wrap; 4996 min-height: var(--item-name-wrapper); 4997 padding-inline: 10px; 4998} 4999 5000.item-name { 5001 font-weight: var(--font-weight-bold); 5002 line-height: 1.2; 5003 width: 100%; 5004 text-overflow: ellipsis; 5005 overflow: hidden; 5006 display: -webkit-box; 5007 -webkit-line-clamp: var(--item-name-lines); 5008 -webkit-box-orient: vertical; 5009 -webkit-box-pack: center; 5010} 5011.item-price { 5012 font-weight: var(--font-weight-bold); 5013 color: var(--item-price-color); 5014} 5015.item-price span { 5016 font-size: var(--font-small); 5017 font-weight: var(--font-weight-medium); 5018} 5019 5020.item-installments { 5021 margin-top: 5px; 5022 line-height: 1.1; 5023} 5024 5025.installments-bold .product-installment-amount, 5026.installments-bold .product-installment-value { 5027 font-weight: var(--font-weight-bold); 5028} 5029 5030.item-actions .row { 5031 gap: 4px; 5032} 5033 5034.item-actions .alert { 5035 border-radius: var(--theme-round-full); 5036 padding: 15px 10px; 5037} 5038 5039.item-actions .btn-add-to-cart { 5040 border-radius: var(--theme-round-full); 5041} 5042 5043.item-product-reduced .item-image { 5044 height: 145px; 5045} 5046.item-product-reduced .item-image img { 5047 width: 100%; 5048 height: 145px; 5049 object-fit: cover; 5050} 5051 5052.item .form-control { 5053 font-size: var(--font-small); 5054 line-height: 1.2; 5055} 5056 5057.btn-add-to-cart { 5058 display: flex; 5059 align-items: center; 5060 justify-content: center; 5061 text-transform: uppercase; 5062 text-align: center; 5063 padding: 12px; 5064 line-height: 1.2; 5065 background: var(--button-background); 5066 color: var(--button-foreground); 5067 font-family: var(--button-font); 5068 font-size: var(--font-small); 5069 svg { 5070 fill: var(--button-foreground); 5071 } 5072 svg.placeholder { 5073 fill: var(--button-background); 5074 } 5075} 5076a.btn-add-to-cart:hover { 5077 opacity: 0.8; 5078 background: var(--button-background); 5079 color: var(--button-foreground); 5080 svg { 5081 fill: var(--button-foreground); 5082 } 5083} 5084.add-button-invert { 5085 background: var(--button-foreground); 5086 color: var(--button-background); 5087 border: 1px solid var(--button-background); 5088 line-height: 16px; 5089 svg { 5090 fill: var(--button-background); 5091 transition: all 0.3s ease; 5092 } 5093 svg.placeholder { 5094 fill: var(--button-foreground); 5095 } 5096} 5097.add-button-invert:hover { 5098 background: var(--button-background); 5099 color: var(--button-foreground); 5100 svg { 5101 fill: var(--button-foreground); 5102 } 5103 svg.placeholder { 5104 fill: var(--button-background); 5105 } 5106} 5107.add-button-invert[disabled] { 5108 background: var(--button-background); 5109 color: var(--button-foreground); 5110 border: 1px solid var(--button-background); 5111 opacity: 0.6; 5112} 5113 5114.item-cart-absolute { 5115 position: absolute; 5116 top: 14px; 5117 left: calc(50% - 50px); 5118} 5119 5120.item .item-name { 5121 font-size: var(--item-name-size); 5122} 5123.item .price-compare { 5124 display: inline-block; 5125} 5126 5127.item .item-price span { 5128 font-size: 16px; 5129} 5130 5131.item .item-featured-price { 5132 font-size: var(--item-price-size); 5133 font-weight: var(--font-weight-bold); 5134} 5135 5136.item-description .sizes .bullet-variation { 5137 padding: 6px 8px; 5138 width: 100%; 5139} 5140 5141@media (max-width: 768px) { 5142 .item-description-horizontal .item-description-container, 5143 .item-horizontal.no-variations .item-description-container { 5144 bottom: 0; 5145 } 5146 .item-description-horizontal .position-absolute { 5147 position: relative !important; 5148 } 5149 .item-horizontal.no-variations .item-link, 5150 .item-link-horizontal { 5151 height: 100% !important; 5152 } 5153 .item-description-container { 5154 bottom: 46px; 5155 } 5156} 5157 5158@media (min-width: 768px) and (max-width: 1200px) { 5159 .item-with-sidebar .btn { 5160 font-size: 11px; 5161 } 5162 .item-with-sidebar.item-with-icon .btn { 5163 font-size: 10px; 5164 } 5165} 5166 5167.whats-chat-open { 5168 flex: 0 0 70%; 5169} 5170 5171/* // Pagination */ 5172 5173.pagination-input { 5174 width: 40px; 5175 padding: 10px; 5176 margin: 0 10px; 5177 border: 1px solid rgba(153, 153, 153, 0.3); 5178 border-radius: var(--theme-round-full); 5179} 5180 5181.pagination-input:focus-visible { 5182 outline-color: rgba(153, 153, 153, 0.3); 5183} 5184 5185.pagination-button-prev, 5186.pagination-button-next { 5187 position: relative !important; 5188 margin: 0; 5189} 5190 5191/* // Labels */ 5192 5193.labels { 5194 position: absolute;
5195 display: flex; 5196 flex-direction: column; 5197 align-items: flex-end; 5198 top: 5px; 5199 right: 5px; 5200 z-index: 10; 5201 font-size: 11px; 5202} 5203 5204.label { 5205 width: fit-content; 5206 height: fit-content; 5207 padding: 6px 8px; 5208 text-align: center; 5209 text-transform: uppercase; 5210 font-size: var(--font-10); 5211 line-height: 1; 5212 text-shadow: 0 3px 2px rgba(0,0,0,.15); 5213 margin: 0 0 2px; 5214 border-radius: var(--border-radius); 5215} 5216.label.label-accent { 5217 background: var(--label-background); 5218 color: var(--label-foreground); 5219 fill: var(--label-foreground); 5220} 5221 5222.item .label.label-accent { 5223 background: var(--main-foreground); 5224 color: var(--main-background); 5225 fill: var(--main-background); 5226} 5227.label.label-inline { 5228 background: none; 5229 color: var(--accent-color); 5230} 5231.label.label-default, 5232.label.label-primary { 5233 background: var(--main-foreground); 5234 color: var(--main-background); 5235} 5236 5237.label-inline { 5238 padding: 0; 5239 border-radius: 0; 5240} 5241 5242.label-small { 5243 font-size: var(--font-smallest); 5244} 5245 5246/* // Seals */ 5247 5248.item-seals { 5249 position: absolute; 5250 top: 5px; 5251 left: 5px; 5252 z-index: 10; 5253 font-size: 13px; 5254} 5255 5256/* // Categories home */ 5257 5258.section-categories-home .swiper-slide { 5259 padding: 0; 5260} 5261 5262.home-banner-image { 5263 position: relative; 5264 overflow: hidden; 5265 transition: all ease-in-out 250ms; 5266 transform: scale(.95); 5267 border-radius: 5px; 5268} 5269.home-banner-image img{ 5270 width: 100%; 5271 height: auto; 5272 border-radius: 5px; 5273} 5274.home-banner-image:hover{ 5275 transform: scale(1); 5276} 5277 5278/* // FAQ */ 5279 5280.section-faq { 5281 background-color: var(--faq-background, var(--main-background)); 5282 color: var(--faq-foreground, var(--main-foreground)); 5283} 5284 5285.section-faq .faq-list { 5286 max-width: 780px; 5287 width: 100%; 5288} 5289 5290.faq-item { 5291 border: var(--border-solid) var(--main-foreground-opacity-08); 5292 border-radius: var(--border-radius); 5293 background-color: var(--main-background); 5294 overflow: hidden; 5295 &:not(:last-child) { 5296 margin-bottom: 15px; 5297 } 5298} 5299 5300.faq-item.is-open .faq-question { 5301 background-color: var(--main-foreground-opacity-03); 5302} 5303 5304.faq-question { 5305 display: flex; 5306 align-items: center; 5307 justify-content: space-between; 5308 width: 100%; 5309 padding: 18px 24px; 5310 background: transparent; 5311 border: none; 5312 font-size: var(--font-base); 5313 font-weight: 600; 5314 text-align: left; 5315 color: inherit; 5316 cursor: pointer; 5317 transition: background-color 0.2s ease; 5318} 5319 5320.faq-question:focus { 5321 outline: none; 5322} 5323 5324.faq-question-icon { 5325 display: flex; 5326 align-items: center; 5327 margin-left: 16px; 5328} 5329 5330.faq-question-icon .icon-inline { 5331 width: 20px; 5332 height: 20px; 5333} 5334 5335.faq-answer { 5336 border-top: var(--border-solid) var(--main-foreground-opacity-05); 5337} 5338 5339.faq-answer-inner { 5340 font-size: var(--font-base); 5341 line-height: 1.6; 5342 padding: 18px 24px; 5343} 5344 5345/*============================================================================ 5346#Product detail 5347==============================================================================*/ 5348 5349.product-thumbs .position-relative { 5350 border-radius: 5px; 5351 overflow: hidden; 5352} 5353 5354.product-name { 5355 font-size: 28px; 5356 line-height: 1.1; 5357 font-weight: 500; 5358 text-transform: inherit; 5359 word-break: break-word; 5360} 5361 5362.product-name-fixed { 5363 font-size: var(--font-base); 5364} 5365 5366.product-price { 5367 color: var(--product-price-color); 5368 font-size: 1.8rem; 5369 font-weight: var(--font-weight-bold); 5370} 5371 5372.product-promo-container { 5373 padding: 12px; 5374 margin-bottom: 2em; 5375} 5376 5377.product-promo-container p { 5378 margin-bottom: 0; 5379} 5380 5381.product-description { 5382 border: 1px solid var(--main-foreground-opacity-10); 5383 border-radius: var(--theme-round); 5384 padding: 1rem; 5385} 5386 5387.product-description-title { 5388 border-bottom: 1px solid var(--main-foreground-opacity-10); 5389} 5390 5391.price-compare-fixed, 5392.price-display-fixed { 5393 font-size: var(--font-13); 5394} 5395 5396@media (max-width: 767px) { 5397 .product-detail .btn-add-to-cart, 5398 .home-main-product .btn-add-to-cart { 5399 line-height: 17px; 5400 } 5401} 5402 5403.product-form { 5404 position: relative; 5405} 5406 5407.product-form .alert, 5408.buy-button-container .alert { 5409 position: absolute; 5410 right: 5px; 5411 top: 0; 5412 width: calc(100% - 10px); 5413 margin-bottom: 0; 5414 border-radius: var(--theme-round-full); 5415 padding: 10px 15px; 5416} 5417 5418.buy-button-container .alert { 5419 width: calc(100% - 5px); 5420 padding: 10px 5px; 5421} 5422 5423/* // Image */ 5424 5425.product-slider-image, 5426.quickshop-image { 5427 width: auto; 5428 height: 100%; 5429 max-width: 100%; 5430} 5431 5432.product-with-one-image { 5433 padding: 0; 5434} 5435 5436.product-description.short { 5437 max-height: 140px; 5438 overflow: hidden; 5439} 5440 5441.product-description-full { 5442 max-height: fit-content; 5443} 5444 5445.product-video-container { 5446 display: block; 5447 width: 100%; 5448 height: 100%; 5449 overflow: hidden; 5450 background-color: var(--main-foreground-opacity-08); 5451} 5452.product-video { 5453 height: 100%; 5454 display: flex; 5455 align-items: center; 5456 justify-content: center; 5457 -webkit-box-align: center; 5458 -ms-flex-align: center; 5459 align-items: center; 5460} 5461.product-video .embed-responsive { 5462 width: 100%; 5463 height: 100%; 5464} 5465 5466.product-video .video-image{ 5467 width: auto; 5468 height: 100%; 5469} 5470.swiper-product-thumb { 5471 overflow: hidden; 5472} 5473.swiper-product-thumb .swiper-slide { 5474 height: 100px; 5475 overflow: hidden; 5476} 5477 5478.product-thumb { 5479 width: 100px; 5480} 5481 5482.product-thumb img { 5483 display: block; 5484 width: 100%; 5485 height: 100px; 5486 object-fit: cover; 5487} 5488 5489/* // Variants */ 5490 5491@media (max-width: 767px) { 5492 .no-scrollbar {
5493 scrollbar-width: none; 5494 margin-bottom: 0; 5495 padding-bottom: 0; 5496 } 5497 .no-scrollbar::-webkit-scrollbar { 5498 display: none; 5499 } 5500} 5501 5502.variants-wrapper-grid { 5503 display: grid; 5504 grid-gap: 10px; 5505 grid-template-columns: repeat(auto-fill, 22%); 5506 grid-template-rows: minmax(30px, 1fr); 5507 padding: 5px 5px 10px; 5508} 5509 5510@media (max-width: 767px) { 5511 .variants-wrapper-grid { 5512 grid-template-columns: repeat(10, 22%); 5513 overflow-x: scroll; 5514 scroll-snap-type: x proximity; 5515 } 5516} 5517 5518.variants-wrapper-grid .btn-variant.bullet-variation { 5519 scroll-snap-align: center; 5520 padding: 5px; 5521 display: flex; 5522 flex-direction: column; 5523 justify-content: center; 5524 align-items: center; 5525 border-radius: 3px; 5526} 5527 5528.variant-container .btn-variant { 5529 cursor: pointer; 5530 overflow: hidden; 5531} 5532 5533.btn-variant { 5534 display: inline-block; 5535 font-size: var(--font-small); 5536 line-height: 10px; 5537 min-width: 28px; 5538 min-height: 28px; 5539 margin: 0 5px 10px 0; 5540 border: var(--border-solid) var(--main-foreground-opacity-30); 5541 color: var(--main-foreground); 5542 font-weight: normal; 5543 text-transform: initial; 5544 vertical-align: top; 5545 border-radius: var(--border-radius); 5546 transition: all .2s ease; 5547 &:hover { 5548 opacity: 0.8; 5549 } 5550} 5551 5552.btn-variant.variant-color { 5553 border-radius: var(--border-radius-30); 5554} 5555 5556.btn-variant-content { 5557 display: block; 5558 min-height: 26px; 5559 padding: 0 8px; 5560 line-height: 26px; 5561 border-radius: var(--border-radius-30); 5562} 5563.btn-variant-content-square { 5564 position: relative; 5565 width: 48px; 5566 height: 48px; 5567} 5568.btn-variant.selected { 5569 color: var(--main-background); 5570 border-color: var(--main-foreground); 5571 background: var(--main-foreground); 5572 transform: scale(1.05); 5573} 5574 5575.btn-variant.btn-variant-no-stock { 5576 position: relative; 5577 overflow: unset; 5578} 5579.btn-variant.btn-variant-no-stock span { 5580 opacity:.3; 5581} 5582.btn-variant.btn-variant-no-stock:after { 5583 content: "x"; 5584 position: absolute; 5585 top: -5px; 5586 right: -5px; 5587 width: 15px; 5588 height: 15px; 5589 border-radius: 20px; 5590 display: flex; 5591 align-items: center; 5592 justify-content: center; 5593 color: #fff; 5594 background-color: var(--danger); 5595 font-weight: 400; 5596 font-size: 9px; 5597 line-height: 10px; 5598} 5599 5600.btn-promo { 5601 display: block; 5602} 5603 5604.product-informative-title { 5605 gap: 5px; 5606} 5607 5608.swiper-informative-product-prev { 5609 left: -15px; 5610} 5611.swiper-informative-product-next { 5612 right: -15px; 5613} 5614 5615/* // Product banner */ 5616 5617.product-banner { 5618 width: 100%; 5619 height: auto; 5620 max-height: 240px; 5621 object-fit: cover; 5622} 5623 5624/*============================================================================ 5625#Cart detail 5626==============================================================================*/ 5627 5628/* // Shipping Calculator */ 5629 5630.shipping-calculator, 5631.branches-list { 5632 background-color: var(--main-foreground-opacity-05); 5633 border-radius: var(--theme-round); 5634} 5635 5636.shipping-calculator .list-item .radio-button-content, 5637.branches-list .radio-button-content { 5638 border-color: transparent; 5639 background-color: var(--main-background); 5640} 5641 5642.shipping-calculator-current-zip { 5643 display: flex; 5644 align-items: center; 5645 justify-content: center; 5646 background-color: var(--main-background); 5647 border-radius: var(--theme-round); 5648} 5649 5650.shipping-calculator .form-control { 5651 background: var(--main-background); 5652 border-color: transparent; 5653} 5654 5655.box-shipping, 5656.js-shipping-add-product-label { 5657 background-color: var(--accent-color); 5658 color: var(--main-background); 5659 border-radius: var(--theme-round); 5660 padding: 10px 20px; 5661 text-align: center; 5662 margin-bottom: 10px; 5663 width: 100%; 5664} 5665 5666.js-shipping-add-product-label > * { 5667 color: var(--main-background); 5668} 5669 5670.box-accent { 5671 background-color: var(--accent-color); 5672} 5673 5674.box-success { 5675 background-color: var(--success); 5676} 5677 5678.shipping-calculator-label:not([style*="display: none"]) ~ .free-shipping-message { 5679 position: absolute; 5680 top: 0; 5681 left: 0; 5682} 5683 5684.free-shipping-title { 5685 position: relative; 5686 width: 100%; 5687 height: 35px; 5688} 5689.shipping-calculator-head.with-zip, 5690.shipping-calculator-head.with-zip.with-free-shipping { 5691 height: 50px; 5692} 5693.shipping-calculator-head.with-form, 5694.cart-shipping .shipping-calculator-head.with-form.with-free-shipping { 5695 height: 80px; 5696} 5697.shipping-calculator-head.with-form.with-free-shipping { 5698 height: 140px; 5699} 5700.shipping-calculator-head.with-form + .shipping-spinner-container { 5701 margin-top: -20px; 5702} 5703.shipping-calculator-head.with-error { 5704 height: 185px; 5705} 5706 5707@media (min-width: 1200px) { 5708 .shipping-calculator-head.with-zip, 5709 .shipping-calculator-head.with-zip.with-free-shipping { 5710 height: 40px; 5711 } 5712} 5713 5714/* // Table */ 5715 5716.cart-table-row { 5717 padding: 10px 0; 5718} 5719 5720.cart-item { 5721 position: relative; 5722 padding-bottom: 10px; 5723} 5724 5725.cart-item:not(:first-child) { 5726 border-top: var(--border-solid) var(--main-foreground-opacity-10); 5727 padding-top: 10px; 5728} 5729 5730.cart-item-detail { 5731 display: block; 5732} 5733.cart-item-name{ 5734 width: 100%; 5735 font-size: 15px; 5736 font-weight: 600; 5737} 5738 5739.cart-item-input::-webkit-outer-spin-button,
5740.cart-item-input::-webkit-inner-spin-button{ 5741 -webkit-appearance: none; 5742} 5743.fa-cog{ 5744 display: none; 5745} 5746.cart-item-input-spinner{ 5747 display: inline-block; 5748 width: 40px; 5749 text-align: center; 5750} 5751.cart-item-input-delete{ 5752 display: inline-block; 5753 right: 0; 5754 padding-bottom: 20px; 5755} 5756.cart-item-input-delete .btn{ 5757 padding-right:0; 5758} 5759 5760.cart-quantity-input-container svg{ 5761 padding: 6px 14px; 5762} 5763 5764.cart-unit-price{ 5765 float: left; 5766 width: 100%; 5767 margin: 5px 0 2px 0; 5768} 5769 5770.cart-promotion-detail{ 5771 float: left; 5772 width: 65%; 5773 text-align: left; 5774} 5775 5776/* // Totals */ 5777 5778 5779.cart-subtotal{ 5780 float: right; 5781 clear: both; 5782 margin: 0 0 10px 0; 5783} 5784 5785.cart-total{ 5786 clear: both; 5787 margin: 10px 0; 5788 font-weight: bold; 5789} 5790 5791.total-promotions-detail, 5792.total-promotions-row { 5793 display: flex; 5794 justify-content: space-between; 5795 background: palegreen; 5796 border-radius: 6px; 5797 padding: 10px; 5798 text-align: left; 5799} 5800 5801.cart-promotion-number { 5802 font-weight: 700; 5803} 5804 5805 5806/*============================================================================ 5807#Pages 5808==============================================================================*/ 5809 5810.template-page .page-header .row { 5811 flex-direction: column; 5812 text-align: center; 5813} 5814.template-page .page-header .breadcrumbs { 5815 margin-top: 10px !important; 5816 text-align: center; 5817} 5818.user-content .container { 5819 max-width: 900px; 5820} 5821 5822@media (max-width: 768px) { 5823 .template-page .user-content .container, 5824 .contact-page .container { 5825 padding: 0 30px; 5826 } 5827} 5828 5829/*============================================================================ 5830#Contact page 5831==============================================================================*/ 5832 5833/* // Data contact */ 5834 5835.contact-info { 5836 margin-top: 0; 5837 padding-left: 0; 5838} 5839 5840@media (min-width: 768px) { 5841 .contact-info .icon-inline { 5842 height: 22px; 5843 width: 20px; 5844 } 5845} 5846 5847.contact-icon { 5848 display: block; 5849 margin: 0 auto 10px auto; 5850} 5851 5852.contact-item { 5853 list-style: none; 5854} 5855 5856.contact-link { 5857 list-style: none; 5858} 5859 5860.map { 5861 width: 100%; 5862 height: 400px; 5863 margin: 10px 0 20px 0; 5864} 5865 5866@media (min-width: 768px) { 5867 .contact-product-page .item { 5868 border: 1px solid #e5e5e5; 5869 border-radius: 5px; 5870 } 5871} 5872 5873.contact-product-page .text-intro-product { 5874 line-height: 20px; 5875} 5876 5877.contact-page .contact-info { 5878 background: rgba(0,0,0,.02); 5879 padding: 2em; 5880} 5881 5882.contact-page .contact-item { 5883 font-size: var(--font-base); 5884 justify-content: flex-start; 5885} 5886 5887/* Swiper */ 5888 5889.swiper-pagination-bullet { 5890 border:none; 5891} 5892 5893.swiper-pagination-bullet::before { 5894 mix-blend-mode: difference; 5895} 5896 5897.swiper-button-prev .icon-lg, .swiper-button-prev .icon-2x, .swiper-button-next .icon-lg, .swiper-button-next .icon-2x { 5898 font-size: 1.2em !important; 5899 vertical-align: -0.2em; 5900 line-height: .75em; 5901} 5902 5903/*============================================================================ 5904#Theme Variants 5905==============================================================================*/ 5906 5907.section-grid-home { 5908 position: relative; 5909 background: var(--gridbanners-background); 5910} 5911 5912.gridbanner-text { 5913 color: var(--gridbanners-foreground); 5914} 5915 5916.section-grid-home .no-gutters { 5917 margin-right: -15px; 5918 margin-left: -15px; 5919} 5920 5921@media (max-width: 767px) { 5922 .section-grid-home .no-gutters { 5923 margin-right: 0; 5924 margin-left: 0; 5925 } 5926} 5927 5928.section-grid-home .no-gutters>.col, .section-grid-home .no-gutters>[class*=col-] { 5929 padding: 15px; 5930} 5931 5932 5933@media (max-width: 767px) { 5934 .section-grid-home .no-gutters>.col, .section-grid-home .no-gutters>[class*=col-] { 5935 padding-top: 0; 5936 padding-bottom: 0; 5937 } 5938 5939 .section-grid-home [class*=col-]>.no-gutters>[class*=col-] { 5940 padding: 10px 0 0 0; 5941 } 5942} 5943 5944/* /Grid Banners */ 5945 5946.gridbanner .gridbanner-image{ 5947 -webkit-transform: scale(1); 5948 -moz-transform: scale(1); 5949 -ms-transform: scale(1); 5950 -o-transform: scale(1); 5951 transform: scale(1); 5952} 5953 5954.theme-round { 5955 border-radius: var(--theme-round); 5956} 5957 5958/*============================================================================ 5959 #Blog 5960==============================================================================*/ 5961 5962.post-item-image-container { 5963 position: relative; 5964 height: 200px; 5965 overflow: hidden; 5966 } 5967 5968 .post-item-image { 5969 width: 100%; 5970 height: 100%; 5971 object-fit: cover; 5972 } 5973 5974 .post-item-title, 5975 .post-item-summary {
5976 display: -webkit-box; 5977 -webkit-box-orient: vertical; 5978 -webkit-line-clamp: 3; 5979 overflow: hidden; 5980 text-overflow: ellipsis; 5981 line-height: 1.5em; 5982 } 5983 5984 .post-content, 5985 .post-content p { 5986 line-height: 1.8rem; 5987 } 5988 5989 .post-content h1, 5990 .post-content h2, 5991 .post-content h3, 5992 .post-content h4, 5993 .post-content h5, 5994 .post-content h6 { 5995 margin: 2rem 0 1rem 0; 5996 line-height: initial; 5997 } 5998 5999 .post-content h1, 6000 .post-content .h1 { 6001 font-size: var(--h2); 6002 } 6003 .post-content h2, 6004 .post-content .h2 { 6005 font-size: var(--h3); 6006 } 6007 .post-content h3, 6008 .post-content .h3 { 6009 font-size: var(--h4); 6010 } 6011 .post-content h4, 6012 .post-content .h4 { 6013 font-size: var(--h5); 6014 } 6015 .post-content h5, 6016 .post-content .h5 { 6017 font-size: var(--h6); 6018 } 6019 .post-content h6, 6020 .post-content .h6 { 6021 font-size: var(--font-base); 6022 } 6023 6024/*============================================================================ 6025#Media queries 6026==============================================================================*/ 6027 6028/* // Min width 768px */ 6029 6030@media (min-width: 768px) { 6031 6032 /* //// Components */ 6033 6034 .container-narrow { 6035 max-width: 840px; 6036 } 6037 6038 .row-md { 6039 margin-right: var(--gutter-negative); 6040 margin-left: var(--gutter-negative); 6041 } 6042 6043 .col-md-2-4 { 6044 -ms-flex: 0 0 20%; 6045 flex: 0 0 20%; 6046 max-width: 20%; 6047 } 6048 6049 .col-md-1-5 { 6050 -ms-flex: 0 0 10%; 6051 flex: 0 0 10%; 6052 max-width: 10%; 6053 } 6054 6055 .btn-big, 6056 .form-control-big, 6057 .form-select-big, 6058 .form-quantity-big { 6059 padding: 12px 15px; 6060 } 6061 6062 .logo-img { 6063 max-width: 250px; 6064 max-height: 75px; 6065 } 6066 6067 .logo-img-medium { 6068 max-width: 215px; 6069 max-height: 60px; 6070 } 6071 6072 .logo-img-small { 6073 max-width: 180px; 6074 max-height: 45px; 6075 } 6076 6077 .btn-add-to-cart { 6078 font-size: var(--font-base); 6079 } 6080 6081 /* Titles and breadcrumbs */ 6082 6083 .h1-md { 6084 font-size: var(--h1); 6085 } 6086 6087 .h1-huge, 6088 .h1-huge-md { 6089 font-size: var(--h1-huge-md); 6090 } 6091 6092 .h2-md { 6093 font-size: var(--h2); 6094 } 6095 6096 .h3-md { 6097 font-size: var(--h3); 6098 } 6099 6100 .h6-md { 6101 font-size: var(--h6); 6102 } 6103 6104 .font-md-body { 6105 font-size: var(--font-base)!important; 6106 } 6107 6108 .font-md-small { 6109 font-size: var(--font-small)!important; 6110 } 6111 6112 .font-md-big { 6113 font-size: var(--font-big)!important; 6114 } 6115 6116 /* Modal */ 6117 6118 .modal.mobal-bottom-sheet { 6119 border-radius: var(--border-radius); 6120 } 6121 6122 /* Notifications */ 6123 6124 .notification-floating { 6125 right: 15px; 6126 left: initial; 6127 width: 380px; 6128 } 6129 6130 .notification-fixed { 6131 right: 10px; 6132 width: 25%; 6133 } 6134 6135 .notification-fixed-bottom { 6136 bottom: 0; 6137 } 6138 6139 .tooltip { 6140 z-index: 10; 6141 } 6142 6143 /* Forms */ 6144 6145 /* //// Home */ 6146 6147 .slider-distance { 6148 padding: var(--section-distance) 0; 6149 } 6150 6151 .slider-container-full { 6152 position: relative; 6153 height: auto; 6154 } 6155 .slider-img-full { 6156 position: relative; 6157 width: 100%; 6158 height: auto; 6159 } 6160 .swiper-text, 6161 .slider-container-full .swiper-text { 6162 width: 45%; 6163 } 6164 .swiper-slide-active .swiper-text:not(.swiper-text-centered) { 6165 left: 10%; 6166 } 6167 .swiper-title, 6168 .slider-container-full .swiper-title { 6169 font-size: 54px; 6170 line-height: 1; 6171 } 6172 .swiper-text .btn { 6173 font-size: 12px; 6174 padding: 10px 15px; 6175 } 6176 6177 /* // Banners */ 6178 6179 .textbanner-image-horizontal-plus { 6180 padding-top: 40%; 6181 } 6182 6183 .banner-slider { 6184 height: 360px; 6185 overflow:hidden; 6186 } 6187 .banner-slider img { 6188 height: 100%; 6189 width: auto; 6190 } 6191 6192 .gridbanners { 6193 display: grid; 6194 grid-template-columns: repeat(2, 1fr); 6195 grid-template-rows: repeat(2, 1fr); 6196 grid-gap: 20px; 6197 height: auto; 6198 } 6199 6200 .gridbanners[data-layout="4"] { 6201 grid-template-columns: repeat(4, 1fr); 6202 } 6203 6204 .gridbanners[data-layout="1"] { 6205 grid-template-areas: 6206 "banner1 banner1" 6207 "banner1 banner1"; 6208 } 6209 6210 .gridbanners[data-layout="2"] { 6211 grid-template-areas: 6212 "banner1 banner2" 6213 "banner1 banner2"; 6214 } 6215 6216 .gridbanners[data-layout="3"] { 6217 grid-template-areas: 6218 "banner1 banner2" 6219 "banner1 banner3"; 6220 } 6221 6222 .gridbanners[data-layout="4"] { 6223 grid-template-areas: 6224 "banner1 banner1 banner2 banner2" 6225 "banner1 banner1 banner3 banner4"; 6226 } 6227 6228 .gridbanner { 6229 position: relative; 6230 display: flex; 6231 padding-top: 0; 6232 width: 100%; 6233 height: 100%; 6234 margin-bottom: 0; 6235 align-items: center; 6236 justify-content: center; 6237 } 6238 6239 .gridbanners[data-layout="2"] .gridbanner { 6240 padding-top: 100%; 6241 } 6242 6243 .embed-responsive.embed-responsive-1by1 { 6244 padding-bottom: 56.25%; 6245 } 6246 6247 /* // Home page */ 6248
6249 .swiper-desktop-only.row-grid { 6250 margin: 0; 6251 } 6252 .swiper-desktop-only .col-grid { 6253 padding: 0; 6254 flex: none; 6255 max-width: inherit; 6256 } 6257 .swiper-mobile-only.row-grid { 6258 width: auto; 6259 margin-right: var(--gutter-half-negative); 6260 margin-left: var(--gutter-half-negative); 6261 } 6262 6263 .swiper-mobile-only .col-grid { 6264 padding-right: var(--gutter-half); 6265 padding-left: var(--gutter-half); 6266 } 6267 .swiper-mobile-only.no-gutters .col-grid { 6268 padding: 0; 6269 } 6270 .swiper-mobile-only .col-md-2 { 6271 max-width: 16.666667%; 6272 } 6273 .swiper-mobile-only .col-md-2-4 { 6274 max-width: 20%; 6275 } 6276 .swiper-mobile-only .col-md-3 { 6277 max-width: 25%; 6278 } 6279 .swiper-mobile-only .col-md-4 { 6280 max-width: 33.333333%; 6281 } 6282 .swiper-mobile-only .col-md-6 { 6283 max-width: 50%; 6284 } 6285 6286 .section-institutional:not(.institutional-full-width):not(.text-center) .section-title:after { 6287 margin-left: 0; 6288 } 6289 6290 /* // Categories */ 6291 .filter-input-price-container { 6292 justify-content: space-between; 6293 } 6294 6295 .filter-input-price-container .form-control { 6296 padding: 10px; 6297 } 6298 6299 /* // Cart Page */ 6300 6301 .cart-banner { 6302 height: auto; 6303 max-width: 420px; 6304 object-fit: contain; 6305 } 6306 6307 // Item 6308 6309 .item .item-name { 6310 font-size: var(--item-name-size); 6311 } 6312 .item .item-featured-price { 6313 font-size: var(--item-price-size); 6314 } 6315 6316 .item-name-container, 6317 .item-price-container { 6318 padding: 10px 8px 0; 6319 } 6320 6321 .item-product-reduced .item-image, 6322 .item-product-reduced .item-image img { 6323 height: 180px; 6324 } 6325 6326 .item .form-control { 6327 font-size: var(--font-base); 6328 } 6329 6330 // Quickshop 6331 6332 .quickshop-image { 6333 max-width: 100%; 6334 } 6335 6336 // Labels 6337 6338 .adbar-item.swiper-slide { 6339 width: auto; 6340 } 6341 6342 // Footer 6343 6344 .contact-item { 6345 justify-content: flex-start; 6346 } 6347 6348 /* //// Product detail */ 6349 6350 .product-video-container { 6351 padding: 0; 6352 } 6353 .product-detail-slider { 6354 visibility: visible!important; 6355 height: auto!important; 6356 max-height: none; 6357 } 6358 .product-detail-slider .product-slider-image { 6359 max-height: 2200px; 6360 } 6361 6362 .product-with-one-image { 6363 padding-left: 100px; 6364 } 6365 .product-thumbs-container { 6366 width: 100px; 6367 } 6368 .swiper-product-thumb { 6369 position: relative; 6370 height: 560px; 6371 } 6372 .swiper-product-thumb .swiper-slide { 6373 height: auto; 6374 } 6375 .product-thumb { 6376 width: 100%; 6377 height: auto; 6378 } 6379 .product-thumb img{ 6380 height: 100%; 6381 } 6382 .product-thumb.selected { 6383 opacity: 0.6; 6384 } 6385 .swiper-product-thumb-control { 6386 background: var(--main-background); 6387 position: relative; 6388 float: none; 6389 height: 30px; 6390 margin: 0 auto; 6391 line-height: 20px; 6392 border-radius: 0; 6393 } 6394 .swiper-product-thumb-control.swiper-button-next { 6395 line-height: 40px; 6396 } 6397 6398 .product-thumbs-controls { 6399 position: absolute; 6400 width: 100%; 6401 z-index: 2; 6402 } 6403 6404 .product-thumbs-controls.product-thumbs-prev { 6405 top: 0; 6406 } 6407 6408 .product-thumbs-controls.product-thumbs-next { 6409 bottom: 0; 6410 } 6411 6412 .swiper-product-thumb-control { 6413 width: 100%; 6414 } 6415 6416 .product-thumbs-controls .swiper-button-disabled { 6417 opacity: 0; 6418 visibility: hidden; 6419 } 6420 6421 .product-name-fixed { 6422 font-size: var(--h3); 6423 } 6424 6425 .price-compare-fixed { 6426 font-size: var(--font-base); 6427 } 6428 .price-display-fixed { 6429 font-size: var(--h4); 6430 } 6431 6432} 6433 6434/* Instafeed */ 6435 6436.section-instafeed { 6437 background: var(--instafeed-background); 6438 color: var(--instafeed-foreground); 6439} 6440 6441.section-instafeed svg { 6442 fill: var(--instafeed-foreground); 6443} 6444 6445.instafeed-title { 6446 color: var(--instafeed-foreground); 6447 font-weight: var(--font-weight-bold); 6448 font-size: var(--instafeed-font-size); 6449 &:hover { 6450 color: inherit; 6451 opacity: 0.6; 6452 } 6453} 6454 6455/* // Footer */ 6456 6457footer:not(.footer-home,.footer-institutional) { 6458 margin-top: 2em; 6459 border-top: 1px solid var(--main-foreground-opacity-10); 6460} 6461 6462footer.main-footer { 6463 font-size: var(--font-base); 6464} 6465 6466footer .logo-img { 6467 margin-top: 0; 6468 margin-bottom: 0; 6469} 6470 6471footer h3, 6472footer h4 { 6473 font-weight: 500; 6474} 6475 6476.footer-legal h5 { 6477 font-weight: normal; 6478} 6479 6480.footer-payments-shipping-logos .footer-payments .logos .icon-pix { 6481 background: #fff; 6482} 6483 6484footer .icon-logo { 6485 background: #fff; 6486} 6487 6488.footer-menu-link { 6489 font-size: var(--font-base); 6490} 6491 6492.col-social { 6493 min-width: 25%; 6494} 6495 6496/*============================================================================ 6497#Helper classes 6498==============================================================================*/ 6499 6500/*CSS properties helpers minified, to unminify it you have to copy the code and paste it here http://unminify.com/, after that paste the unminified code here */ 6501 6502/* // Margin and padding */ 6503.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.mt-3n{margin-top:-1rem!important}.mt-4n{margin-top:-1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}
6503@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}
6503.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}
6503.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.my-neg-1{margin-top:-1px!important;margin-bottom:-1px!important}.mx-neg-1{margin-right:-1px!important;margin-left:-1px!important}.mb-neg-1{margin-bottom:-1px!important} 6504 6505/* // Text */ 6506.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-underline{text-decoration:underline!important}.font-weight-light{font-weight:300!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:600!important}.font-italic{font-style:italic!important} 6507 6508/* // Align */ 6509.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-sub{vertical-align:sub!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.align-item-middle{position:relative;top:50%;transform:translateY(-50%)} 6510 6511/* // Position */ 6512.position-sticky{position: sticky!important; position: -webkit-sticky;}.position-relative{position:relative!important}.position-absolute{position:absolute!important;}.position-fixed{position:fixed!important} 6513 6514/* // Image */ 6515.img-fluid {max-width:100%;height:auto} 6516 6517/* // Visibility */ 6518.hidden{display:none}.hidden-important{display:none!important;}.opacity-30{opacity: .3!important}.opacity-50{opacity: .5}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.overflow-none{overflow:hidden} 6519 6520/* // Float */ 6521.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important} 6522 6523/* // Width */ 6524.w-100{width:100%!important}.w-auto{width:auto!important} 6525 6526/* // Height */ 6527.h-100{height:100%!important}.h-auto{height:auto!important} 6528 6529@media (min-width: 768px) { 6530 6531 /* // Margin and padding */ 6532 .mr-md-neg-1{margin-right:-1px!important} 6533 6534 /* // Position */ 6535 6536 .position-relative-md{position:relative!important;}.position-sticky-md{position:sticky!important;position:-webkit-sticky!important;}.position-fixed-md{position:fixed!important;position:-webkit-fixed!important;}.position-absolute-md{position:absolute!important;} 6537 6538 /* // Float */ 6539 6540 .float-md-right{float:right!important;}.float-md-none{float:none!important;} 6541 6542 /* // Width */ 6543 .w-md-100{width:100%!important}.w-md-50{width:50%!important}.w-md-auto{width:auto!important} 6544 6545 /* // Max width */ 6546 .mw-md-100{max-width:100%!important}.mw-md-50{max-width:50%!important}.mw-md-33{max-width:33.333%!important}.mw-md-25{max-width:25%!important} 6547 6548 /* // Align */ 6549 6550 .justify-content-center-md{-ms-flex-pack:center!important;justify-content:center!important;} 6551 6552 /* // Visibility */ 6553 6554 .opacity-md-50{opacity: .5} 6555 6556 /* // Icons */ 6557 6558 .icon-desktop-lg {font-size: 1.33333em;line-height: .75em;vertical-align: -.0667em;} 6559} 6560 6561 6562/*============================================================================ 6563#Footer 6564==============================================================================*/ 6565 6566footer { 6567 color: var(--footer-foreground); 6568 background: var(--footer-background); 6569} 6570footer a { 6571 color: var(--footer-foreground); 6572} 6573footer .h4 { 6574 color: var(--footer-titles); 6575} 6576footer svg { 6577 fill: var(--footer-icons); 6578} 6579footer .social-icon svg { 6580 fill: var(--footer-social-icons); 6581} 6582 6583.footer-form { 6584 background: var(--footer-form-background); 6585 color: var(--footer-form-foreground); 6586} 6587 6588.footer-form .form-control { 6589 background-color: var(--footer-form-input-background); 6590 color: var(--footer-form-input-foreground); 6591} 6592.footer-form a { 6593 color: var(--footer-form-foreground); 6594} 6595.footer-form .h4 { 6596 color: var(--footer-form-foreground); 6597} 6598.footer-form .btn { 6599 background: var(--footer-form-button-background); 6600 color: var(--footer-form-button-foreground); 6601} 6602 6603.footer-form .form-control::-webkit-input-placeholder { 6604 color: var(--footer-form-input-foreground-opacity-50); 6605} 6606.footer-form .form-control:-moz-placeholder { 6607 color: var(--footer-form-input-foreground-opacity-50); 6608} 6609.footer-form .form-control::-moz-placeholder { 6610 color: var(--footer-form-input-foreground-opacity-50); 6611} 6612.footer-form .form-control:-ms-input-placeholder { 6613 color: var(--footer-form-input-foreground-opacity-50); 6614} 6615 6616.footer-legal { 6617 svg { 6618 fill: var(--footer-foreground); 6619 } 6620} 6621 6622.newsletter input { 6623 margin-right: 8px; 6624} 6625 6626.newsletter .btn { 6627 margin-right: 0; 6628 white-space: nowrap; 6629} 6630 6631.contact-item { 6632 margin-bottom: 8px; 6633} 6634@media (max-width: 767px) { 6635 .contact-item { 6636 justify-content: center; 6637 max-width: 80%; 6638 margin: 5px 10%; 6639 } 6640} 6641 6642 </style> 6643 6644 6645 <style> 6646 6647 6648 6649 6650 $background-color: #ffffff; 6651 6652 $text-color: #181818; 6653 6654 $primary-color: #000000; 6655 $secondary-color: #000000; 6656 6657 $accent-color: #8e44ad; 6658 6659 6660@function brightness($color) { 6661 $sum: red($color) + green($color) + blue($color); 6662 @return percentage($sum / (255*3)); 6663} 6664 6665@function set-foreground-color($bg-color, $foreground-color) { 6666 @if (lightness($bg-color) > 50) { 6667 @return $foreground-color; // Lighter background, return dark color 6668 } @else { 6669 @return lighten($foreground-color, 15%);
6669 // Darker background, return light color 6670 } 6671} 6672 6673@function set-foreground-color-invert($bg-color, $foreground-color) { 6674 @if (lightness($bg-color) > 50) { 6675 @return darken($foreground-color, 100%); // black foreground over white background 6676 } @else { 6677 @return lighten($foreground-color, 15%); // no dark foreground on dark background 6678 } 6679} 6680 6681@function set-foreground-color-footer($bg-color, $foreground-color) { 6682 @if (lightness($bg-color) > 50) { 6683 @return $foreground-color; // Lighter backgorund, return dark color 6684 } @else { 6685 @return lighten($foreground-color, 30%); // Darker background, return light color 6686 } 6687} 6688 6689@function set-subnav-color($nav-color) { 6690 @if (lightness($nav-color) > 25) { 6691 @return rgba(0,0,0,0.05); // Lighter backgorund, return dark color 6692 } @else { 6693 @return rgba(255,255,255,0.05); // Darker background, return light color 6694 } 6695} 6696 6697@function dark-color() { 6698 $primary-color: #000000; 6699 $secondary-color: #000000; 6700 6701 @if (brightness($secondary-color) > 66) { 6702 @return $primary-color; // Lighter background, return dark color 6703 } @else { 6704 @return $secondary-color; // Darker background, return light color 6705 } 6706} 6707 6708@function darker-color() { 6709 $primary-color: #000000; 6710 $secondary-color: #000000; 6711 6712 @if (brightness($secondary-color) > brightness($primary-color)) { 6713 @return $primary-color; 6714 } @else { 6715 @return $secondary-color; 6716 } 6717} 6718 6719@function lighter-color() { 6720 $primary-color: #000000; 6721 $secondary-color: #000000; 6722 6723 @if (brightness($secondary-color) > brightness($primary-color)) { 6724 @return $secondary-color; 6725 } @else { 6726 @return $primary-color; 6727 } 6728} 6729 6730@function text-on-primary() { 6731 $primary-color: #000000; 6732 $secondary-color: #000000; 6733 6734 @if (brightness($primary-color) > 66) { 6735 @return $secondary-color; // Lighter background, return dark color 6736 } @else { 6737 @return $background-color; // Darker background, return light color 6738 } 6739} 6740 6741@function dark-brand-color() { 6742 $primary-color: #000000; 6743 $text-color: #181818; 6744 6745 @if (brightness($primary-color) < 66) { 6746 @return $primary-color; 6747 } @else { 6748 @return $text-color; 6749 } 6750} 6751 6752@function light-color() { 6753 $primary-color: #000000; 6754 $background-color: #ffffff; 6755 $secondary-color: #000000; 6756 6757 @if (brightness($primary-color) > 66) { 6758 @return $primary-color; // Lighter background, return dark color 6759 } @else if (brightness($secondary-color) > 66) { 6760 @return $secondary-color; 6761 } @else { 6762 @return $background-color; // Darker background, return light color 6763 } 6764} 6765 6766@function accent-color() { 6767 $primary-color: #000000; 6768 $secondary-color: #000000; 6769 $accent-color: #8e44ad; 6770 6771 @if (brightness($primary-color) > 66) { 6772 @return $primary-color; // Lighter background, return dark color 6773 } @else if (brightness($secondary-color) > 66) { 6774 @return $secondary-color; 6775 } @else { 6776 @return $accent-color; // Darker background, return accent color 6777 } 6778} 6779 6780@function calc-brightness() { 6781 $primary-color: #000000; 6782 $background-color: #ffffff; 6783 $secondary-color: #000000; 6784 6785 @if (brightness($primary-color) > 66) { 6786 @return brightness($primary-color); // Lighter background, return dark color 6787 } @else if (brightness($secondary-color) > 66) { 6788 @return brightness($secondary-color); 6789 } @else { 6790 @return $background-color; // Darker background, return light color 6791 } 6792} 6793 6794// See https://www.w3.org/TR/AERT/#color-contrast for original algorithm used for this function 6795@function color-difference($foreground, $background) { 6796 $r: (max(red($foreground), red($background))) - (min(red($foreground), red($background))); 6797 $g: (max(green($foreground), green($background))) - (min(green($foreground), green($background))); 6798 $b: (max(blue($foreground), blue($background))) - (min(blue($foreground), blue($background))); 6799 $sum-rgb: $r + $g + $b; 6800 6801 @if $sum-rgb < 500 { 6802 @return "false"; 6803 } @else { 6804 @return "true"; 6805 } 6806} 6807 6808@function color-or-color() { 6809 6810 $c1: #000000; 6811 $c2: #000000; 6812 $background: #ffffff; 6813 6814 $r1: (max(red($c1), red($background))) - (min(red($c1), red($background))); 6815 $g1: (max(green($c1), green($background))) - (min(green($c1), green($background))); 6816 $b1: (max(blue($c1), blue($background))) - (min(blue($c1), blue($background))); 6817 $sum-rgb1: $r1 + $g1 + $b1; 6818 6819 $r2: (max(red($c2), red($background))) - (min(red($c2), red($background))); 6820 $g2: (max(green($c2), green($background))) - (min(green($c2), green($background))); 6821 $b2: (max(blue($c2), blue($background))) - (min(blue($c2), blue($background))); 6822 $sum-rgb2: $r2 + $g2 + $b2; 6823 6824 @if $sum-rgb1 < $sum-rgb2 { 6825 @return $c2; 6826 } @else { 6827 @return $c1; 6828 } 6829} 6830 6831$dark-color: dark-color(); 6832$darker-color: darker-color(); 6833$lighter-color: lighter-color(); 6834$dark-brand-color: dark-brand-color(); 6835$text-on-primary: text-on-primary(); 6836$light-color: light-color();
6837$color-color: accent-color(); 6838$priority-color: color-or-color(); 6839 6840 6841 6842 6843%section-margin { 6844 margin-bottom: 70px; 6845} 6846%element-margin { 6847 margin-bottom: 20px; 6848} 6849%element-margin-half { 6850 margin-bottom: 10px; 6851} 6852 6853 6854@mixin text-decoration-none(){ 6855 text-decoration: none; 6856 outline: 0; 6857 &:hover, 6858 &:focus{ 6859 text-decoration: none; 6860 outline: 0; 6861 } 6862} 6863 6864@mixin no-wrap(){ 6865 white-space: nowrap; 6866 overflow: hidden; 6867 text-overflow: ellipsis; 6868 font-weight: normal; 6869} 6870 6871@mixin drop-shadow(){ 6872 -moz-box-shadow: 0 0 3px #ccc; 6873 -webkit-box-shadow: 0 0 3px #ccc; 6874 box-shadow: 0 0 3px #ccc; 6875} 6876 6877@mixin text-contrast($n) { 6878 $color-brightness: round((red($n) * 299) + (green($n) * 587) + (blue($n) * 114) / 1000); 6879 $light-color: round((red(#ffffff) * 299) + (green(#ffffff) * 587) + (blue(#ffffff) * 114) / 1000); 6880 6881 @if abs($color-brightness) < ($light-color/2){ 6882 color: white; 6883 } 6884 @else { 6885 color: black; 6886 } 6887} 6888 6889@mixin contrast($f, $b) { 6890 @while (color-difference($f, $b) == "false") { 6891 color: $f; 6892 $f: darken($f, 1%); 6893 @if (color-difference($f, $b) == "true") { 6894 color: $f; 6895 } 6896 } 6897} 6898 6899 6900@mixin prefix($property, $value, $prefixes: ()) { 6901 @each $prefix in $prefixes { 6902 #{'-' + $prefix + '-' + $property}: $value; 6903 } 6904 #{$property}: $value; 6905} 6906 6907 6908%simplefade { 6909 transition: all 0.5s ease; 6910} 6911 6912 6913%body-font { 6914 font-size: 14px; 6915 } 6916 6917.box{ 6918 float: left; 6919 width: 100%; 6920 margin-bottom: 10px; 6921 padding: 10px; 6922} 6923 6924 6925.placeholder-container{ 6926 background-color:rgba($secondary-color, 0.1); 6927} 6928.placeholder-color{ 6929 background-color:rgba($secondary-color, 0.07); 6930} 6931.placeholder-icon svg{ 6932 fill:rgba($secondary-color, 0.2); 6933} 6934.placeholder-page{ 6935 background: $secondary-color; 6936 &:hover, 6937 &.active{ 6938 background: $primary-color; 6939 opacity: 0.8; 6940 } 6941} 6942.placeholder-shine{ 6943 background-color:rgba($secondary-color, 0.2); 6944} 6945 6946.placeholder-overlay { 6947 background-color:rgba($secondary-color, 0.3); 6948 opacity: 0; 6949 &:hover, 6950 &:active, 6951 &:focus { 6952 opacity: 1; 6953 } 6954} 6955 6956.placeholder-info { 6957 color: $background-color; 6958 fill: $background-color; 6959 background-color: $primary-color; 6960 box-shadow: 0 1px 3px rgba(0,0,0,0.5); 6961 .placeholder-button { 6962 color: $primary-color; 6963 background-color: $background-color; 6964 opacity: 1; 6965 &:hover { 6966 opacity: .8; 6967 } 6968 } 6969} 6970 6971.spinner-square { 6972 width: 20px; 6973 height: 10px; 6974 position: relative; 6975 margin: -20px auto 60px auto; 6976 animation: spinner-square 1s linear alternate infinite; 6977} 6978 6979.spinner-square-invert { 6980 @extend .spinner-square; 6981 animation: spinner-square-invert 1s linear alternate infinite; 6982} 6983 6984@keyframes spinner-square { 6985 0% { 6986 box-shadow: -60px 40px 0 2px rgba($secondary-color, 0.2), -30px 40px 0 0 rgba($secondary-color, 0.1), 0 40px 0 0 rgba($secondary-color, 0.1), 30px 40px 0 0 rgba($secondary-color, 0.1), 60px 40px 0 0 rgba($secondary-color, 0.1); 6987 } 6988 25% { 6989 box-shadow: -60px 40px 0 0 rgba($secondary-color, 0.1), -30px 40px 0 2px rgba($secondary-color, 0.2), 0 40px 0 0 rgba($secondary-color, 0.1), 30px 40px 0 0 rgba($secondary-color, 0.1), 60px 40px 0 0 rgba($secondary-color, 0.1); 6990 } 6991 50% { 6992 box-shadow: -60px 40px 0 0 rgba($secondary-color, 0.1), -30px 40px 0 0 rgba($secondary-color, 0.1), 0 40px 0 2px rgba($secondary-color, 0.2), 30px 40px 0 0 rgba($secondary-color, 0.1), 60px 40px 0 0 rgba($secondary-color, 0.1); 6993 } 6994 75% { 6995 box-shadow: -60px 40px 0 0 rgba($secondary-color, 0.1), -30px 40px 0 0 rgba($secondary-color, 0.1), 0 40px 0 0 rgba($secondary-color, 0.1), 30px 40px 0 2px rgba($secondary-color, 0.2), 60px 40px 0 0 rgba($secondary-color, 0.1); 6996 } 6997 100% { 6998 box-shadow: -60px 40px 0 0 rgba($secondary-color, 0.1), -30px 40px 0 0 rgba($secondary-color, 0.1), 0 40px 0 0 rgba($secondary-color, 0.1), 30px 40px 0 0 rgba($secondary-color, 0.1), 60px 40px 0 2px rgba($secondary-color, 0.2); 6999 } 7000} 7001 7002@keyframes spinner-square-invert { 7003 0% { 7004 box-shadow: -60px 40px 0 2px rgba($background-color, 0.2), -30px 40px 0 0 rgba($background-color, 0.1), 0 40px 0 0 rgba($background-color, 0.1), 30px 40px 0 0 rgba($background-color, 0.1), 60px 40px 0 0 rgba($background-color, 0.1
7004); 7005 } 7006 25% { 7007 box-shadow: -60px 40px 0 0 rgba($background-color, 0.1), -30px 40px 0 2px rgba($background-color, 0.2), 0 40px 0 0 rgba($background-color, 0.1), 30px 40px 0 0 rgba($background-color, 0.1), 60px 40px 0 0 rgba($background-color, 0.1); 7008 } 7009 50% { 7010 box-shadow: -60px 40px 0 0 rgba($background-color, 0.1), -30px 40px 0 0 rgba($background-color, 0.1), 0 40px 0 2px rgba($background-color, 0.2), 30px 40px 0 0 rgba($background-color, 0.1), 60px 40px 0 0 rgba($background-color, 0.1); 7011 } 7012 75% { 7013 box-shadow: -60px 40px 0 0 rgba($background-color, 0.1), -30px 40px 0 0 rgba($background-color, 0.1), 0 40px 0 0 rgba($background-color, 0.1), 30px 40px 0 2px rgba($background-color, 0.2), 60px 40px 0 0 rgba($background-color, 0.1); 7014 } 7015 100% { 7016 box-shadow: -60px 40px 0 0 rgba($background-color, 0.1), -30px 40px 0 0 rgba($background-color, 0.1), 0 40px 0 0 rgba($background-color, 0.1), 30px 40px 0 0 rgba($background-color, 0.1), 60px 40px 0 2px rgba($background-color, 0.2); 7017 } 7018} 7019 7020 7021.divider{ 7022 margin-top: 20px; 7023 margin-bottom: 20px; 7024 clear: both; 7025} 7026 7027 7028.subtitle { 7029 .crumb { 7030 font-size: 16px; 7031 color: rgba($secondary-color, .5); 7032 } 7033 .divider { 7034 svg { 7035 vertical-align: 0; 7036 opacity: 0.5; 7037 } 7038 } 7039 h3.crumb.active { 7040 color: $secondary-color; 7041 font-size: 16px; 7042 } 7043} 7044 7045.breadcrumbs { 7046 .crumb { 7047 font-size: 13px; 7048 } 7049 .divider { 7050 svg { 7051 vertical-align: 0; 7052 } 7053 } 7054 .crumb.active { 7055 color: $primary-color; 7056 } 7057} 7058 7059.contact-product-page { 7060 .divider { 7061 border-bottom: 1px solid #e5e5e5; 7062 } 7063} 7064 7065 7066.page-header { 7067 @extend %element-margin; 7068 padding: 16px 0; 7069 background: rgba($secondary-color, .03); 7070 border-bottom: 1px solid rgba($text-color,.05); 7071 h1, .h1{ 7072 margin-bottom: 0; 7073 } 7074 &-slim { 7075 padding: 15px 0; 7076 background: none; 7077 } 7078} 7079 7080.page-header-product { 7081 padding: 0; 7082 margin: 0 0 10px; 7083 font-size: 12px; 7084} 7085 7086 7087.header-logo-row { 7088 padding: 5px 0; 7089 .logo-text-container { 7090 padding: 20px 5px; 7091 } 7092} 7093 7094 7095.link-invert { 7096 color: $background-color; 7097 fill: $background-color; 7098 &:hover, 7099 &:focus{ 7100 color: rgba($background-color, .8); 7101 fill: rgba($background-color, .8); 7102 } 7103} 7104 7105.btn-sort { 7106 color: $primary-color; 7107 fill: $primary-color; 7108 cursor: pointer; 7109 text-decoration: underline; 7110 &.invert{ 7111 color: $background-color; 7112 fill: $background-color; 7113 &:hover, 7114 &:focus{ 7115 color: $background-color; 7116 fill: $background-color; 7117 opacity: 0.5; 7118 } 7119 } 7120 &-primary{ 7121 &:hover, 7122 &:focus{ 7123 opacity: 0.5; 7124 } 7125 } 7126 &.no-underline { 7127 text-decoration: none; 7128 } 7129} 7130 7131 7132.chip{ 7133 color: $primary-color; 7134 background-color: rgba($primary-color, .08); 7135 &-remove-icon { 7136 background-color: $background-color; 7137 fill: $primary-color; 7138 } 7139} 7140 7141 7142.bar-progress { 7143 background: #eee; 7144 &-active::before { 7145 content:""; 7146 position:absolute; 7147 top:0; 7148 left:0; 7149 right:0; 7150 bottom:0; 7151 background-image: linear-gradient(90deg, rgba(255,56,95,1) 0%, rgba(255,221,87,1) 50%, rgba(32,209,96,1) 100%); 7152 } 7153 &-active { 7154 -webkit-mask:linear-gradient(#fff 0 0); 7155 mask:linear-gradient(#fff 0 0); 7156 } 7157 &-check { 7158 background-color: $background-color; 7159 fill: #20d160; 7160 } 7161} 7162.ship-free-rest-text, 7163.ship-free-rest-message { 7164 .text-accent { 7165 color: $text-color; 7166 } 7167} 7168 7169 7170.modal{ 7171 color: $text-color; 7172 background-color: $background-color; 7173} 7174 7175.modal-centered-custom { 7176 .modal-header { 7177 background: rgba($text-color,.05); 7178 } 7179} 7180 7181.modal-search-bg { 7182 display: block; 7183 position: absolute; 7184 top: 0; 7185 left: 0; 7186 right: 0; 7187 bottom: 0; 7188 background: rgba($background-color, .9); 7189} 7190 7191 7192 7193 7194.gridbanner { 7195 .btn-line { 7196 color: $background-color; 7197 fill: $background-color; 7198 border-color: $background-color; 7199 padding: 8px 20px 8px 24px; 7200 line-height: 18px; 7201 font-size: 14px; 7202 } 7203} 7204 7205 7206.tab-group{ 7207 border-bottom: 1px solid rgba($secondary-color, .1); 7208 .tab{ 7209 &-link{ 7210 color: $secondary-color; 7211 } 7212 &.active{ 7213 .tab-link{ 7214 border-bottom: 2px solid rgba($primary-color, .5); 7215 color: $primary-color; 7216 } 7217 } 7218 } 7219} 7220 7221 7222.swiper-text { 7223 @extend %simplefade; 7224 opacity: 0; 7225} 7226.swiper-slide-active .swiper-text { 7227 opacity: 1; 7228} 7229 7230.swiper-pagination-fraction{ 7231 border-bottom: 1px solid rgba($text-color, .2); 7232} 7233 7234.swiper-dark { 7235 color: $secondary-color; 7236} 7237 7238.swiper-light { 7239 color: $background-color; 7240} 7241 7242.swiper-pagination-bullet { 7243 background: $primary-color !important; 7244} 7245 7246 7247.shadow { 7248 &-none { 7249 box-shadow: 0 0px 0px rgba(0,0,0,0.05), 7250 0 0px 0px rgba(0,0,0,0.05), 7251 0 0px 0px rgba(0,0,0,0.05), 7252 0 0px 0px rgba(0,0,0,0.05), 7253 0 0px 0px rgba(0,0,0,0.05); 7254 } 7255 &-shorter { 7256 box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); 7257 border-radius: 5px; 7258 } 7259 &-longer { 7260 box-shadow: 0 2px 1px rgba(0,0,0,0.09), 7261 0 4px 2px rgba(0,0,0,0.09), 7262 0 8px 4px rgba(0,0,0,0.09), 7263 0 16px 8px rgba(0,0,0,0.09), 7264 0 32px 16px rgba(0,0,0,0.09); 7265 } 7266 &-soft { 7267 box-shadow: 0 1px 2px rgba(0,0,0,0.07), 7268 0 2px 4px rgba(0,0,0,0.07), 7269 0 4px 8px rgba(0,0,0,0.07), 7270 0 8px 16px rgba(0,0,0,0.07), 7271 0 16px 32px rgba(0,0,0,0.07), 7272 0 32px 64px rgba(0,0,0,0.07); 7273 } 7274 &-banner { 7275 box-shadow: 0 0 7px rgba(0,0,0,0.1); 7276 } 7277} 7278
7279.zoom-in { 7280 & { 7281 transition: 250ms all ease-in-out; 7282 } 7283 &:hover { 7284 transform: scale(1.04); 7285 } 7286} 7287 7288 7289.custom-scrollbar::-webkit-scrollbar-track { 7290 background: rgba($secondary-color, .15); 7291} 7292 7293.custom-scrollbar::-webkit-scrollbar-thumb { 7294 background: rgba($background-color, .9); 7295} 7296 7297.custom-scrollbar::-webkit-scrollbar-thumb:hover { 7298 background: rgba($background-color, .7); 7299} 7300 7301 7302/*============================================================================ 7303 #Home Page 7304==============================================================================*/ 7305 7306 7307.nav-menu-box { 7308 &-title { 7309 border-bottom: 1px solid rgba($background-color, .2); 7310 } 7311 .nav-primary { 7312 .nav-list { 7313 &-link { 7314 color: $background-color; 7315 fill: $background-color; 7316 } 7317 } 7318 } 7319 .list-subitems { 7320 background-color: darken($background-color,2%); 7321 .list-subitems { 7322 background-color: darken($background-color,4%); 7323 } 7324 } 7325 .nav-item { 7326 &:before { 7327 background-color: set-subnav-color(#eee); 7328 opacity: .4; 7329 } 7330 } 7331} 7332 7333.desktop-dropdown, 7334.desktop-dropdown ul, 7335.subutility-list { 7336 border-radius: 3px; 7337 } 7338 7339.navigation-separator { 7340 content: ''; 7341 width: 1px; 7342 height: 30px; 7343 position: absolute; 7344 top: 50%; 7345 right: 0; 7346 -webkit-transform: translateY(-50%); 7347 -moz-transform: translateY(-50%); 7348 -o-transform: translateY(-50%); 7349 transform: translateY(-50%); 7350 background: rgba($secondary-color,.1); 7351} 7352 7353.item-with-subitems ul { 7354 .navigation-separator { 7355 display:none; 7356 } 7357} 7358 7359.nav-desktop-list .nav-item:last-child { 7360 .navigation-separator { 7361 display:none; 7362 } 7363} 7364 7365 7366.fill-star { 7367 fill: #ffc107; 7368} 7369 7370.home-testimonials { 7371 .swiper-button-prev { 7372 left: -30px; 7373 } 7374 .swiper-button-next { 7375 right: -30px; 7376 } 7377} 7378 7379/*============================================================================ 7380 #Product grid 7381==============================================================================*/ 7382 7383 7384.item { 7385 7386 &-description { 7387 &-container { 7388 &.show-sizes { 7389 background: $background-color; 7390 } 7391 background: $background-color; 7392 padding: 10px 10px 3px; 7393 } 7394 } 7395 7396 .placeholder-image { 7397 background: $background-color; 7398 } 7399 7400 &-link { 7401 color: $text-color; 7402 } 7403 7404 &-installments { 7405 color: $text-color; 7406 } 7407 7408 &-actions { 7409 // border-top: 1px solid rgba($secondary-color, .05); 7410 &-line { 7411 // border-left: 1px solid rgba($secondary-color, .05); 7412 } 7413 } 7414 7415 &-buy-close { 7416 background: $secondary-color; 7417 color: $background-color; 7418 } 7419 7420 &.no-borders { 7421 .item-image { 7422 border: none; 7423 } 7424 &.item-horizontal { 7425 .item-image { 7426 border: 10px solid transparent; 7427 } 7428 } 7429 & > .product-container { 7430 border: none; 7431 &:hover { 7432 box-shadow: none; 7433 } 7434 } 7435 } 7436 7437} 7438 7439 7440.filter-remove { 7441 color: $primary-color; 7442 background: none; 7443 border: 1px solid rgba($primary-color,0.2); 7444 &:after{ 7445 content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23000000"><path d="M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z"/></svg>'); 7446 } 7447} 7448 7449.pagination-bottom { 7450 padding: 15px; 7451 border-radius: 5px; 7452 background: #fafafa; 7453} 7454 7455 7456/*============================================================================ 7457 #Product detail 7458==============================================================================*/ 7459 7460 7461.thumb-see-more{ 7462 background-color: rgba($background-color, .5); 7463 color: $primary-color; 7464 &:hover{ 7465 background-color: rgba($background-color, .9); 7466 } 7467} 7468 7469 7470.product-promo-container { 7471 border: 2px solid $accent-color; 7472 border-radius: var(--theme-round); 7473} 7474 7475.social-share { 7476 @extend %element-margin; 7477 .social-share-button { 7478 color: $secondary-color; 7479 } 7480} 7481 7482.product-variants { 7483 margin-bottom: 20px; 7484 border-bottom:1px solid rgba($secondary-color, .1); 7485} 7486 7487.product-tags span { 7488 background: rgba($secondary-color, .1); 7489} 7490 7491/* Item container */ 7492 7493.bullet-variation, .js-btn-variation { 7494 font-size: 13px; 7495 font-weight: 700; 7496} 7497 7498.bullet-variation { 7499 margin: 3px; 7500 padding: 2px; 7501} 7502 7503.sizes { 7504 a { 7505 color: $text-color; 7506 } 7507 .js-btn-variation { 7508 padding: 6px 8px; 7509 margin-right: 5px; 7510 } 7511 .selected { 7512 background: rgba($primary-color, .2); 7513 border-color: $primary-color; 7514 } 7515} 7516 7517.list-sizes { 7518 transition: 300ms all ease-in-out; 7519 opacity: 1; 7520 height: auto; 7521 visibility: visible; 7522 &.show-sizes { 7523 overflow: hidden; 7524 height: 0; 7525 opacity: 0; 7526 visibility: hidden; 7527 } 7528} 7529 7530.product-seals .seal { 7531 font-size: 14px; 7532} 7533 7534.user-content * { 7535 color: $text-color; 7536} 7537
7538/*============================================================================ 7539 #Account page 7540==============================================================================*/ 7541 7542 7543.order-item { 7544 padding: 15px 0; 7545 border-bottom: 1px solid rgba($secondary-color, .08); 7546 &:first-child { 7547 border-top: 1px solid rgba($secondary-color, .08); 7548 } 7549} 7550 7551 7552.subutility-list { 7553 background-color: $background-color; 7554 box-shadow: 0 1px 6px rgba(0,0,0,0.2); 7555} 7556 7557.subutility-list { 7558 a { 7559 color: $text-color; 7560 &:hover { 7561 color: $primary-color; 7562 } 7563 } 7564} 7565 7566.nav-hamburger .nav-list .nav-list-link.all-products { 7567 border: 1px solid $secondary-color !important; 7568 border-radius: 30px; 7569} 7570 7571 7572.nav-desktop { 7573 .navigation-banner { 7574 position: unset; 7575 } 7576 .desktop-dropdown { 7577 .nav-list-arrow { 7578 position:absolute; 7579 right: 10px; 7580 top: 28%; 7581 } 7582 .nav-list-link { 7583 border-bottom: none; 7584 svg { 7585 fill: $text-color; 7586 } 7587 &:hover { 7588 border-bottom: none; 7589 } 7590 } 7591 } 7592 .col { 7593 padding-left: 7px; 7594 padding-right: 7px; 7595 } 7596} 7597 7598.nav-hamburger { 7599 .modal-footer { 7600 background: rgba($secondary-color,.06); 7601 } 7602} 7603 7604.desktop-dropdown { 7605 background: #fff; 7606} 7607 7608 7609.mega-menu { 7610 width: 100vw; 7611 @media (min-width: 576px) { 7612 max-width: calc(540px - 40px); 7613 } 7614 @media (min-width: 768px) { 7615 max-width: calc(720px - 40px); 7616 } 7617 @media (min-width: 992px) { 7618 max-width: calc(960px - 40px); 7619 } 7620 @media (min-width: 1200px) { 7621 max-width: calc(1140px - 40px); 7622 } 7623 @media (min-width: 1280px) { 7624 max-width: calc(1240px - 40px); 7625 } 7626 @media (min-width: 1380px){ 7627 max-width: calc(1300px - 40px); 7628 } 7629 .nav-item:before { 7630 display:none; 7631 } 7632 .desktop-list-subitems { 7633 .nav-item { 7634 padding: 0; 7635 } 7636 } 7637 .nav-item-container { 7638 a { 7639 position: relative; 7640 color: $text-color; 7641 } 7642 .nav-list-link { 7643 color: $text-color; 7644 } 7645 } 7646 .nav-list-link { 7647 line-height: 1; 7648 } 7649 .nav-subitem a { 7650 text-transform: none; 7651 font-size: 12px; 7652 } 7653} 7654 7655 7656.search-suggestions { 7657 background-color: $background-color; 7658 &-item { 7659 border-bottom: 1px solid rgba($background-color, .1); 7660 } 7661 a { 7662 color: $priority-color; 7663 } 7664 .btn { 7665 color: $background-color; 7666 } 7667} 7668 7669 7670 7671.block-bg-secondary { 7672 background: $secondary-color; 7673} 7674.block-bg-brand { 7675 background: $primary-color; 7676} 7677 7678.block-text-text { 7679 color: $text-color; 7680} 7681.block-text-brand { 7682 color: $primary-color; 7683} 7684 7685.footer-legal { 7686 border-top: 1px solid rgba(#000, .1); 7687 .h4 { 7688 font-weight: 500; 7689 font-size: 16px; 7690 } 7691 7692} 7693 7694.element-footer { 7695 @extend %element-margin; 7696} 7697 7698 7699 7700 7701@media (min-width: 768px) { 7702 7703 7704 .btn-medium { 7705 padding: 13px 15px; 7706 } 7707 7708} 7709 </style> 7710 7711 7712 <link rel="stylesheet" href="//acdn-us.mitiendanube.com/stores/001/134/626/themes/flex/dart-style-async-56de6eb2d9ae6fd7385079462ca559de.css" media="print" fetchpriority="low" onload="this.media='all'"> 7713 <noscript><link rel="stylesheet" href="//acdn-us.mitiendanube.com/stores/001/134/626/themes/flex/dart-style-async-56de6eb2d9ae6fd7385079462ca559de.css"></noscript> 7714 7715 7716 <style> 7717 .nav-desktop-list>.nav-item>.nav-list-link, 7718.nav-desktop-list>.nav-item>.nav-item-container>.nav-list-link { 7719 display: inline-flex;
7720 align-items: center; 7721 padding: 15px 10px; 7722 background: #582032 !important; 7723 color: #fff !important; 7724 border-radius: 30px!important; 7725 height: calc(100% - 20px) !important; 7726 font-size: var(--font-menu); 7727 font-weight: var(--font-menu-weight); 7728 line-height: 25px; 7729 height: 100%; 7730} 7731 </style> 7732 7733 7734 7735 7736 7737 7738 7739 7740
7740<script type="text/javascript"> 7741 (function() { 7742 var deferredAnalyticsCalls = []; 7743 var analyticsUnlocked = false; 7744 var unlockEvents = ['pointerdown', 'keydown', 'touchstart', 'scroll']; 7745 7746 function flushDeferredAnalytics() { 7747 if (analyticsUnlocked) return; 7748 analyticsUnlocked = true; 7749 while (deferredAnalyticsCalls.length) { 7750 var call = deferredAnalyticsCalls.shift(); 7751 try { call(); } catch (e) {} 7752 } 7753 unlockEvents.forEach(function(evt) { 7754 window.removeEventListener(evt, flushDeferredAnalytics, false); 7755 }); 7756 } 7757 7758 function shouldRunGtag(args) { 7759 var command = args[0]; 7760 var eventName = String(args[1] || '').toLowerCase(); 7761 return command === 'js' || 7762 command === 'config' || 7763 command === 'set' || 7764 command === 'consent' || 7765 (command === 'event' && eventName === 'page_view'); 7766 } 7767 7768 function wrapAnalyticsFunction(fn, shouldRunNow) { 7769 if (typeof fn !== 'function' || fn.__defer_analytics_wrapped) return fn; 7770 7771 var wrapped = function() { 7772 var args = Array.prototype.slice.call(arguments); 7773 if (analyticsUnlocked || shouldRunNow(args)) { 7774 return fn.apply(this, args); 7775 } 7776 deferredAnalyticsCalls.push(function() { 7777 fn.apply(window, args); 7778 }); 7779 }; 7780 7781 wrapped.__defer_analytics_wrapped = true; 7782 try { 7783 for (var key in fn) { 7784 wrapped[key] = fn[key]; 7785 } 7786 } catch (e) {} 7787 7788 return wrapped; 7789 } 7790 7791 function trapGlobalFunction(name, shouldRunNow) { 7792 var current = window[name]; 7793 var descriptor = Object.getOwnPropertyDescriptor(window, name); 7794 if (descriptor && descriptor.configurable === false) return; 7795 7796 Object.defineProperty(window, name, { 7797 configurable: true, 7798 enumerable: true, 7799 get: function() { return current; }, 7800 set: function(fn) { 7801 current = wrapAnalyticsFunction(fn, shouldRunNow); 7802 } 7803 }); 7804 7805 if (typeof current === 'function') { 7806 window[name] = current; 7807 } 7808 } 7809 7810 trapGlobalFunction('gtag', shouldRunGtag); 7811 7812 unlockEvents.forEach(function(evt) { 7813 window.addEventListener(evt, flushDeferredAnalytics, { passive: true, once: true }); 7814 }); 7815 setTimeout(flushDeferredAnalytics, 3500); 7816 })(); 7817 </script>
7817 7818 7819 7820 7821 7822 7823 <link href="//acdn-us.mitiendanube.com/stores/001/134/626/themes/common/logo-957593374-1754404556-1cb7317489782f6c61001050fa7862ab1754404556.ico?0" class="js-favicon" rel="icon" type="image/x-icon" /> 7824 <link href="//acdn-us.mitiendanube.com/stores/001/134/626/themes/common/logo-957593374-1754404556-1cb7317489782f6c61001050fa7862ab1754404556.ico?0" class="js-favicon" rel="shortcut icon" type="image/x-icon" /> 7825<link rel="canonical" href="" /> 7826 7827<meta name="nuvempay-logo" content="//d26lpennugtm8s.cloudfront.net/assets/common/img/logos/payment/new_logos_payment/[email protected]" /> 7828 <meta name="google-site-verification" content="0jlCIYL7yHPLVRZtwiUjjfKcnInL-BB8f9bQQ-ZmTKg" /> 7829 <meta name="google-site-verification" content="NFDHFDfDTx6IEb7CQ1uuhPt-7KvuVG_iNWAZexzb7Sw" /> 7830 <meta name="facebook-domain-verification" content="37ihv3l2ebnxhufxza3ioy6hm6ahp4" /> 7831 <meta name="p:domain_verify" content="5477a2c6fb2f2ebe0c6051ac9f1b9f11"/> 7832
7833<script> 7834 !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod? 7835 n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; 7836 n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0; 7837 t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, 7838 document,'script','https://connect.facebook.net/en_US/fbevents.js'); 7839 7840 7841 const tnTrackCookie = document.cookie.match('(^|;) ?tn_track=([^;]*)(;|$)')?.[2].slice(-40).toLowerCase(); 7842 const partnerAgentIdentifier = 'tiendanube\u002Dcore'; 7843 const advancedMatchingConfig = {}; 7844 7845 if (tnTrackCookie) { 7846 advancedMatchingConfig.external_id = tnTrackCookie; 7847 } 7848 7849 const pixelId = '1568474844115800'; 7850 7851 fbq('init', pixelId, advancedMatchingConfig); 7852 fbq('set', 'agent', partnerAgentIdentifier, pixelId); 7853 7854 7855 fbq('track', 'PageView'); 7856 7857</script>
7857 7858<noscript> 7859 <img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1568474844115800&ev=PageView&noscript=1"/> 7860</noscript> 7861 7862 7863 7864 7865 7866
7867<script type="text/javascript"> 7868 var LS = LS || {}; 7869 LS.store = { 7870 id : 1134626, 7871 url : "todalinda134.lojavirtualnuvem.com.br", 7872 custom_url : "www.alizi.com.br", 7873 ga4_measurement_id : "G-7L7FHEK31T", 7874 gads_measurement_id : "AW-17955605638", 7875 has_preexisting_google_mc_catalog : false, 7876 has_google_analytics_track_product_ids : false, 7877 should_group_kits_for_analytics : true, 7878 skip_ga4_frontend_analytics : false, 7879 skip_gads_frontend_analytics : false, 7880 name: "ALIZI\u0020\u0020\u007C\u0020Camisetas\u0020Femininas\u0020100\u0025\u0020Algod\u00E3o\u0020\u007C\u0020Estampas\u0020DTF\u0020", 7881 has_kits_v2: true, 7882 nube_sdk_product_state: "full", 7883 }; 7884 LS.cart = { 7885 id : null, 7886 hash : null, 7887 subtotal : 0, 7888 has_non_shippable_products: false, 7889 has_shippable_products: false, 7890 items : [ 7891 ], 7892 grouped_items : [ 7893 ], 7894 analytics_items: [ 7895 ] 7896 }; 7897 LS.hasCartMinimumValue = false; 7898 LS.abStorefrontCartExperiments = null; 7899 LS.lang = "pt_BR"; 7900 LS.langCode = "pt"; 7901 LS.currency = { 7902 code : "BRL", 7903 display_short: "R\u0024", 7904 display_long: "R\u0024", 7905 cents_separator : ",", 7906 thousands_separator : "." 7907 }; 7908 LS.country = "BR"; 7909 LS.customer = null; 7910 LS.customerHasPriceTables = false; 7911 LS.template= "account.login"; 7912 LS.isPreview = false; 7913 LS.theme = { 7914 code: "flex", 7915 name: "Flex", 7916 custom: true, 7917 }; 7918 LS.metricsWorkerScriptUrl = "https://acdn-us.mitiendanube.com/assets/stores/js/metrics-worker-c984926f96a2e4787f155a9755d6944a30.js?v=34031351" 7919 7920 LS.socialScripts = []; 7921 LS.DOMReady = function(fn) { 7922 if (document.addEventListener) { 7923 document.addEventListener('DOMContentLoaded', fn); 7924 } else { 7925 document.attachEvent('onreadystatechange', function() { 7926 if (document.readyState === 'interactive') 7927 fn(); 7928 }); 7929 } 7930 }; 7931 7932 // Making it a thenable so it can be made into a full fledged Promise later 7933 LS._readyCallbacks = []; 7934 LS.ready = { 7935 then: function(callback){ 7936 LS._readyCallbacks.push(callback); 7937 } 7938 }; 7939 7940 window.addEventListener('load', () => { 7941 if(!window.cartService) { 7942 return; 7943 } 7944 7945 window.cartService.setCurrentLoadTime(1791261536); 7946 }); 7947 7948 window.pageData = { 7949 id: "", 7950 name: "" 7951 } 7952 7953 window.initialCart = {"id":null,"subtotal":0,"total":0,"discounts":0,"promotions":[],"shipping_zipcode":null}; 7954 7955 window.metricServiceDispatchQueue = []; 7956 window.metricService = { dispatch: (event) => window.metricServiceDispatchQueue.push(event) }; 7957 7958 window.translations = { 7959 cart: { 7960 error_messages: { 7961 out_of_stock: 'Este produto está fora de estoque.', 7962 unavailable_product: 'Este produto não está disponÃvel.', 7963 update_error: 'Ocorreu um erro ao atualizar o carrinho.', 7964 subscription_only_product: 'Este produto está disponÃvel apenas para assinaturas.', 7965 subscription_item_already_in_cart: 'Este produto já está no carrinho.', 7966 subscription_limit_reached: 'Você já possui uma assinatura no carrinho.' 7967 }, 7968 name: 'Carrinho de compras' 7969 } 7970 }; 7971</script>
7971 7972 7973 7974
7974<script> 7975 window.recaptchaEnabled = true; 7976 window.recaptchaV2 = { siteKey: '6Ldp6lUqAAAAAEmZBhIVl_tzMi70KlSohR77QfLc' }; 7977 window.recaptchaV3 = { siteKey: '6LezGnQcAAAAAD5T1ReYv_OMo1EJbDUfPu7srRhU' }; 7978 </script>
7978 7979 7980 7981
7981<script type="module"> 7982 7983 function sendWebpMetrics() { 7984 const page = 'account.login'; 7985 const allowedPageTypes = ["home","product","category"]; 7986 if (!allowedPageTypes.includes(page)) { 7987 return; 7988 } 7989 7990 const webpStorageValue = window.sessionStorage.getItem('webp-browser-support'); 7991 const avifStorageValue = window.sessionStorage.getItem('avif-browser-support'); 7992 7993 if (webpStorageValue !== null && avifStorageValue !== null) { 7994 const browser = webpStorageValue === 'true'; 7995 const avif = avifStorageValue === 'true'; 7996 const origin = '1' === '1'; 7997 const data = { 7998 page: page, 7999 browser: browser, 8000 avif: avif, 8001 origin: origin, 8002 }; 8003 const json = JSON.stringify(data); 8004 navigator.sendBeacon('/stats/webp_metrics/', json); 8005 return true; 8006 } 8007 return false; 8008 } 8009 8010 if (!sendWebpMetrics()) { 8011 let attempts = 0; 8012 const maxAttempts = 2; 8013 const interval = setInterval(() => { 8014 attempts++; 8015 if (sendWebpMetrics() || attempts >= maxAttempts) { 8016 clearInterval(interval); 8017 } 8018 }, 50); 8019 } 8020 8021</script>
8021 8022
8023<script> 8024 window.enableNativeLibraries = true; 8025 window.hasMetricsTag = false; 8026 window.hasFixFilterPaginationTag = false; 8027 window.hasUpdatingCartStatusTag = false; 8028 window.hasMaxPaymentDiscountFixTag = false; 8029</script>
8029 8030 8031
8031<script type="text/javascript" src="//acdn-us.mitiendanube.com/assets/stores/js/linkedstore-v2-a071443f8af76d1d284849cb139e04e230.js?v=34031351" async="true"></script>
8031 8032
8032<script>window.vanillaJS = true;</script>
8032 8033 8034
8035<script type="text/javascript"> 8036 window.skipJQuery = true; 8037 8038 LS.ready.then(() => { 8039 if (!window.jQueryNuvem) { 8040 window.jQueryNuvem = $ 8041 } 8042 }); 8043</script>
8043 8044 8045 8046 8047
8048<script type="text/javascript"> 8049 8050 function ga_send_event(category, action, label, value) { 8051 return; 8052 } 8053 8054 </script>
8054 8055 8056 8057 8058 <!-- Google tag (gtag.js) --> 8059
8059<script async src="https://www.googletagmanager.com/gtag/js?id=G-7L7FHEK31T&l=dataLayerTN"></script>
8059 8060
8060<script> 8061 window.dataLayerTN = window.dataLayerTN || []; 8062 function gtagTN(){dataLayerTN.push(arguments);} 8063 8064 gtagTN('consent', 'default', { 8065 'ad_storage': 'granted', 8066 'ad_user_data': 'granted', 8067 'ad_personalization': 'granted', 8068 'analytics_storage': 'granted' 8069 }); 8070 8071 gtagTN('js', new Date()); 8072 8073 let additionalConfigInfo = {}; 8074 8075 additionalConfigInfo = { 8076 'linker': { 8077 'domains': ["www.alizi.com.br","nuvem.com.br"] 8078 } 8079 }; 8080 8081 gtagTN('config', 'G-7L7FHEK31T', additionalConfigInfo); 8082 gtagTN('config', 'AW-17955605638', additionalConfigInfo); 8083 </script>
8083 8084 8085
8085<script> 8086 const HOME_LIST_ITEM_ID = 'home'; 8087 const CATEGORY_LIST_ITEM_ID = 'category'; 8088 const SEARCH_LIST_ITEM_ID = 'search'; 8089 8090 const LIST_ITEM_NAMES = { 8091 [HOME_LIST_ITEM_ID]: 'Home', 8092 [CATEGORY_LIST_ITEM_ID]: 'Category', 8093 [SEARCH_LIST_ITEM_ID]: 'Search results', 8094 }; 8095 8096 </script>
8096
8096<script> 8097 const PERSISTED_CONFIG_LOCAL_STORAGE_KEY = 'persisted_config'; 8098 8099 const HOME_ITEM_LIST_ID = 'home'; 8100 const CATEGORY_ITEM_LIST_ID = 'category'; 8101 const SEARCH_ITEM_LIST_ID = 'search'; 8102 const CART_ITEM_LIST_ID = 'cart'; 8103 const PRODUCT_ITEM_LIST_ID = 'product'; 8104 8105 const ITEM_LIST_NAMES = { 8106 [HOME_ITEM_LIST_ID]: 'Home', 8107 [CATEGORY_ITEM_LIST_ID]: 'Category', 8108 [SEARCH_ITEM_LIST_ID]: 'Search results', 8109 [CART_ITEM_LIST_ID]: 'Shopping cart', 8110 [PRODUCT_ITEM_LIST_ID]: 'Product detail' 8111 }; 8112 8113 const GOOGLE_BUSINESS_VERTICAL_RETAIL = 'retail'; 8114 8115 function removeNullEntries(data) { 8116 Object.entries(data).forEach(([key, value]) => { 8117 if (!value) { 8118 delete data[key]; 8119 } 8120 }); 8121 } 8122 8123 function formatCartItemIntoGoogleAnalyticsItem(cartItem) { 8124 const cartItemId = cartItem.item_id ?? cartItem.id; 8125 const persistedConfig = JSON.parse(window.localStorage.getItem(PERSISTED_CONFIG_LOCAL_STORAGE_KEY) ?? '{}'); 8126 const itemListId = persistedConfig[`ga_item_list-${cartItemId}`] ?? CART_ITEM_LIST_ID; 8127 8128 const cartItemData = { 8129 item_id: cartItem.google_item_id, 8130 item_brand: cartItem.brand, 8131 item_name: cartItem.analytics_name, 8132 item_variant: cartItem.analytics_variant, 8133 price: +((cartItem.unit_price / 100).toFixed(2)), 8134 quantity: Math.abs(cartItem.quantity), 8135 item_list_id: itemListId, 8136 item_list_name: ITEM_LIST_NAMES[itemListId], 8137 ...cartItem.google_item_categories 8138 }; 8139 8140 removeNullEntries(cartItemData); 8141 8142 return cartItemData; 8143 } 8144 8145 const formatCartItemForUnifiedGtag = (cartItem) => { 8146 const cartItemDataForGa4 = formatCartItemIntoGoogleAnalyticsItem(cartItem); 8147 8148 return { 8149 ...cartItemDataForGa4, 8150 id: cartItemDataForGa4.item_id, 8151 google_business_vertical: GOOGLE_BUSINESS_VERTICAL_RETAIL 8152 }; 8153 } 8154</script>
8154 8155 8156
8156<script> 8157 8158 8159 8160 8161 8162 </script>
8162 8163 8164 8165
8165<script> 8166 var fb_params = { 8167 referrer: document.referrer, 8168 userAgent: navigator.userAgent, 8169 language: 'pt-BR' 8170 }; 8171 8172 8173 const canSendPreFbq = false && typeof navigator.sendBeacon === 'function'; 8174 let pixelFunction = 'track'; 8175 let pixelEvent = null; 8176 let metaEventId = null; 8177 const fbTimestamp = new Date().getTime(); 8178 let contentType = 'product'; 8179 8180 8181 if(pixelEvent) { 8182 if (canSendPreFbq) { 8183 navigator.sendBeacon(`/pixel/`, JSON.stringify({ 8184 type: 'pre_fbq', 8185 trackingId: typeof pixelTrackingId === 'undefined' ? null : pixelTrackingId, 8186 locUrl: typeof locationUrl === 'undefined' ? null : locationUrl, 8187 timestamp: Date.now(), 8188 pixelEvent 8189 })); 8190 } 8191 if (metaEventId) { 8192 fbq(pixelFunction, pixelEvent, fb_params, { eventID: metaEventId }); 8193 } else { 8194 fbq(pixelFunction, pixelEvent, fb_params); 8195 } 8196 } 8197 8198 const getContentId = (cartProduct) => { 8199 return cartProduct.meta_content_id == null 8200 ? cartProduct.variant_id.toString() 8201 : String(cartProduct.meta_content_id); 8202 }; 8203 8204 LS.ready.then(function() { 8205 LS.on(LS.events.productAddedToCart, function (event, data) { 8206 if (!data) { 8207 data = event.detail; 8208 } 8209 8210 const { cart, cart_item: cartItem, quantity_added: quantityAdded, social_event_id_suffix: fbEventIdSuffix } = data; 8211 const value = cartItem.unit_price / 100 * quantityAdded; 8212 8213 // Facebook Pixel does not have an event to remove products from the cart. 8214 if (value <= 0 || quantityAdded <= 0) { 8215 return; 8216 } 8217 const contentIds = [getContentId(cartItem)]; 8218 const contents = [{ 8219 id: contentIds[0], 8220 quantity: quantityAdded, 8221 item_price: +cartItem.unit_price / 100, 8222 }]; 8223 const customData = { 8224 referrer: document.referrer, 8225 userAgent: navigator.userAgent, 8226 language: 'pt-BR', 8227 content_ids: contentIds, 8228 contents: contents, 8229 content_type: contentType, 8230 currency: LS.currency.code, 8231 quantity: quantityAdded, 8232 value 8233 }; 8234 8235 const fbAddToCartEventId = `add-to-cart-${fbEventIdSuffix}`; 8236 8237 trackAddToCartAJAX(customData, fbAddToCartEventId); 8238 8239 sendNubeSocialTracking(cart.id, cartItem.id, customData, fbAddToCartEventId); 8240 }); 8241 }); 8242 8243 function trackAddToCartAJAX(customData, fbEventId) { 8244 const eventName = 'AddToCart'; 8245 if (canSendPreFbq) { 8246 navigator.sendBeacon(`/pixel/`, JSON.stringify({ 8247 type: 'pre_fbq', 8248 trackingId: typeof pixelTrackingId === 'undefined' ? null : pixelTrackingId, 8249 locUrl: typeof locationUrl === 'undefined' ? null : locationUrl, 8250 timestamp: Date.now(), 8251 pixelEvent: eventName, 8252 eventId: fbEventId 8253 })); 8254 } 8255 fbq('track', eventName, customData, { eventID: fbEventId }); 8256 } 8257 8258 async function sendNubeSocialTracking(cartId, cartItemId, customData, fbEventId) { 8259 let data = { 8260 event_name: 'AddToCart', 8261 cart_id: cartId, 8262 cart_product_id: cartItemId, 8263 event_id: fbEventId, 8264 }; 8265 8266 Object.assign(data, customData) 8267 8268 setTimeout(function() { 8269 new Image().src = '/fb-capi/?' + new URLSearchParams(data); 8270 }, 500); 8271 } 8272 </script>
8272 8273
8274<script type="text/javascript"> 8275 function amplitude_log_event(event, properties) { 8276 // dummy function 8277 return true; 8278 } 8279</script>
8279 8280 8281 8282 8283 8284 8285 8286 8287 8288 8289 8290 8291 8292 8293 8294 8295
8295<script type="application/ld+json" data-component='structured-data.page'> 8296 { 8297 "@context": "https://schema.org/", 8298 "@type": "WebPage", 8299 "name": "Identificação - ALIZI | Camisetas Femininas 100% Algodão | Estampas DTF ", 8300 "description": "Camisetas femininas 100% algod&atilde;o 30.1 com estampas DTF. Frete gr&aacute;tis acima de R$229. Primeira troca gr&aacute;tis. Compre agora!", 8301 "breadcrumb": { 8302 "@type": "BreadcrumbList", 8303 "itemListElement": [ 8304 { 8305 "@type": "ListItem", 8306 "position": 1, 8307 "name": "InÃcio", 8308 "item": "https://www.alizi.com.br" 8309 }, { 8310 "@type": "ListItem", 8311 "position": 2, 8312 "name": "Minha Conta", 8313 "item": "https://www.alizi.com.br/account/" 8314 }, { 8315 "@type": "ListItem", 8316 "position": 3, 8317 "name": "Login", 8318 "item": "https://www.alizi.com.br/account/login/" 8319 } ] 8320 } } 8321 </script>
8321 8322 8323 8324 </head> 8325 8326 8327 <body class=" template-account-login transition-long page--login "> 8328 8329 8330 <svg xmlns="http://www.w3.org/2000/svg" class="hidden"> 8331 8332 8333 <symbol id="bars" viewBox="0 0 448 512"> 8334 <path d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"/> 8335 </symbol> 8336 <symbol id="menu" viewBox="0 0 20 14"> 8337 <path d="M0 0.995193C0 0.445563 0.445563 0 0.995193 0H9.00481C9.55444 0 10 0.445563 10 0.995193C10 1.54482 9.55444 1.99039 9.00481 1.99039H0.995194C0.445564 1.99039 0 1.54482 0 0.995193Z"/> 8338 <path d="M0 6.99976C0 6.45013 0.445563 6.00456 0.995193 6.00456H19.0048C19.5544 6.00456 20 6.45013 20 6.99976C20 7.54939 19.5544 7.99495 19.0048 7.99495H0.995194C0.445564 7.99495 0 7.54939 0 6.99976Z"/> 8339 <path d="M0.995193 12.0096C0.445563 12.0096 0 12.4552 0 13.0048C0 13.5544 0.445564 14 0.995194 14H13.0048C13.5544 14 14 13.5544 14 13.0048C14 12.4552 13.5544 12.0096 13.0048 12.0096H0.995193Z"/> 8340 </symbol> 8341 8342 8343 <symbol id="trash" viewBox="0 0 448 512"> 8344 <path d="M268 416h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12zM432 80h-82.41l-34-56.7A48 48 0 0 0 274.41 0H173.59a48 48 0 0 0-41.16 23.3L98.41 80H16A16 16 0 0 0 0 96v16a16 16 0 0 0 16 16h16v336a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128h16a16 16 0 0 0 16-16V96a16 16 0 0 0-16-16zM171.84 50.91A6 6 0 0 1 177 48h94a6 6 0 0 1 5.15 2.91L293.61 80H154.39zM368 464H80V128h288zm-212-48h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12z"/> 8345 </symbol> 8346 8347 <symbol id="sync-alt" viewBox="0 0 512 512"> 8348 <path d="M483.515 28.485L431.35 80.65C386.475 35.767 324.485 8 256 8 123.228 8 14.824 112.338 8.31 243.493 7.971 250.311 13.475 256 20.301 256h28.045c6.353 0 11.613-4.952 11.973-11.294C66.161 141.649 151.453 60 256 60c54.163 0 103.157 21.923 138.614 57.386l-54.128 54.129c-7.56 7.56-2.206 20.485 8.485 20.485H492c6.627 0 12-5.373 12-12V36.971c0-10.691-12.926-16.045-20.485-8.486zM491.699 256h-28.045c-6.353 0-11.613 4.952-11.973 11.294C445.839 370.351 360.547 452 256 452c-54.163 0-103.157-21.923-138.614-57.386l54.128-54.129c7.56-7.56 2.206-20.485-8.485-20.485H20c-6.627 0-12 5.373-12 12v143.029c0 10.691 12.926 16.045 20.485 8.485L80.65 431.35C125.525 476.233 187.516 504 256 504c132.773 0 241.176-104.338 247.69-235.493.339-6.818-5.165-12.507-11.991-12.507z"/> 8349 </symbol> 8350 8351 <symbol id="earphone" viewBox="0 0 512 512"> 8352 <path d="M133.8,208.4H98.3c6.5-87.1,82.3-152.5,169.4-146c61.7,4.6,115.2,44.7,136.7,102.9c3.4,9.3,13.7,14,23.1,10.6 8353 c9.3-3.4,14-13.7,10.6-23.1C400.8,52.2,289.2,0.9,188.7,38.1C113.2,66.1,62.8,137.6,62,218.1c-22.3,12.8-36,36.5-36,62.2v61.1 8354 c0.1,39.7,32.2,71.8,71.9,71.9h35.9c9.9,0,18-8.1,18-18l0,0V226.4C151.8,216.5,143.7,208.4,133.8,208.4L133.8,208.4z M115.8,377.3 8355 h-18c-19.9,0-35.9-16.1-35.9-35.9v-61.1c0-19.9,16.1-35.9,35.9-35.9h18V377.3z"/> 8356 <path d="M414.1,208.4h-35.9c-9.9,0-18,8.1-18,18l0,0v187.8c0,9.9-8.1,18-18,18h-54.8v0.5c-9.6-17.3-31.4-23.6-48.9-14 8357 c-17.3,9.6-23.6,31.4-14,48.9c9.6,17.3,31.4,23.6,48.9,14c5.9-3.2,10.8-8.2,14-14v0.5h54.8c29.7,0,53.9-24.2,53.9-53.9v-0.9h18 8358 c39.7-0.1,71.8-32.2,71.9-71.9v-61.1C485.9,240.6,453.7,208.5,414.1,208.4z M450.1,341.4c0,19.9-16.1,35.9-35.9,35.9h-18v-133h18 8359 c19.9,0,35.9,16.1,35.9,35.9V341.4z"/> 8360 </symbol> 8361 8362 <symbol id="icon-store" viewBox="0 0 512 512"> 8363 <path d="M485.2,135.8l-32.9-98.6c-2.2-6.7-8.5-11.3-15.6-11.2H75.3c-7.1,0-13.4,4.5-15.6,11.2l-32.9,98.6c-0.5,1.5-0.8,3.1-0.8,4.8 8364 v16.9c0.1,25.7,12.2,49.9,32.9,65.3v213.9c0,27.2,22,49.3,49.3,49.3c0,0,0,0,0,0h295.7c27.2,0,49.3-22.1,49.3-49.3V222.8 8365 c20.6-15.4,32.8-39.6,32.8-65.4v-16.9C486,138.9,485.7,137.3,485.2,135.8z M371,58.9h53.9l22,65.7H371V58.9z M272.4,58.9h65.7v65.7 8366 h-65.7L272.4,58.9z M173.8,58.9h65.7v65.7h-65.7L173.8,58.9z M87.1,58.9H141v65.7H65.1L87.1,58.9z M288.8,453.2h-65.7V321.7h65.7 8367 V453.2L288.8,453.2z M420.3,436.7c0,9.1-7.4,16.4-16.4,16.4h0h-82.1V305.3c0-9.1-7.4-16.4-16.4-16.4h-98.6 8368 c-9.1,0-16.4,7.4-16.4,16.4l0,0v147.9h-82.2c-9.1,0-16.4-7.4-16.4-16.4l0,0V237.9c23.1,4.7,47-0.8,65.7-15.1 8369 c29.3,21.5,69.2,21.5,98.6,0c29.3,21.5,69.2,21.5,98.6,0c18.7,14.3,42.7,19.8,65.7,15.1L420.3,436.7z M403.8,206.7 8370 c-14.2,0-27.7-6.2-36.9-17c-6-6.8-16.3-7.5-23.2-1.6c-0.6,0.5-1.1,1-1.6,1.6c-18.3,20.4-49.6,22.1-70,3.8c-1.3-1.2-2.6-2.5-3.8-3.8 8371 c-6.4-6.8-17.2-7.2-24-0.7l-0.7,0.7c-18.3,20.4-49.6,22.1-70,3.8c-1.3-1.2-2.6-2.5-3.8-3.8c-6.4-6.8-17.2-7.2-24-0.7l-0.7,0.7 8372 c-9.2,10.8-22.7,17-36.9,17c-27.2,0-49.3-22.1-49.2-49.3h394.3C453.1,184.6,431.1,206.7,403.8,206.7L403.8,206.7z"/> 8373 </symbol> 8374 8375 <symbol id="time" viewBox="0 0 512 512"> 8376 <path d="M256,64.3c105.7,0,191.7,86,191.7,191.7s-86,191.7-191.7,191.7S64.3,361.7,64.3,256S150.3,64.3,256,64.3z M256,26 8377 C129,26,26,129,26,256s103,230,230,230s230-103,230-230S383,26,256,26z M275.2,256V141h-38.3v153.3H371V256H275.2z"/> 8378 </symbol> 8379
8380 <symbol id="facebook" viewBox="0 0 1024 1024"> 8381 <path d="M1024 512a512 512 0 1 0-592 505.8V660H302V512h130V399.2C432 270.9 508.4 200 625.4 200c56 0 114.6 10 114.6 10v126h-64.6c-63.6 0-83.4 39.5-83.4 80v96h142l-22.7 148H592v357.8A512 512 0 0 0 1024 512z"/> 8382 </symbol> 8383 8384 <symbol id="guarantee" viewBox="0 0 214 230"> 8385 <path d="M32.07 140.91C24.86 133.05 23.52 124.36 26.01 114.57C26.5 112.64 24.95 109.58 23.42 107.86C17.46 101.18 14.34 93.58 16.92 84.92C18.29 80.34 21.36 76.1 24.34 72.22C26.26 69.72 27.02 67.66 26.36 64.59C22.94 48.86 29.01 38.33 44.4 33.5C47.62 32.49 49.25 30.9 50.29 27.69C55.21 12.6 65.73 6.6 81.12 10C84.5 10.75 86.9 10.24 89.57 7.8C101.09 -2.73 113.75 -2.57 125.11 8.12C127.52 10.39 129.61 11.1 133.02 10.36C148.71 6.97 159.16 13.17 163.95 28.59C164.97 31.88 166.74 33.31 169.89 34.34C184.8 39.22 190.95 49.97 187.47 65.29C186.66 68.85 187.38 71.09 189.75 73.69C200.06 84.99 199.96 97.58 189.56 108.9C187.39 111.27 186.07 113.41 187.02 116.84C189.45 125.6 187.88 133.66 181.44 141.13C189.38 149.02 197.26 156.86 205.15 164.71C206.8 166.36 208.49 167.97 210.09 169.67C215.57 175.5 214.05 181.68 206.35 184.24C197.67 187.13 188.85 189.59 180.24 192.65C178.32 193.33 176.23 195.48 175.58 197.42C172.98 205.14 170.93 213.04 168.66 220.87C165.9 230.38 159.57 232.09 152.6 225.15C138.9 211.51 125.26 197.81 111.58 184.16C107.26 179.85 106.15 179.88 101.8 184.22C88.24 197.77 74.71 211.33 61.14 224.87C53.87 232.12 47.57 230.54 44.76 220.8C42.54 213.13 40.16 205.5 38.22 197.76C37.42 194.55 35.73 193.11 32.73 192.22C24.12 189.68 15.55 186.99 7.00999 184.19C-0.660007 181.68 -2.25001 175.39 3.38999 169.65C12.71 160.14 22.19 150.78 32.07 140.91ZM75.53 25.04C70.46 24.68 67.7 26.43 66.31 30.16C65.27 32.96 64.27 35.8 63.49 38.68C62.28 43.15 59.41 45.56 55.05 46.94C39.85 51.74 39.77 51.84 43.18 67.14C44.14 71.44 43.53 74.87 40.44 78.11C29.97 89.11 28.31 90.08 40.09 102.32C43.12 105.46 43.97 108.83 42.94 113.24C39.87 126.48 37.1 129.1 55.06 134.15C59.13 135.29 61.62 137.84 62.66 141.92C63.2 144.01 63.94 146.05 64.6 148.11C66.99 155.63 69.58 157.16 77.16 155.55C78.62 155.24 80.14 155.09 81.55 154.63C87.02 152.88 91.34 154.22 95.56 158.3C105.72 168.13 106.38 167.97 116.8 158.7C117.05 158.48 117.32 158.28 117.54 158.03C121.06 154.19 125.12 153.51 130.21 154.74C144.65 158.24 145.16 157.93 149.6 143.71C151.15 138.76 153.87 135.93 158.87 134.4C173.5 129.94 173.7 129.62 170.3 114.8C169.16 109.84 170.23 106.22 173.64 102.59C184.16 91.37 184.16 91.09 173.88 79.92C170.53 76.28 169.39 72.7 170.52 67.72C173.95 52.63 173.8 52.48 159.2 47.71C154.68 46.23 151.89 43.78 150.54 39.08C146.38 24.54 145.67 23.47 130.33 27.23C125.8 28.34 122.38 27.35 118.98 24.23C107.25 13.48 107.1 13.47 95.19 24.16C91.85 27.15 88.4 28.05 84.2 27.03C80.99 26.22 77.73 25.54 75.53 25.04ZM56.76 204.57C67.21 194.15 77.6 183.79 88.06 173.36C86.33 169.77 82.88 170.63 79.37 171.36C65.12 174.33 54.15 167.87 49.65 153.95C49.08 152.18 48.41 150.44 48.1 149.56C40.1 157.56 32.31 165.36 24.65 173.02C30.41 174.85 36.83 177.08 43.37 178.9C48.02 180.2 50.71 182.82 51.86 187.57C53.3 193.52 55.24 199.35 56.76 204.57ZM124.24 172.47C135.73 183.97 146.15 194.4 156.55 204.81C158.08 199.6 160.02 193.95 161.36 188.17C162.55 183.06 165.25 180.14 170.4 178.8C176.89 177.1 183.21 174.77 188.25 173.15C180.82 165.24 173.28 157.21 165.43 148.87C164.8 150.14 164 151.22 163.72 152.42C159.88 168.77 144.77 175.97 130.83 171.4C128.99 170.79 126.55 172.05 124.24 172.47Z"/> 8386 <path d="M97.61 107.22C108.92 95.91 119.61 85.2 130.32 74.5C131.62 73.21 132.85 71.82 134.3 70.72C137.82 68.06 141.44 68.14 144.76 71.03C147.91 73.77 148.21 78.44 145.4 81.84C143.5 84.14 141.25 86.16 139.13 88.28C127.83 99.59 116.54 110.91 105.21 122.2C99.58 127.81 96.02 127.8 90.37 122.18C83.4 115.25 76.43 108.32 69.53 101.32C65.28 97.01 64.93 92.5 68.35 88.98C71.69 85.55 76.55 85.8 80.7 89.91C86.26 95.42 91.64 101.09 97.61 107.22Z"/> 8387 </symbol> 8388 8389 <symbol id="box-cancel" viewBox="0 0 20 20"> 8390 <path d="M20,4.933a.625.625,0,0,0-.357-.5L10.264.059a.625.625,0,0,0-.529,0L.361,4.434a.625.625,0,0,0-.357.5S0,5,0,5V15.626a.625.625,0,0,0,.393.58l9.375,3.75a.625.625,0,0,0,.464,0l2.54-1.016A4.373,4.373,0,0,0,20,15.626V5S20,4.937,20,4.933ZM10,1.315l7.8,3.641-3,1.2L6.849,2.786ZM9.375,18.452,1.25,15.2V5.924l8.125,3.25ZM10,8.077,2.2,4.956,5.325,3.5l7.826,3.32Zm5.625,10.673a3.125,3.125,0,1,1,3.125-3.125A3.129,3.129,0,0,1,15.625,18.751Zm0-7.5a4.373,4.373,0,0,0-3.713,6.687l-1.287.515V9.174l8.125-3.25v6.643A4.362,4.362,0,0,0,15.625,11.251Z" transform="translate(0 0)"/><path d="M362.446,361.562l.5-.5a.625.625,0,0,0-.884-.884l-.5.5-.5-.5a.625.625,0,1,0-.884.884l.5.5-.5.5a.625.625,0,1,0,.884.884l.5-.5.5.5a.625.625,0,0,0,.884-.884Z" transform="translate(-345.937 -345.936)"/> 8391 </symbol> 8392 8393 <symbol id="tag" viewBox="0 0 512 512"> 8394 <path d="M167.1,315.3c-5.1,0-10.2-1.9-14.1-5.8c-7.8-7.8-7.8-20.4,0-28.1l90.3-90.3c7.8-7.8,20.3-7.8,28.1,0 8395 c7.8,7.8,7.8,20.3,0,28.1l-90.3,90.3C177.3,313.3,172.2,315.3,167.1,315.3z"/> 8396 <path d="M216.3,364.5c-5.1,0-10.2-1.9-14.1-5.8c-7.8-7.8-7.8-20.4,0-28.1l41-41c7.8-7.8,20.3-7.8,28.1,0s7.8,20.4,0,28.1l-41,41 8397 C226.5,362.6,221.4,364.5,216.3,364.5z"/> 8398 <path d="M232.7,465.8c-14.1,0-27.3-5.5-37.3-15.4L61.4,316.3C51.4,306.3,46,293,46,279c0-14.1,5.5-27.3,15.4-37.2c0,0,0,0,0,0 8399 L241.9,61.2c10-10,23.2-15.4,37.3-15.4h134.1c14.1,0,27.3,5.5,37.3,15.4c9.9,9.9,15.4,23.2,15.4,37.3v134.1 8400 c0,14.1-5.5,27.3-15.4,37.2L270,450.4C260.1,460.3,246.8,465.8,232.7,465.8z M89.5,269.8c-2.5,2.5-3.8,5.7-3.8,9.2 8401 c0,3.5,1.4,6.7,3.8,9.2l134.1,134.1c4.9,4.9,13.4,4.9,18.3,0l180.5-180.5c2.4-2.4,3.8-5.7,3.8-9.1V98.5c0-3.5-1.3-6.7-3.8-9.1 8402 c-2.5-2.5-5.7-3.8-9.2-3.8H279.2c-3.4,0-6.7,1.4-9.1,3.8L89.5,269.8z"/> 8403 <path d="M388.6,151.8c0,5.4-2.2,10.7-6,14.5c-3.8,3.8-9.1,6-14.5,6c-5.4,0-10.7-2.2-14.5-6s-6-9.1-6-14.5c0-5.4,2.2-10.7,6-14.5 8404 c3.8-3.8,9.1-6,14.5-6c5.4,0,10.7,2.2,14.5,6C386.5,141.2,388.6,146.4,388.6,151.8z"/> 8405 </symbol> 8406 8407 <symbol id="circle-notch" viewBox="0 0 512 512"> 8408 <path d="M288 24.103v8.169a11.995 11.995 0 0 0 9.698 11.768C396.638 63.425 472 150.461 472 256c0 118.663-96.055 216-216 216-118.663 0-216-96.055-216-216 0-104.534 74.546-192.509 174.297-211.978A11.993 11.993 0 0 0 224 32.253v-8.147c0-7.523-6.845-13.193-14.237-11.798C94.472 34.048 7.364 135.575 8.004 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.789 504 256c0-121.187-86.924-222.067-201.824-243.704C294.807 10.908 288 16.604 288 24.103z"/> 8409 </symbol> 8410 8411 <symbol id="times-circle" viewBox="0 0 512 512"> 8412 <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 464c-118.7 0-216-96.1-216-216 0-118.7 96.1-216 216-216 118.7 0 216 96.1 216 216 0 118.7-96.1 216-216 216zm94.8-285.3L281.5 256l69.3 69.3c4.7 4.7 4.7 12.3 0 17l-8.5 8.5c-4.7 4.7-12.3 4.7-17 0L256 281.5l-69.3 69.3c-4.7 4.7-12.3 4.7-17 0l-8.5-8.5c-4.7-4.7-4.7-12.3 0-17l69.3-69.3-69.3-69.3c-4.7-4.7-4.7-12.3 0-17l8.5-8.5c4.7-4.7 12.3-4.7 17 0l69.3 69.3 69.3-69.3c4.7-4.7 12.3-4.7 17 0l8.5 8.5c4.6 4.7 4.6 12.3 0 17z"/> 8413 </symbol> 8414 8415 <symbol id="enter" viewBox="0 0 20 16"> 8416 <path d="M13.4856 16H17.4856C18.5902 16 19.4856 15.1046 19.4856 14V2C19.4856 0.895431 18.5902 0 17.4856 0H13.4856V2H17.4856V14H13.4856V16Z"/> 8417 <path d="M8.15809 13.385L6.73788 11.9768L10.6571 8.02422L1.51415 8.02417C0.96187 8.02417 0.514157 7.57645 0.51416 7.02417C0.514163 6.47189 0.961881 6.02417 1.51417 6.02418L10.6763 6.02422L6.69587 2.0774L8.10407 0.657202L14.495 6.9941L8.15809 13.385Z"/> 8418 </symbol> 8419 8420 <symbol id="star" viewBox="0 0 512 512"> 8421 <path d="m510.652344 185.902344c-3.351563-10.367188-12.546875-17.730469-23.425782-18.710938l-147.773437-13.417968-58.433594
8421-136.769532c-4.308593-10.023437-14.121093-16.511718-25.023437-16.511718s-20.714844 6.488281-25.023438 16.535156l-58.433594 136.746094-147.796874 13.417968c-10.859376 1.003906-20.03125 8.34375-23.402344 18.710938-3.371094 10.367187-.257813 21.738281 7.957031 28.90625l111.699219 97.960937-32.9375 145.089844c-2.410156 10.667969 1.730468 21.695313 10.582031 28.09375 4.757813 3.4375 10.324219 5.1875 15.9375 5.1875 4.839844 0 9.640625-1.304687 13.949219-3.882813l127.46875-76.183593 127.421875 76.183593c9.324219 5.609376 21.078125 5.097657 29.910156-1.304687 8.855469-6.417969 12.992187-17.449219 10.582031-28.09375l-32.9375-145.089844 111.699219-97.941406c8.214844-7.1875 11.351563-18.539063 7.980469-28.925781zm0 0"/> 8422 </symbol> 8423 8424 <symbol id="calendar-alt" viewBox="0 0 448 512"> 8425 <path d="M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z"/> 8426 </symbol> 8427 8428 <symbol id="credit-card-blank" viewBox="0 0 576 512"> 8429 <path d="M527.9 32H48.1C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48.1 48h479.8c26.6 0 48.1-21.5 48.1-48V80c0-26.5-21.5-48-48.1-48zm-6 400H54.1c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h467.8c3.3 0 6 2.7 6 6v340c0 3.3-2.7 6-6 6zM192 364v8c0 6.6-5.4 12-12 12h-72c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h72c6.6 0 12 5.4 12 12zm192 0v8c0 6.6-5.4 12-12 12H236c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h136c6.6 0 12 5.4 12 12z"/> 8430 </symbol> 8431 8432 <symbol id="usd-circle" viewBox="0 0 496 512"> 8433 <path d="M291 244l-72-21.9c-9-2.8-15.2-12.1-15.2-22.7 0-12.9 9.2-23.4 20.5-23.4h45c7 0 13.8 1.9 19.9 5.4 6.4 3.7 14.3 3.4 19.7-1.6l12-11.3c7.6-7.2 6.3-19.4-2.3-25.2-13.8-9.3-29.9-14.5-46.4-15.1V112c0-8.8-7.2-16-16-16h-16c-8.8 0-16 7.2-16 16v16c-37.6.1-68.2 32.1-68.2 71.4 0 31.5 20.2 59.7 49.2 68.6l72 21.9c9 2.8 15.2 12.1 15.2 22.7 0 12.9-9.2 23.4-20.5 23.4h-45c-7 0-13.8-1.9-19.9-5.4-6.4-3.7-14.3-3.4-19.7 1.6l-12 11.3c-7.6 7.2-6.3 19.4 2.3 25.2 13.8 9.3 29.9 14.5 46.4 15.1V400c0 8.8 7.2 16 16 16h16c8.8 0 16-7.2 16-16v-16c37.6-.1 68.2-32.1 68.2-71.4 0-31.5-20.2-59.7-49.2-68.6zM248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 448c-110.3 0-200-89.7-200-200S137.7 56 248 56s200 89.7 200 200-89.7 200-200 200z"/> 8434 </symbol> 8435 8436 <symbol id="pix" viewBox="0 0 315.63 315.63"> 8437 <path d="M246.2,241.4c-12.3,0-24.1-4.8-32.8-13.5L166,180.5c-3.5-3.3-9-3.3-12.4,0L106.1,228c-8.7,8.7-20.5,13.6-32.8,13.6H64l60,60 8438 c18.7,18.7,49.1,18.7,67.8,0l60.1-60.1L246.2,241.4z"/> 8439 <path d="M73.3,74c12.3,0,24.1,4.9,32.8,13.6l47.5,47.5c3.4,3.4,9,3.4,12.4,0l47.3-47.3c8.7-8.7,20.5-13.6,32.8-13.6h5.7L191.7,14 8440 C173-4.7,142.7-4.7,123.9,14c0,0,0,0,0,0L64,74H73.3z"/> 8441 <path d="M301.6,123.9l-36.3-36.3c-0.8,0.3-1.7,0.5-2.6,0.5h-16.5c-8.6,0-16.8,3.4-22.9,9.5l-47.3,47.3c-8.9,8.9-23.3,8.9-32.1,0 8442 L96.2,97.4c-6.1-6.1-14.3-9.5-22.9-9.5H53c-0.8,0-1.7-0.2-2.4-0.5L14,123.9c-18.7,18.7-18.7,49.1,0,67.8l36.5,36.5 8443 c0.8-0.3,1.6-0.5,2.4-0.5h20.4c8.6,0,16.8-3.4,22.9-9.5l47.5-47.5c8.6-8.6,23.6-8.6,32.1,0l47.3,47.3c6.1,6.1,14.3,9.5,22.9,9.5 8444 h16.5c0.9,0,1.8,0.2,2.6,0.5l36.3-36.3C320.3,173,320.3,142.6,301.6,123.9C301.6,123.9,301.6,123.9,301.6,123.9"/> 8445 </symbol> 8446 8447 <symbol id="money-bill" viewBox="0 0 640 512"> 8448 <path d="M608 64H32A32 32 0 000 96v320a32 32 0 0032 32h576a32 32 0 0032-32V96a32 32 0 00-32-32zm-16 272a64 64 0 00-64 64H112a64 64 0 00-64-64V176a64 64 0 0064-64h416a64 64 0 0064 64v160zM320 160c-44.2 0-80 43-80 96s35.8 96 80 96 80-43 80-96-35.8-96-80-96z"/> 8449 </symbol> 8450 8451 <symbol id="delivery" viewBox="0 0 29.57 21"> 8452 <path d="M27.15.68A1.24,1.24,0,0,0,25.89,0L14.78,1.43,3.68,0A1.24,1.24,0,0,0,2.43.68L.13,5.27a1.26,1.26,0,0,0,0,1A1.23,1.23,0,0,0,.89,7l2,.56v9.06a1.92,1.92,0,0,0,1.46,1.87L14,20.9a3.37,3.37,0,0,0,1.63,0l9.66-2.41a1.93,1.93,0,0,0,1.46-1.87v-9l2-.57a1.25,1.25,0,0,0,.79-.68,1.28,1.28,0,0,0,0-1.05ZM1,5.91a.2.2,0,0,1,0-.19l2.3-4.59A.23.23,0,0,1,3.53,1h0L14,2.33l-3.7,6.13a.24.24,0,0,1-.26.1L1.17,6A.25.25,0,0,1,1,5.91ZM4.56,17.52a.92.92,0,0,1-.7-.9V7.85L9.73,9.52A1.21,1.21,0,0,0,11.12,9l3.17-5.24V19.94h-.07Zm21.16-.9a.94.94,0,0,1-.71.9l-9.65,2.41h-.08V3.73L18.45,9a1.26,1.26,0,0,0,1.06.59,1.24,1.24,0,0,0,.33,0l5.88-1.68ZM28.55,5.91A.2.2,0,0,1,28.4,6L19.57,8.57a.24.24,0,0,1-.26-.11l-3.7-6.13L26,1a.23.23,0,0,1,.23.13l2.3,4.59A.2.2,0,0,1,28.55,5.91Z"/> 8453 </symbol> 8454 8455 8456 8457 8458 8459 <symbol id="search" viewBox="0 0 512 512"> 8460 <path d="M47.3,231.7c-0.1-95,77-172.1,172-172.1c95-0.1,172.1,76.9,172.2,171.9c0.1,95-77,172.1-172,172.1S47.3,326.7,47.3,231.7 C47.3,231.7,47.3,231.7,47.3,231.7z M219.5,12.5C98.4,12.4,0.1,110.4,0,231.4s97.9,219.3,219,219.4c56.4,0.1,110.6-21.6,151.5-60.5 c1,1.6,2.2,3.2,3.5,4.5l97.8,97.8c9.2,9.2,24.1,9.2,33.3,0c9.2-9.2,9.2-24.1,0-33.3l0,0l-97.8-97.8c-2.2-2.2-4.8-4-7.7-5.2 c68.9-99.5,44.1-236-55.4-304.9C307.5,26.1,264,12.5,219.5,12.5z"/> 8461 </symbol> 8462 8463 <symbol id="user" viewBox="0 0 28 28"> 8464 <path d="M14 2.4574C7.6252 2.4574 2.4574 7.6252 2.4574 14C2.4574 20.3748 7.6252 25.5426 14 25.5426C20.3748 25.5426 25.5426 20.3748 25.5426 14C25.5426 7.6252 20.3748 2.4574 14 2.4574ZM0 14C0 6.26801 6.26801 0 14 0C21.732 0 28 6.26801 28 14C28 21.732 21.732 28 14 28C6.26801 28 0 21.732 0 14Z"/><path d="M14.0001 7.56592C11.8573 7.56592 10.1202 9.30298 10.1202 11.4457C10.1202 13.5885 11.8573 15.3256 14.0001 15.3256C16.1428 15.3256 17.8799 13.5885 17.8799 11.4457C17.8799 9.30298 16.1428 7.56592 14.0001 7.56592ZM7.66284 11.4457C7.66284 7.94579 10.5001 5.10852 14.0001 5.10852C17.5 5.10852 20.3373 7.94579 20.3373 11.4457C20.3373 14.9457 17.5 17.783 14.0001 17.783C10.5001 17.783 7.66284 14.9457 7.66284 11.4457Z"/><path d="M5.1084 24.217C5.1084 21.4224 7.37388 19.1569 10.1685 19.1569H17.8313C20.6259 19.1569 22.8914 21.4224 22.8914 24.217H20.434C20.434 22.7796 19.2687 21.6143 17.8313 21.6143H10.1685C8.73106 21.6143 7.5658 22.7796 7.5658 24.217H5.1084Z"/> 8465 </symbol> 8466 8467 <symbol id="cart" viewBox="0 0 512 512"> 8468 <circle class="cls-1" cx="149.3" cy="469.3" r="42.7"/> 8469 <circle class="cls-1" cx="362.7" cy="469.3" r="42.7"/> 8470 <path class="cls-1" d="M111.6,103.7l-6.6-49C100.8,18.9,80.5-3,44.5-3H0v57h44.5c3.6,0,6.6,2.8,7,6.4l32,257.9c4.2,35.8,34.5,62.7,70.5,62.7h281.2l76.2-277.3H111.6ZM398.4,329h-254.4c-3.6,0-6.6-2.8-6.9-6.4l-19.2-164.9,321.7-2-41.1,173.3Z"/> 8471 </symbol> 8472 8473
8474 <symbol id="chevron" viewBox="0 0 512 512"> 8475 <path d="M159.47,438.36c-6.24-6.24-6.24-16.36,0-22.61l159.31-159.31L159.47,97.13c-5.87-6.3-5.7-16.12,.39-22.21,6.09-6.09,15.91-6.26,22.21-.39l170.61,170.61c6.24,6.24,6.24,16.36,0,22.61l-170.61,170.61c-2.98,3.02-7.06,4.71-11.3,4.69-4.25,.02-8.32-1.67-11.3-4.69Z"/> 8476 </symbol> 8477 8478 <symbol id="chevron-down" viewBox="0 0 512 512"> 8479 <path d="M478.91,135.7c9.99,9.99,9.99,26.2,0,36.19l-204.74,204.74c-9.99,9.99-26.2,9.99-36.19,0L33.25,171.9c-9.99-9.99-9.99-26.2,0-36.19,9.99-9.99,26.2-9.99,36.19,0l186.64,186.64,186.64-186.64c9.99-9.99,26.2-9.99,36.19,0Z"/> 8480 </symbol> 8481 8482 <symbol id="arrow" viewBox="0 0 512 512"> 8483 <path d="M446.56,243.31L280.56,77.31c-4.58-4.45-11.18-6.12-17.32-4.38s-10.89,6.62-12.45,12.81c-1.56,6.19,.29,12.74,4.87,17.19l135.41,135.17H77.32c-9.82,0-17.79,7.96-17.79,17.79s7.96,17.79,17.79,17.79H390.83l-135.18,135.17c-3.39,3.3-5.3,7.84-5.3,12.57s1.91,9.27,5.3,12.57c3.27,3.43,7.83,5.32,12.57,5.21,4.72,.02,9.25-1.86,12.57-5.21l166-166c6.94-6.94,6.94-18.19,0-25.14l-.24,.47Z"/> 8484 </symbol> 8485 8486 <symbol id="arrows-h" viewBox="0 0 512 512">
8487 <path d="M399.959 170.585c-4.686 4.686-4.686 12.284 0 16.971L451.887 239H60.113l51.928-51.444c4.686-4.686 4.686-12.284 0-16.971l-7.071-7.07c-4.686-4.686-12.284-4.686-16.97 0l-84.485 84c-4.686 4.686-4.686 12.284 0 16.971l84.485 84c4.686 4.686 12.284 4.686 16.97 0l7.071-7.07c4.686-4.686 4.686-12.284 0-16.971L60.113 273h391.773l-51.928 51.444c-4.686 4.686-4.686 12.284 0 16.971l7.071 7.07c4.686 4.686 12.284 4.686 16.97 0l84.485-84c4.687-4.686 4.687-12.284 0-16.971l-84.485-84c-4.686-4.686-12.284-4.686-16.97 0l-7.07 7.071z"/> 8488 </symbol> 8489 8490 8491 8492 8493 <symbol id="wallet" viewBox="0 0 512 512"> 8494 <path d="M372.36,85.33H139.64a97,97,0,0,0-97,97V337.45a97,97,0,0,0,97,97H372.36a97,97,0,0,0,97-97V182.3A97,97,0,0,0,372.36,85.33ZM434.62,201.7H372.36a58.18,58.18,0,0,0,0,116.36h62.26v19.39a62.25,62.25,0,0,1-62.26,62.26H139.64a62.25,62.25,0,0,1-62.26-62.26V182.3a62.25,62.25,0,0,1,62.26-62.25H372.36a62.25,62.25,0,0,1,62.26,62.25Zm0,81.64H372.36a23.47,23.47,0,0,1,0-46.93h62.26Z"/> 8495 </symbol> 8496 8497 <symbol id="shopping-cart" viewBox="0 0 32 28.036"> 8498 <g transform="translate(-75 -749.208)"><path d="M106.956,767.282a.894.894,0,0,0-1.127-.567l-14.158,4.691a3.8,3.8,0,0,0-3.242-1.8h-.158a1.99,1.99,0,0,0-.2.013l-5.62-16.926a.888.888,0,0,0-.448-.514L76.286,749.3a.888.888,0,0,0-.8,1.588l5.39,2.707,5.5,16.6a3.858,3.858,0,0,0-.764.64,3.817,3.817,0,0,0,2.806,6.4h.159a3.821,3.821,0,0,0,3.656-3.973,1.309,1.309,0,0,0-.013-.165l14.165-4.691A.9.9,0,0,0,106.956,767.282Zm-18.448,8.163a2.033,2.033,0,0,1-1.581-3.413,2,2,0,0,1,1.416-.652h.086a2.033,2.033,0,0,1,.079,4.065Z"/><path d="M90.05,768.733a.893.893,0,0,0,.843.612.814.814,0,0,0,.277-.046l13.678-4.533a.879.879,0,0,0,.513-.448.892.892,0,0,0,.053-.678l-4.487-13.559a.881.881,0,0,0-.448-.514.9.9,0,0,0-.678-.053l-6.839,2.273h0l-6.839,2.267a.892.892,0,0,0-.567,1.126Zm2.629-14.983,1.087,3.288a.893.893,0,0,0,.843.613.813.813,0,0,0,.277-.046.892.892,0,0,0,.566-1.127l-1.087-3.288,5.152-1.706,3.934,11.872L91.46,767.329l-3.934-11.866Z"/></g> 8499 </symbol> 8500 8501 <symbol id="whatsapp-lines" viewBox="0 0 512 512"> 8502 <path d="M256,45.8c116,0,210,94,210,210c0,116-94,210-210,210c-35.7,0.1-70.9-9.1-102.1-26.5l-6.4-3.7l-63.7,18.7 8503 c-3.5,1-7.1,1.1-10.7,0.3c-3.5-0.8-6.8-2.5-9.5-4.9c-2.7-2.4-4.7-5.5-5.9-8.9c-1.2-3.4-1.5-7.1-0.8-10.6l0.5-2.3l18.7-63.7 8504 C56.4,331.6,45.9,294,46,255.8C46,139.8,140,45.8,256,45.8z M256,87.8c-30.1,0-59.6,8.1-85.5,23.4c-25.9,15.3-47.2,37.3-61.7,63.6 8505 C94.2,201.1,87.1,230.9,88,261c0.9,30.1,9.9,59.3,26,84.7c4.2,6.6,5.9,14.6,4.5,22.6l-0.8,3.4l-9.3,31.5L140,394 8506 c9.1-2.7,18.5-1,26,3.7c22,13.9,47,22.6,72.9,25.2c25.9,2.6,52.1-0.8,76.5-10s46.3-24,63.9-43.1c17.7-19.1,30.7-42.1,37.9-67.2 8507 c7.3-25,8.6-51.4,3.9-77c-4.7-25.6-15.3-49.8-30.9-70.7c-15.6-20.8-35.9-37.7-59.2-49.4C307.7,93.9,282,87.8,256,87.8z M195.1,154.6 8508 c2.3-1,4.9-1.4,7.4-1.1c2.5,0.3,4.9,1.2,7,2.7c10.6,7.7,19,18.1,26.2,28.2l6.9,10l3.2,4.7c1.9,2.7,2.8,6,2.6,9.2 8509 c-0.2,3.3-1.4,6.4-3.6,8.9l-1.6,1.6l-19.4,14.4c-0.9,0.7-1.6,1.7-1.8,2.8c-0.3,1.1-0.1,2.3,0.4,3.3c4.4,8,12.2,19.9,21.1,28.8 8510 c9,8.9,21.4,17.3,29.9,22.2c1.8,1,4.1,0.7,5.6-0.7l0.8-0.9l12.6-19.2c2.3-3.1,5.7-5.2,9.5-5.8c3.8-0.6,7.7,0.3,10.9,2.5l11.4,8 8511 c11.3,8.1,22.2,16.8,30.9,27.8c1.6,2.1,2.6,4.5,3,7.1c0.3,2.6,0,5.2-1.1,7.6c-8.3,19.4-29.4,35.9-51.3,35.1l-3.3-0.2l-4-0.4 8512 c-0.8-0.1-1.5-0.2-2.3-0.3l-5-0.8c-19.4-3.7-50.5-14.7-82.7-46.9c-32.2-32.2-43.2-63.3-46.9-82.7l-0.8-5l-0.5-4.4l-0.3-3.7 8513 c0-0.5-0.1-1.1-0.1-1.6C159.1,184,175.7,163,195.1,154.6z"/> 8514 </symbol> 8515 8516 <symbol id="barcode" viewBox="0 0 512 512"> 8517 <path d="M114.5,96.5c0.1,9.8-7.8,17.7-17.6,17.8l-35.5,0.2v283.1l35.3-0.2c9.8-0.1,17.7,7.8,17.8,17.6 8518 c0.1,9.8-7.8,17.7-17.6,17.8l-53.1,0.4c-4.7,0-9.2-1.8-12.6-5.1c-3.3-3.3-5.2-7.8-5.2-12.6V97c0-9.7,7.8-17.6,17.6-17.7l53.1-0.4 8519 C106.4,78.8,114.4,86.7,114.5,96.5z M480.8,84c3.3,3.3,5.2,7.8,5.2,12.6V415c0,9.7-7.8,17.6-17.6,17.7l-53.1,0.4 8520 c-9.8,0.1-17.7-7.8-17.8-17.6c-0.1-9.8,7.8-17.7,17.6-17.8l35.5-0.2V114.4l-35.3,0.2c-9.8,0.1-17.7-7.8-17.8-17.6 8521 c-0.1-9.8,7.8-17.7,17.6-17.8l53.1-0.4C472.9,78.9,477.4,80.7,480.8,84z M185.2,132c9.8,0,17.7,7.9,17.7,17.7V362 8522 c0,9.8-7.9,17.7-17.7,17.7c-9.8,0-17.7-7.9-17.7-17.7V149.7C167.5,139.9,175.5,132,185.2,132z M326.8,132c9.8,0,17.7,7.9,17.7,17.7 8523 V362c0,9.8-7.9,17.7-17.7,17.7c-9.8,0-17.7-7.9-17.7-17.7V149.7C309.1,139.9,317,132,326.8,132z M256,149.7 8524 c9.8,0,17.7,7.9,17.7,17.7v176.9c0,9.8-7.9,17.7-17.7,17.7c-9.8,0-17.7-7.9-17.7-17.7V167.4C238.3,157.6,246.2,149.7,256,149.7z 8525 M114.5,167.4c9.8,0,17.7,7.9,17.7,17.7v141.5c0,9.8-7.9,17.7-17.7,17.7c-9.8,0-17.7-7.9-17.7-17.7V185 8526 C96.8,175.3,104.7,167.4,114.5,167.4z M397.5,167.4c9.8,0,17.7,7.9,17.7,17.7v141.5c0,9.8-7.9,17.7-17.7,17.7 8527 c-9.8,0-17.7-7.9-17.7-17.7V185C379.8,175.3,387.8,167.4,397.5,167.4z"/> 8528 </symbol> 8529 8530 8531 <symbol id="security" viewBox="0 0 512 512"> 8532 <path d="M256,25.8L67.8,109.4v125.5c0,116,80.3,224.6,188.2,250.9c107.9-26.3,188.2-134.9,188.2-250.9V109.4L256,25.8z M402.3,239.5 8533 c0,90.3-68,183.6-146.4,204.5c-78.4-20.9-146.4-114.2-146.4-204.5V136.6L256,71.4l146.4,65.2V239.5z"/> 8534 </symbol> 8535
8536 <symbol id="returns" viewBox="0 0 512 512"> 8537 <path d="M79.1,189.5c5.4,0,10.6,2,14.7,5.6c4,3.6,6.6,8.6,7.3,13.9l0.2,2.6v22.1c0,34.3,13.3,67.3,37.1,92s56.3,39.2,90.6,40.5 8538 l5,0.1h79.3l-17.5-17.5c-4-4-6.3-9.3-6.4-14.9c-0.2-5.6,1.8-11.1,5.5-15.3c3.7-4.2,8.9-6.9,14.5-7.4c5.6-0.5,11.2,1.1,15.6,4.5 8539 l2.1,1.8l55.3,55.3c3.3,3.3,5.5,7.6,6.2,12.3l0.3,3.6c0,4.9-1.7,9.6-4.7,13.4l-1.9,2.1l-55.2,55.2c-4,4-9.3,6.3-14.9,6.4 8540 c-5.6,0.2-11.1-1.8-15.3-5.5c-4.2-3.7-6.9-8.9-7.4-14.5c-0.5-5.6,1.1-11.2,4.5-15.6l1.8-2.1l17.5-17.5h-79.3 8541 c-46,0-90.1-17.9-123.1-49.9c-33-32-52.2-75.5-53.7-121.5l-0.1-5.5v-22.1c0-5.9,2.3-11.5,6.5-15.6C67.6,191.8,73.2,189.5,79.1,189.5 8542 z M185.1,52.2c4-4,9.3-6.3,14.9-6.4c5.6-0.2,11.1,1.8,15.3,5.5c4.2,3.7,6.9,8.9,7.4,14.5c0.5,5.6-1.1,11.2-4.5,15.6l-1.8,2.1 8543 L198.8,101h79.3c45.9,0,90.1,17.9,123.1,49.9c33,32,52.2,75.5,53.7,121.5l0.1,5.5V300c0,5.6-2.2,11.1-6,15.2 8544 c-3.9,4.1-9.2,6.6-14.8,6.9c-5.6,0.3-11.2-1.5-15.5-5.1c-4.3-3.6-7.1-8.7-7.8-14.3l-0.2-2.6v-22.1c0-34.3-13.3-67.3-37.1-92 8545 c-23.8-24.7-56.3-39.2-90.6-40.5l-5-0.1h-79.3l17.5,17.5c4,4,6.3,9.3,6.4,14.9c0.2,5.6-1.8,11.1-5.5,15.3c-3.7,4.2-8.9,6.9-14.5,7.4 8546 c-5.6,0.5-11.2-1.1-15.6-4.5l-2.1-1.8l-55.3-55.3c-3.8-3.8-6.1-8.9-6.4-14.2c-0.3-5.4,1.3-10.7,4.6-14.9l1.8-2.1L185.1,52.2z"/> 8547 </symbol> 8548 8549 <symbol id="credit-card" viewBox="0 0 512 512"> 8550 <path d="M492.1,161.9c-12.4-11.5-29-17.7-46-17.7h-5.5v-14.6c0-17-7.3-33-19.8-44.5c-12.4-11.5-29-17.7-46-17.7h-309 8551 c-17,0-33.6,6.2-46,17.7C7.3,96.5,0,112.5,0,129.5v175.7c0,17,7.3,33,19.8,44.5c12.4,11.5,29,17.7,46,17.7h5.5v14.6 8552 c0,17,7.3,33,19.8,44.5c12.4,11.5,29,17.7,46,17.7h309c17,0,33.6-6.2,46-17.7c12.5-11.5,19.8-27.5,19.8-44.5V206.4 8553 C512,189.4,504.6,173.4,492.1,161.9z M65.8,330.8c-8.2,0-15.8-3-21.2-8c-5.3-4.9-8-11.3-8-17.6V129.5c0-6.3,2.7-12.7,8-17.6 8554 c5.4-5,13-8,21.2-8h309c8.2,0,15.8,3,21.2,8c5.3,4.9,8,11.3,8,17.6v14.6l-302.6,0c-10.1,0-18.3,8.2-18.3,18.3 8555 c0,10.1,8.2,18.3,18.3,18.3l302.6,0v124.4c0,6.3-2.7,12.7-8,17.6c-5.4,5-13,8-21.2,8H65.8z M475.4,382.1c0,6.3-2.7,12.7-8,17.6 8556 c-5.4,5-13,8-21.2,8h-309c-8.2,0-15.8-3-21.2-8c-5.3-4.9-8-11.3-8-17.6v-14.6h267c17,0,33.6-6.2,46-17.7 8557 c12.5-11.5,19.8-27.5,19.8-44.5v-49.1h34.7V382.1z M475.4,219.5h-34.7v-38.7h5.5c8.2,0,15.8,3,21.2,8c5.3,4.9,8,11.3,8,17.6V219.5z"/> 8558 </symbol> 8559 8560 <symbol id="promotions" viewBox="0 0 512 512"> 8561 <path d="M243.11,48h-1.7l-128,9.17A61.88,61.88,0,0,0,57.3,113.28l-9.39,128a40.34,40.34,0,0,0,11.1,32L239.06,453.33a39.65,39.65,0,0,0,28.37,11.09,59.5,59.5,0,0,0,42.67-18.56L446,310.18A50.55,50.55,0,0,0,453.46,240L272.34,58.66A40.36,40.36,0,0,0,244,47.57ZM244,82.34a6.45,6.45,0,0,1,3.84,0L428.07,262.61a21.31,21.31,0,0,1-7.68,21.33L284.07,420.26a26,26,0,0,1-17.28,8.32h-3.62L83.54,247.46a6.65,6.65,0,0,1,0-4.69l9.39-128a27.1,27.1,0,0,1,22.18-22.83l128-9.17ZM166.74,198.61a32,32,0,1,0-32-32A32,32,0,0,0,166.74,198.61Z"/> 8562 </symbol> 8563 8564 <symbol id="warning" viewBox="0 0 512 449"> 8565 <path d="M234.667 256.333V128.333C234.667 116.6 244.267 107 256 107C267.733 107 277.333 116.6 277.333 128.333V256.333C277.333 268.067 267.733 277.667 256 277.667C244.267 277.667 234.667 268.067 234.667 256.333ZM256 299C238.293 299 224 313.293 224 331C224 348.707 238.293 363 256 363C273.707 363 288 348.707 288 331C288 313.293 273.707 299 256 299ZM503.04 403.107C488.107 431.907 456.747 448.333 417.493 448.333H94.72C55.2533 448.333 24.1066 431.907 9.17331 403.107C-5.97335 374.093 -1.70669 336.973 19.84 305.827L191.36 34.4666C206.507 12.7066 230.4 0.333313 256 0.333313C281.6 0.333313 305.493 12.7066 320 33.8266L492.373 306.253C513.92 337.4 517.973 374.307 502.827 403.107H503.04ZM457.173 330.147C457.173 330.147 456.747 329.72 456.747 329.293L284.587 57.2933C278.4 48.5466 267.733 43 256 43C244.267 43 233.6 48.5466 226.987 58.1466L55.2533 329.293C42.0266 348.067 39.04 368.547 46.72 383.267C54.1866 397.773 71.2533 405.667 94.5066 405.667H417.067C440.32 405.667 457.387 397.773 464.853 383.267C472.533 368.547 469.547 348.067 456.96 330.147H457.173Z"/> 8566 </symbol> 8567 8568 8569 <symbol id="comments" viewBox="0 0 512 512"> 8570 <path d="M159.97,170.64c0-8.84,7.17-16.01,16.01-16.01h106.7c8.84,0,16.01,7.17,16.01,16.01s-7.17,16.01-16.01,16.01h-106.7c-8.84,0-16.01-7.17-16.01-16.01Zm176.06,69.36H175.97c-8.84,0-16.01,7.17-16.01,16.01s7.17,16.01,16.01,16.01h160.06c8.84,0,16.01-7.17,16.01-16.01s-7.17-16.01-16.01-16.01Zm133.38,42.89c.8,26.11-8.83,51.46-26.78,70.45-17.94,18.98-42.71,30.03-68.83,30.7H170.64c-14.06,.29-27.39,6.3-36.92,16.65l-50.58,53.99c-4.29,4.67-10.31,7.37-16.65,7.47-6.55-.17-12.76-2.95-17.25-
85707.71-4.49-4.77-6.89-11.14-6.66-17.68V143.75c-1.68-54.06,40.69-99.3,94.75-101.15h237.31c54.06,1.85,96.43,47.09,94.75,101.15v139.14Zm-32.01,0V143.75c1.69-36.39-26.36-67.3-62.74-69.14H137.35c-36.38,1.84-64.43,32.75-62.74,69.14V416.91l34.79-37.99c15.91-16.92,38.02-26.63,61.25-26.89h204.02c36.38-1.84,64.43-32.75,62.74-69.14Z"/> 8571 </symbol> 8572 8573 <symbol id="play" viewBox="0 0 448 512"> 8574 <path d="M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z"/> 8575 </symbol> 8576 8577 <symbol id="truck" viewBox="0 0 512 512"> 8578 <path d="M141.6,179.5c0-9-7.3-16.3-16.3-16.3H38.1c-9,0-16.3,7.3-16.3,16.3c0,9,7.3,16.3,16.3,16.3h87.1 C134.3,195.9,141.6,188.5,141.6,179.5z"/> 8579 <path d="M509.4,268.4l-39-87.8c-2.3-5.2-6.1-9.6-10.8-12.7s-10.3-4.7-16-4.7H337.7v-36c0-7.8-3.1-15.3-8.6-20.8 8580 c-5.5-5.5-13-8.6-20.8-8.6H16.3c-9,0-16.3,7.3-16.3,16.3c0,9,7.3,16.3,16.3,16.3H305v207h-78.5c-2.8-9.8-8-18.7-15.3-26 8581 c-11.2-11.2-26.5-17.6-42.4-17.6c-15.9,0-31.1,6.3-42.4,17.6c-7.3,7.3-12.5,16.3-15.3,26h-35V234c0-9-7.3-16.3-16.3-16.3 8582 c-9,0-16.3,7.3-16.3,16.3v106.8c0,3.9,0.8,7.7,2.2,11.3c1.5,3.6,3.6,6.8,6.4,9.5c2.7,2.7,6,4.9,9.5,6.4c3.6,1.5,7.4,2.2,11.3,2.2 8583 h38.2c2.8,9.8,8,18.7,15.3,26c11.2,11.2,26.5,17.6,42.4,17.6c15.9,0,31.1-6.3,42.4-17.6c7.3-7.3,12.5-16.3,15.3-26h94.9h7.7 8584 c2.8,9.8,8,18.7,15.3,26c11.2,11.2,26.5,17.6,42.4,17.6c15.9,0,31.1-6.3,42.4-17.6c7.3-7.3,12.5-16.3,15.3-26h38.2 8585 c3.9,0,7.7-0.8,11.3-2.2c3.6-1.5,6.8-3.6,9.5-6.4c2.7-2.7,4.9-6,6.4-9.5c1.5-3.6,2.2-7.4,2.2-11.3v-60.4v0 8586 C511.9,276.2,511.1,272.1,509.4,268.4z M188.1,373.1c-5.1,5.1-12,8-19.3,8c-7.2,0-14.2-2.9-19.3-8c-5.1-5.1-8-12-8-19.3 8587 c0-7.2,2.9-14.2,8-19.3c5.1-5.1,12-8,19.3-8c7.2,0,14.1,2.9,19.3,8c5.1,5.1,8,12,8,19.3C196,361.1,193.2,368,188.1,373.1z 8588 M405.9,373.1c-5.1,5.1-12,8-19.3,8c-7.2,0-14.1-2.9-19.3-8c-5.1-5.1-8-12-8-19.2c0,0,0,0,0,0s0,0,0,0c0-7.2,2.9-14.1,8-19.2 8589 c5.1-5.1,12-8,19.3-8c7.2,0,14.2,2.9,19.3,8c5.1,5.1,8,12,8,19.3C413.9,361.1,411,368,405.9,373.1z M479.3,337.5h-35 8590 c-2.8-9.8-8-18.7-15.3-26c-11.2-11.2-26.5-17.6-42.4-17.6c-15.9,0-31.1,6.3-42.4,17.6c-2.5,2.5-4.7,5.1-6.7,8V195.9h103.8l37.9,85.2 8591 V337.5z"/> 8592 </symbol> 8593 8594 <symbol id="store" viewBox="0 0 512 512"> 8595 <path d="M468.46,180.8l-35.42-98.38c-8.32-20.98-28.87-34.54-51.43-33.93H130.85c-22.6-.51-43.13,13.12-51.43,34.14l-35.21,98.59c-8.68,21.47-5.09,45.95,9.39,64.02,10.07,11.67,23.6,19.82,38.63,23.26v142.98c.39,16.51,7.38,32.18,19.42,43.49,12.03,11.31,28.1,17.32,44.61,16.69h206.15c16.3,.34,32.07-5.8,43.84-17.09,11.77-11.29,18.57-26.79,18.9-43.09v-145.12c15.46-4.64,28.9-14.34,38.2-27.53,10.92-17.41,12.83-39,5.12-58.05Zm-183.1,256.73c-.06-.21-.13-.42-.18-.64h-54.24c.2-1.63,.2-3.28,0-4.91v-45.03c.37-6.77,3.5-13.09,8.67-17.49,5.16-4.4,11.9-6.48,18.65-5.77,13.41-.98,25.12,9.01,26.25,22.41v45.67c0,1.73,.23,3.45,.67,5.12h.18v.64Zm103.93-26.03c-1.31,14.54-13.36,25.77-27.96,26.03v-.64h-45.03c.2-1.63,.2-3.28,0-4.91v-45.03c-1.16-31.42-27.47-56.02-58.9-55.06-31.51-1.08-57.95,23.55-59.11,55.06v45.67c-.2,1.63-.2,3.28,0,4.91h-43.11c-15.72,.73-29.07-11.39-29.88-27.1v-142.34c28.43-4.29,51.27-25.69,57.41-53.78,7.52,34.08,38.8,57.57,73.63,55.27,34.2,1.43,64.5-21.86,71.92-55.27,6.01,29.86,30.74,52.35,61.03,55.48v141.7Zm42.89-193.99v-.64c-6.37,9.35-16.86,15.07-28.17,15.37h-1.71c-16.6,1.19-31.72-9.54-36.07-25.61-2.94-18.22-18.68-31.61-37.13-31.58-18.43,.25-34.05,13.63-37.13,31.8-4,16.17-19.02,27.14-35.64,26.03-16.49,1.19-31.51-9.45-35.85-25.39-2.84-18.31-18.61-31.81-37.13-31.8-18.33,.32-33.88,13.54-37.13,31.58-4.39,15.85-19.22,26.51-35.64,25.61-2.69,.31-5.41,.31-8.11,0-8.37-.99-16.02-5.2-21.34-11.74-5.89-8.26-6.71-19.11-2.13-28.17l35.21-97.95c3.34-5.94,9.86-9.37,16.64-8.75h250.75c7.06-.55,13.74,3.25,16.86,9.6l35.21,97.1c3.49,7.94,2.93,17.08-1.49,24.54Z"/> 8596 </symbol> 8597 8598 8599 <symbol id="filter" viewBox="0 0 512 512"> 8600 <path d="M299.38,227.36c18.02-.43,34.11-11.38,41.14-27.97,1.5,.63,3.1,.98,4.73,1.03h82.28c8.52,0,15.43-6.91,15.43-15.43s-6.91-15.43-15.43-15.43h-81.26c-.89-.12-1.79-.12-2.67,0-5.89-23.15-28.57-37.9-52.12-33.91-23.55,3.99-40.1,25.38-38.04,49.18,2.06,23.8,22.04,42.03,45.93,41.91v.62Zm0-60.68c8.29,0,15.02,6.72,15.02,15.02s-6.72,15.02-15.02,15.02-15.02-6.72-15.02-15.02,6.72-15.02,15.02-15.02Zm-199.95,2.88h123.43c8.52,0,15.43,6.91,15.43,15.43s-6.91,15.43-15.43,15.43H99.43c-8.52,0-15.43-6.91-15.43-15.43s6.91-15.43,15.43-15.43Zm39.29,164.55c6.44-18.22,23.66-30.41,42.99-30.44v-.41c23.26-.03,42.86,17.35,45.61,40.45,2.75,23.1-12.23,44.59-34.85,50.02-22.62,5.42-45.72-6.94-53.75-28.76h-39.29c-8.52,0-15.43-6.91-15.43-15.43s6.91-15.43,15.43-15.43h39.29Zm28,16.51c.14,8.18,6.81,14.75,14.99,14.76v-.82c8.29,0,15.02-6.72,15.02-15.01-.45-8.17-7.36-14.48-15.54-14.18-8.18,.29-14.62,7.08-14.47,15.26Zm97.28-16.51h164.57c8.52,0,15.43,6.91,15.43,15.43s-6.91,15.43-15.43,15.43h-164.57c-8.52,0-15.43-6.91-15.43-15.43s6.91-15.43,15.43-15.43Z"/> 8601 </symbol> 8602 8603 <symbol id="sort" viewBox="0 0 512 512"> 8604 <path d="M460.83,275.2l-92.8-93c-6.05-5.57-15.35-5.57-21.4,0l-92.2,93c-3.76,5.8-3.07,13.42,1.68,18.45,4.74,5.03,12.31,6.16,18.32,2.75l64.4-64.4v178c0,8.28,6.72,15,15,15s15-6.71,15-15V226.2l70.2,70.2c5.86,5.85,15.34,5.85,21.2,0,6.02-5.69,6.28-15.18,.6-21.2Zm-206.4-75.8c-5.86-5.85-15.34-5.85-21.2,0l-63.8,64.4V90c0-8.28-6.72-15-15-15s-15,6.72-15,15v180l-70.2-70.6c-5.91-5.51-15.12-5.34-20.83,.37-5.71,5.71-5.87,14.92-.37,20.83l92.8,93c5.92,5.87,15.48,5.87,21.4,0l92.2-93c5.85-5.86,5.85-15.34,0-21.2Z"/> 8605 </symbol> 8606 8607 8608 <symbol id="times" viewBox="0 0 512 512"> 8609 <path d="M281.8,256.79L444.23,94.91c6.79-6.85,6.79-17.95,0-24.8-6.67-6.97-17.67-7.18-24.6-.47l-162.43,161.88L96.86,69.65c-3.29-3.51-7.86-5.49-12.65-5.49s-9.36,1.99-12.65,5.49c-6.02,6.62-6.02,16.77,0,23.39L231.91,254.68,69.48,416.33c-6.79,6.85-6.79,17.95,0,24.8,3.23,3.34,7.67,5.2,12.3,5.15,4.71,.38,9.39-1.13,12.99-4.21l162.43-161.88,162.43,163.75c3.23,3.34,7.68,5.19,12.3,5.15,4.62,.02,9.05-1.83,12.3-5.15,6.79-6.85,6.79-17.95,0-24.8l-162.43-162.35Z"/> 8610 </symbol> 8611
8612 <symbol id="check" viewBox="0 0 512 512"> 8613 <path d="M196.27,375.26c-3.59,.16-7.13-.9-10.04-2.99l-95.95-79.28c-6.18-5.47-7.11-14.78-2.14-21.37,5.46-6.15,14.7-7.17,21.37-2.35l85.48,69.67,224.38-207.5c6.64-4.98,15.98-4.08,21.53,2.09,5.55,6.16,5.48,15.55-.16,21.63l-233.57,215.83c-2.98,2.73-6.86,4.25-10.9,4.27Z"/> 8614 </symbol> 8615 8616 <symbol id="check-circle" viewBox="0 0 512 512"> 8617 <path d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z"/> 8618 </symbol> 8619 8620 <symbol id="edit" viewBox="0 0 576 512"> 8621 <path d="M402.3 344.9l32-32c5-5 13.7-1.5 13.7 5.7V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h273.5c7.1 0 10.7 8.6 5.7 13.7l-32 32c-1.5 1.5-3.5 2.3-5.7 2.3H48v352h352V350.5c0-2.1.8-4.1 2.3-5.6zm156.6-201.8L296.3 405.7l-90.4 10c-26.2 2.9-48.5-19.2-45.6-45.6l10-90.4L432.9 17.1c22.9-22.9 59.9-22.9 82.7 0l43.2 43.2c22.9 22.9 22.9 60 .1 82.8zM460.1 174L402 115.9 216.2 301.8l-7.3 65.3 65.3-7.3L460.1 174zm64.8-79.7l-43.2-43.2c-4.1-4.1-10.8-4.1-14.8 0L436 82l58.1 58.1 30.9-30.9c4-4.2 4-10.8-.1-14.9z"/> 8622 </symbol> 8623 8624 <symbol id="minus" viewBox="0 0 512 512"> 8625 <path d="M421.33,266.67H80c-8.84,0-16-7.16-16-16s7.16-16,16-16H421.33c8.84,0,16,7.16,16,16s-7.16,16-16,16Z"/> 8626 </symbol> 8627 8628 <symbol id="plus" viewBox="0 0 512 512"> 8629 <path d="M421.33,234.67h-154.67V80c0-8.84-7.16-16-16-16s-16,7.16-16,16V234.67H80c-8.84,0-16,7.16-16,16s7.16,16,16,16H234.67v154.67c0,8.84,7.16,16,16,16s16-7.16,16-16v-154.67h154.67c8.84,0,16-7.16,16-16s-7.16-16-16-16Z"/> 8630 </symbol> 8631 8632 <symbol id="info" viewBox="0 0 512 512"> 8633 <path d="M256 0C205.368 0 155.873 15.0141 113.774 43.1438C71.6751 71.2734 38.863 111.255 19.487 158.033C0.110921 204.811 -4.95873 256.284 4.91908 305.943C14.7969 355.602 39.1785 401.217 74.9808 437.019C110.783 472.822 156.398 497.203 206.057 507.081C255.716 516.959 307.189 511.889 353.967 492.513C400.745 473.137 440.727 440.325 468.856 398.226C496.986 356.127 512 306.632 512 256C511.927 188.127 484.932 123.055 436.938 75.0618C388.945 27.0683 323.873 0.0734097 256 0ZM256 469.333C213.807 469.333 172.561 456.822 137.478 433.38C102.396 409.939 75.0525 376.621 58.9058 337.639C42.7591 298.658 38.5344 255.763 46.7659 214.381C54.9974 172.998 75.3155 134.986 105.151 105.151C134.986 75.3154 172.998 54.9973 214.381 46.7658C255.763 38.5343 298.658 42.759 337.639 58.9057C376.621 75.0524 409.939 102.396 433.38 137.478C456.822 172.561 469.333 213.807 469.333 256C469.271 312.56 446.775 366.787 406.781 406.781C366.787 446.775 312.561 469.271 256 469.333Z"/> 8634 <path d="M256 213.333H234.667C229.009 213.333 223.583 215.581 219.582 219.582C215.581 223.582 213.333 229.009 213.333 234.667C213.333 240.325 215.581 245.751 219.582 249.752C223.583 253.752 229.009 256 234.667 256H256V384C256 389.658 258.248 395.084 262.248 399.085C266.249 403.086 271.675 405.333 277.333 405.333C282.991 405.333 288.418 403.086 292.418 399.085C296.419 395.084 298.667 389.658 298.667 384V256C298.667 244.684 294.171 233.832 286.17 225.83C278.168 217.829 267.316 213.333 256 213.333Z"/> 8635 <path d="M256 170.667C273.673 170.667 288 156.34 288 138.667C288 120.994 273.673 106.667 256 106.667C238.327 106.667 224 120.994 224 138.667C224 156.34 238.327 170.667 256 170.667Z"/> 8636 </symbol> 8637 8638 <symbol id="info-circle" viewBox="0 0 512 512"> 8639 <path d="M251.42,171.93c-8.18,.94-14.36,7.87-14.36,16.11s6.18,15.17,14.36,16.11c4.3,.06,8.44-1.64,11.46-4.7,3.02-3.06,4.66-7.22,4.55-11.52-.12-8.79-7.21-15.89-16.01-16.01Zm0,61.46c-4.26-.06-8.37,1.61-11.38,4.62-3.02,3.01-4.68,7.12-4.62,11.38v66.58c0,8.84,7.17,16.01,16.01,16.01s16.01-7.17,16.01-16.01v-66.16c.12-4.32-1.52-8.5-4.54-11.59-3.01-3.09-7.15-4.84-11.47-4.84Zm0-190.36c-115.34,.12-208.81,93.59-208.93,208.93,0,115.39,93.54,208.93,208.93,208.93s208.93-93.54,208.93-208.93c-.12-11
86395.34-93.59-208.81-208.93-208.93Zm0,385.85c-97.71,0-176.92-79.21-176.92-176.92S153.71,75.04,251.42,75.04s176.92,79.21,176.92,176.92c-.12,97.66-79.26,176.8-176.92,176.92Z"/> 8640 </symbol> 8641 8642 <symbol id="map-marker-alt" viewBox="0 0 448 512"> 8643 <path d="M358.83,327.52a16,16,0,0,0-21.34,6.83,16.21,16.21,0,0,0,7,21.33C363.31,365.28,374,377,374,388.32c0,24.11-50.34,51-117.76,51s-118-26.67-118-50.14c0-11.09,10.67-23,29.44-32.64a16,16,0,1,0-14.51-28.37,72.31,72.31,0,0,0-46.5,61c0,47.36,64,83,149.33,83s149.33-35.63,149.33-83A72.31,72.31,0,0,0,358.83,327.52ZM240,398.56V306.4a133.76,133.76,0,1,1,32,0v92.16a16,16,0,0,1-32,0Zm110.38-264a102,102,0,1,0-22.06,111.23A102,102,0,0,0,350.38,134.58ZM204.59,197.17a16,16,0,0,0,16-16A44.37,44.37,0,0,1,265,136.8a16,16,0,0,0,0-32,76.58,76.58,0,0,0-76.37,76.8,15.78,15.78,0,0,0,16,15.57Z"/> 8644 </symbol> 8645 8646 <symbol id="calendar" viewBox="0 0 512 512"> 8647 <path d="M352.24,174.38H159.92c-8.85,0-16.03,7.18-16.03,16.03s7.18,16.03,16.03,16.03h192.33c8.85,0,16.03-7.18,16.03-16.03s-7.18-16.03-16.03-16.03Zm8.33-98.09h2.35c59.01,0,106.85,47.84,106.85,106.85v192.33c0,59.01-47.84,106.85-106.85,106.85H149.23c-28.34,0-55.52-11.26-75.55-31.3-20.04-20.04-31.3-47.21-31.3-75.55V183.14c0-59.01,47.84-106.85,106.85-106.85h1.92V37.4c0-8.85,7.18-16.03,16.03-16.03s16.03,7.18,16.03,16.03v38.89h145.31V37.4c0-8.85,7.18-16.03,16.03-16.03s16.03,7.18,16.03,16.03v38.89Zm2.35,373.97c41.31,0,74.79-33.49,74.79-74.79V183.14c0-41.31-33.49-74.79-74.79-74.79H149.23c-41.31,0-74.79,33.49-74.79,74.79v192.33c0,41.31,33.49,74.79,74.79,74.79h213.7Z"/> 8648 </symbol> 8649 8650 <symbol id="spinner-third" viewBox="0 0 512 512"> 8651 <path d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z"/> 8652 </symbol> 8653 8654 <symbol id="icon-bell" viewBox="0 0 15 20"> 8655 <path d="M78.375,13.75a1.251,1.251,0,0,1-1.25-1.25V8.125a5.633,5.633,0,0,0-3.966-5.378,1.875,1.875,0,1,0-3.315,0,5.688,5.688,0,0,0-3.968,5.427V12.5a1.251,1.251,0,0,1-1.25,1.25.625.625,0,0,0-.625.625v2.5a.625.625,0,0,0,.625.625h4.71a2.217,2.217,0,0,0-.022.313,2.188,2.188,0,1,0,4.353-.312h4.71A.625.625,0,0,0,79,16.875v-2.5A.625.625,0,0,0,78.375,13.75ZM71.5,1.25a.625.625,0,1,1-.625.625A.626.626,0,0,1,71.5,1.25Zm.938,16.563a.938.938,0,1,1-1.822-.312h1.769A.934.934,0,0,1,72.438,17.813ZM77.75,16.25H65.25V14.921A2.5,2.5,0,0,0,67.125,12.5V8.179A4.411,4.411,0,0,1,71.484,3.75H71.5a4.375,4.375,0,0,1,4.375,4.375V12.5a2.5,2.5,0,0,0,1.875,2.421Z" transform="translate(-64)"/><path d="M176.625,131.75a.625.625,0,0,1-.625-.625A3.129,3.129,0,0,1,179.125,128a.625.625,0,0,1,0,1.25,1.877,1.877,0,0,0-1.875,1.875A.625.625,0,0,1,176.625,131.75Z" transform="translate(-171.625 -123)"/> 8656 </symbol> 8657 8658 8659 8660 <symbol id="icon-email" viewBox="0 0 512 512"> 8661 <path d="M415.2,100H96.8C67.1,100,43,124.1,43,153.8v204.4c0,29.7,24.1,53.8,53.8,53.8h318.3c29.7,0,53.8-24.1,53.8-53.8V153.8 8662 C469,124.1,444.9,100,415.2,100z M406.7,134.7L256,251.2L105.2,134.7H406.7z M415.2,377.3H96.8c-10.6,0-19.2-8.6-19.2-19.2l0,0 8663 V157.3l167.7,129.6c6.3,4.9,15,4.9,21.3,0l167.6-129.6v200.9C434.3,368.7,425.7,377.3,415.2,377.3L415.2,377.3z"/> 8664 </symbol> 8665 8666 8667 8668 <symbol id="instagram" viewBox="0 0 448 512"> 8669 <path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/> 8670 </symbol> 8671
8672 <symbol id="tiktok" viewBox="0 0 448 512"> 8673 <path d="M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z"/> 8674 </symbol> 8675 8676 8677 <symbol id="youtube" viewBox="0 0 576 512"> 8678 <path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/> 8679 </symbol> 8680 8681 8682 <symbol id="share" viewBox="0 0 512 512"> 8683 <path d="M434.2,409.6a51.2,51.2,0,1,1-100.82-12.66L155,298.89A51.21,51.21,0,1,1,162.34,219l171.52-102.2a51.22,51.22,0,1,1,13.11,22L175.88,240.71a51.31,51.31,0,0,1-3.32,38.64l173.17,95.16A51.19,51.19,0,0,1,434.2,409.6Z"/> 8684 </symbol> 8685 8686 <symbol id="facebook-f" viewBox="0 0 320 512"> 8687 <path d="M279.1 288l14.3-92.7h-89v-60c0-25.4 12.5-50.2 52.3-50.2H297V6.4S260.4 0 225.4 0C152 0 104.3 44.4 104.3 124.7v70.6H22.9V288h81.4v224h100.2V288z"/> 8688 </symbol> 8689 8690 <symbol id="pinterest" viewBox="0 0 384 512"> 8691 <path d="M204 6.5C101.4 6.5 0 74.9 0 185.6 0 256 39.6 296 63.6 296c9.9 0 15.6-27.6 15.6-35.4 0-9.3-23.7-29.1-23.7-67.8 0-80.4 61.2-137.4 140.4-137.4 68.1 0 118.5 38.7 118.5 109.8 0 53.1-21.3 152.7-90.3 152.7-24.9 0-46.2-18-46.2-43.8 0-37.8 26.4-74.4 26.4-113.4 0-66.2-93.9-54.2-93.9 25.8 0 16.8 2.1 35.4 9.6 50.7-13.8 59.4-42 147.9-42 209.1 0 18.9 2.7 37.5 4.5 56.4 3.4 3.8 1.7 3.4 6.9 1.5 50.4-69 48.6-82.5 71.4-172.8 12.3 23.4 44.1 36 69.3 36 106.2 0 153.9-103.5 153.9-196.8C384 71.3 298.2 6.5 204 6.5z"/> 8692 </symbol> 8693 8694 <symbol id="twitter" viewBox="0 0 512 512"> 8695 <path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/> 8696 </symbol> 8697 8698 <symbol id="whatsapp-line" viewBox="0 0 512 512"> 8699 <path d="M68.25,254.4c0-108.67,88.39-197.06,197.06-197.06a195.72,195.72,0,0,1,139.38,57.8c36.8,36.89,59.36,86.27,59.36,139.35,0,108.92-90.4,197.06-198.74,197.06h-.08a196.6,196.6,0,0,1-87-20.26L91.64,454a19.86,19.86,0,0,1-24.2-24.47l23-84.05A197.23,197.23,0,0,1,68.25,254.4ZM265.31,97.07C178.58,97.07,108,167.67,108,254.4a157.53,157.53,0,0,0,21,78.69,19.8,19.8,0,0,1,1.94,15.16l-16,58.59,60.64-15.93a19.91,19.91,0,0,1,14.57,1.78,156.71,156.71,0,0,0,75.17,19.12h.07c86.9,0,159-70.85,159-157.33,0-41.59-17.67-81.13-47.75-111.29A156,156,0,0,0,265.3,97.06Zm60.38,171.39c4,1.53,25.7,13,30.06,15.37s7.29,3.5,8.33,5.63c1.11,2,1.11,11.45-2.54,22.55s-21.18,21.17-29.67,22.54c-14,2.22-24.9,1.11-52.82-11.87-44.18-20.58-73-68.41-75.2-71.57s-17.93-25.7-17.93-49,11.35-34.76,15.39-39.54a15.82,15.82,0,0,1,11.74-5.89c2.94,0,5.87,0,8.41.17,2.7.17,6.35-1.11,9.91,8.11,3.65,9.48,12.46,32.8,13.57,35.19s1.82,5.12.4,8.28c-8.41,18.1-17.46,17.5-12.93,25.87,17.05,31.51,34,42.44,59.88,56.36,4.36,2.39,7,2,9.53-1.19s11-13.84,14-18.62,5.86-4,9.91-2.39Z"/> 8700 </symbol> 8701 8702 <symbol id="whatsapp" viewBox="0 0 448 512"> 8703 <path d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"/> 8704 </symbol> 8705
8706 <symbol id="linkedin" viewBox="0 0 2500 2500"> 8707 <path d="M2306,5H184C82.4,5,0,84.9,0,183.4v2133.3c0,98.5,82.4,178.3,184,178.3H2306c101.6,0,184-79.9,184-178.3V183.4 8708 C2490,84.9,2407.6,5,2306,5z M384.1,2088.8v-1121h372.6v1121H384.1z M570.5,814.8L570.5,814.8l-2.4,0 8709 c-125.1,0-205.9-86.1-205.9-193.7c0-110,83.3-193.7,210.8-193.7c127.4,0,205.9,83.7,208.3,193.7 8710 C781.2,728.7,700.4,814.8,570.5,814.8z M2100.3,2088.8h-372.6v-599.6c0-150.7-54-253.5-188.7-253.5c-103,0-164.3,69.3-191.2,136.3 8711 c-9.8,23.9-12.3,57.4-12.3,90.9v626H962.9l0,0c0,0,4.9-1015.8,0-1121h372.6v158.7c49.5-76.4,138.2-185,335.8-185 8712 c245.1,0,428.9,160.2,428.9,504.5V2088.8z"/> 8713 </symbol> 8714 8715 8716 <symbol id="shipping-moto" viewBox="0 0 56.9 46.2"> 8717 <title>Motoboy</title> 8718 <path d="M0,28c1.1-1.7,2.2-3.3,3.3-5c0.2-0.2,0.3-0.5,0.3-0.8c0.1-4.4,3.5-7.9,7.9-7.9c3.8,0,7.7,0,11.5,0c2.6,0,4.7,1.7,5.2,4.1 8719 c0.5,2.5-0.7,4.9-3.1,6c-0.2,0.1-0.4,0.3-0.4,0.4c0,3.6,0,7.1,0,10.7c0,0,0,0.1,0,0.2c0.2,0,0.3,0,0.5,0c2.9,0,5.8,0,8.7,0 8720 c0.4,0,0.6-0.1,0.7-0.5c1.4-2.8,2.8-5.7,4.2-8.5c0.1-0.3,0.2-0.6,0.2-0.9c0-5.4,0-10.7,0-16.1c0-0.3-0.1-0.6-0.2-0.9 8721 c-0.8-1.7-1.7-3.3-2.5-5c-0.2-0.3-0.3-0.5-0.7-0.5c-0.7,0-1.4,0-2.1,0c-0.9,0-1.6-0.7-1.7-1.6c0-0.9,0.6-1.7,1.6-1.7 8722 c1.3,0,2.5,0,3.8,0c0.7,0,1.2,0.4,1.5,1.1c0.9,1.9,1.9,3.7,2.8,5.6c0.2,0.3,0.4,0.4,0.7,0.4c1.1,0,2.1-0.1,3.2,0.1 8723 c2,0.4,3.4,1.7,3.9,3.7c0.6,2,0,3.8-1.4,5.2c-0.2,0.2-0.3,0.3-0.6,0.6c0.2,0.1,0.4,0.2,0.6,0.4c2.1,2.1,4.2,4.2,6.3,6.3 8724 c1,1,1,1.9,0,2.9c-1,1-1.9,1.9-2.9,2.9c2.4,1.1,4.1,2.8,5,5.3c0.6,1.8,0.6,3.6,0.1,5.5c-1.2,3.7-4.6,6.2-8.5,6.2 8725 c-3.8,0-7.6-2.6-8.6-7.1c-0.6,0-1.3,0-1.9,0c-5.9,0-11.7,0-17.6,0c-0.5,0-0.7,0.1-0.8,0.6c-1,4-4.9,6.8-8.9,6.6 8726 c-4.3-0.3-7.7-3.5-8.3-7.7c-0.2-1.7,0-3.4,0.8-4.9c0.1-0.3,0.1-0.5-0.1-0.8c-0.9-1.3-1.7-2.6-2.6-3.9C0,28.6,0,28.3,0,28z 8727 M21.4,24.8c-5,0-10,0-15,0c-0.2,0-0.4,0.1-0.5,0.3c-0.4,0.6-0.9,1.3-1.3,1.9c-0.3,0.5-0.9,1-0.9,1.5c0,0.5,0.6,1,0.9,1.5 8728 c0.2,0.3,0.4,0.4,0.8,0.4c2.5,0,5.1,0,7.6,0c0.8,0,1.4,0.3,1.9,0.9c1.1,1.4,2.2,2.7,3.3,4.1c0.1,0.1,0.3,0.4,0.5,0.4 8729 c0.9,0,1.8,0,2.7,0C21.4,32,21.4,28.4,21.4,24.8z M38.3,35.7c0.3,0,0.5,0,0.7-0.1c1.2-0.2,2.1-0.8,3-1.6c2.9-2.9,5.8-5.8,8.7-8.7 8730 c0.1-0.1,0.2-0.2,0.3-0.4c-0.2-0.2-0.3-0.3-0.4-0.4c-2.1-2.1-4.2-4.2-6.3-6.3c-0.5-0.6-1.1-0.6-1.8-0.5c0,0.2,0,0.5,0,0.7 8731 c0,2.6,0,5.3,0,7.9c0,0.5-0.1,1-0.3,1.4c-1.2,2.5-2.4,4.9-3.7,7.3C38.5,35.3,38.4,35.4,38.3,35.7z M44.6,36.2 8732 c-0.6,0.5-1,0.9-1.6,1.3c-0.3,0.2-0.4,0.5-0.4,0.8c0.4,2.6,2.8,4.7,5.5,4.6c2.8-0.1,5.1-2.3,5.3-5c0.2-2.7-1.7-5.3-4.4-5.8 8733 c-0.2,0-0.4,0-0.6,0.1c-0.6,0.5-1.2,1.1-1.8,1.7c0.8,0.8,1.6,1.6,2.3,2.3c0.4,0.4,0.6,0.9,0.5,1.4c-0.1,0.7-0.4,1.1-1.1,1.4 8734 c-0.6,0.2-1.3,0.1-1.7-0.4C46.1,37.8,45.3,37,44.6,36.2z M7,21.4c0.1,0,0.1,0,0.2,0c5.3,0,10.7,0,16,0c1,0,1.8-0.9,1.8-1.9 8735 c0-1-0.8-1.8-1.8-1.9c-0.8,0-1.6,0-2.4,0c-3.1,0-6.3,0-9.4,0C9.2,17.7,7.2,19.4,7,21.4z M11.8,33.8c0,0,0-0.1-0.1-0.1 8736 c-1.6,0-3.1,0-4.7,0c-0.4,0-0.6,0.1-0.8,0.4c-1.3,1.8-1.5,4.2-0.3,6.1c1.2,1.9,3.5,2.9,5.7,2.5c2.1-0.4,3.9-2.2,4.3-4.3 8737 c0-0.2,0-0.5-0.1-0.6c-0.5-0.6-1-1.2-1.5-1.8c-0.2,0.2-0.3,0.3-0.5,0.4c-0.7,0.7-1.5,1.5-2.2,2.2c-0.5,0.5-1.1,0.6-1.7,0.4 8738 c-0.6-0.2-1-0.7-1.1-1.4c-0.1-0.6,0.2-1,0.6-1.4C10.3,35.3,11,34.6,11.8,33.8z M42.6,14.3c0.6,0,1.3,0,1.9,0c0.2,0,0.3,0,0.5-0.1 8739 c0.8-0.2,1.4-1,1.4-1.8c0-0.8-0.5-1.6-1.3-1.8c-0.8-0.1-1.6-0.1-2.5-0.1C42.6,11.8,42.6,13,42.6,14.3z"/> 8740 </symbol> 8741 8742 8743</svg> 8744 8745 8746 8747 8748 8749 8750<div class="js-menu-overlay menu-overlay" style="display: none;"></div> 8751 8752 8753 8754 8755 8756 8757 8758 8759 8760 8761 8762 8763 8764<section class="js-adbar section-adbar section-adbar-marquee"> 8765 <div class="adbar-marquee"> 8766 <div class="adbar-marquee-track"> 8767 8768 <div class="adbar-item"> 8769 8770 <svg class="icon-inline adbar-icon"><use xlink:href="#tag"/></svg> 8771 <div class="adbar-text">GANHE5 - 5% OFF NA PRIMEIRA COMPRA</div> 8772 8773 </div> 8774 8775 8776 <div class="adbar-item"> 8777 8778 <svg class="icon-inline adbar-icon"><use xlink:href="#truck"/></svg> 8779 <div class="adbar-text">Frete Grátis a partir de R$ 229</div> 8780 8781 </div> 8782 8783 8784 <div class="adbar-item"> 8785 8786 <svg class="icon-inline adbar-icon"><use xlink:href="#returns"/></svg> 8787 <div class="adbar-text">Primeira Troca Grátis</div> 8788 8789 </div> 8790 8791 8792 <div class="adbar-item"> 8793 8794 <svg class="icon-inline adbar-icon"><use xlink:href="#tag"/></svg> 8795 <div class="adbar-text">Desconto Progressivo</div> 8796 8797 </div> 8798 8799 </div> 8800 <div class="adbar-marquee-track"> 8801 8802 <div class="adbar-item"> 8803 8804 <svg class="icon-inline adbar-icon"><use xlink:href="#tag"/></svg> 8805 <div class="adbar-text">GANHE5 - 5% OFF NA PRIMEIRA COMPRA</div> 8806 8807 </div> 8808 8809 8810 <div class="adbar-item"> 8811 8812 <svg class="icon-inline adbar-icon"><use xlink:href="#truck"/></svg> 8813 <div class="adbar-text">Frete Grátis a partir de R$ 229</div> 8814 8815 </div> 8816 8817 8818 <div class="adbar-item"> 8819 8820 <svg class="icon-inline adbar-icon"><use xlink:href="#returns"/></svg> 8821 <div class="adbar-text">Primeira Troca Grátis</div> 8822 8823 </div> 8824 8825 8826 <div class="adbar-item"> 8827 8828 <svg class="icon-inline adbar-icon"><use xlink:href="#tag"/></svg> 8829 <div class="adbar-text">Desconto Progressivo</div> 8830 8831 </div> 8832 8833 </div> 8834 </div> 8835 </section> 8836 8837 8838 8839 8840<header class="js-head-main head-main head-colors " data-store="head"> 8841 8842 8843 <div class="d-none d-md-block header-logo-row"> 8844 <div class="container"> 8845 <div class="js-head-logo row align-items-center justify-content-between justify-content-md-center"> 8846 <div class="d-md-none col h-col"> 8847 <a href="#" class="js-modal-open btn btn-hamburger d-flex align-items-center justify-content-center d-md-none" data-toggle="#nav-hamburger" aria-label="Menu" data-component="menu-button"> 8848 <svg class="icon-inline icon-2x mr-2"><use xlink:href="#menu"></use></svg> 8849 8850 </a> 8851 </div> 8852 <div class="col col-md-auto text-center text-md-left"> 8853 <div id="logo" class="logo-img-container ">
8854 <a href="https://www.alizi.com.br" title="" ><img src="//acdn-us.mitiendanube.com/stores/001/134/626/themes/common/logo-1819588317-1755010340-b5fa6691cc9031c6ffa8f9c544f31b361755010340-480-0.webp" alt="ALIZI | Camisetas Femininas 100% Algodão | Estampas DTF " class="logo-img transition-soft-slow logo-img-medium" loading="eager" decoding="async" width="240" height="60" /></a> 8855</div> 8856<div id="no-logo" class="logo-text-container hidden"> 8857 <a class="logo-text h2" href="https://www.alizi.com.br">ALIZI | Camisetas Femininas 100% Algodão | Estampas DTF </a> 8858</div> 8859 </div> 8860 <div class="col d-none d-md-block"> 8861 8862 8863 8864 8865<form class="js-search-form search-form " action="/search/" method="get"> 8866 <div class="form-group m-0"> 8867 <input class="js-search-input form-control search-input " autocomplete="off" type="search" name="q" placeholder="Buscar" aria-label="Buscar" /> 8868 <button type="submit" class="js-search-input-submit search-btn search-submit-btn svg-icon-mask " value="Buscar" aria-label="Buscar"> 8869 </button> 8870 <a href="#" class="js-empty-search search-btn search-empty-btn svg-icon-mask" style="display: none;"> 8871 </a> 8872 </div> 8873</form> 8874<div class="js-search-form-suggestions search-suggestions search-suggest mt-2" style="display: none;"> 8875 </div> 8876 </div> 8877 <div class="col col-md-auto h-col d-block text-right"> 8878 8879<div class="utilities-container d-flex align-items-stretch justify-content-end"> 8880 <div class="utilities-item d-none d-lg-flex align-items-center" data-store="account-links"> 8881 <svg class="icon-inline mr-2"><use xlink:href="#user"/></svg> 8882 <span class="nav-accounts-item pr-1"><a href="/account/register" title="" class="nav-accounts-link">Cadastre-se</a></span><span class="mx-1">|</span> 8883 <span class="nav-accounts-item pl-1 pr-4"><a href="/account/login/" title="" class="nav-accounts-link">Fazer login</a></span> 8884 </div> 8885 <div class="utilities-item d-flex align-items-center"> 8886 <div id="ajax-cart" class="js-cart-summary nav-dropdown cart-summary" data-component='cart-button'> 8887 <a href="#" class="d-inline-block py-2 js-modal-open js-toggle-cart js-fullscreen-modal-open js-cart-link" data-toggle="#modal-cart" data-modal-url="modal-fullscreen-cart"> 8888 8889 <svg class="icon-inline icon-1x icon-shopping-cart"><use xlink:href="#cart"/></svg> 8890 <span class="js-cart-widget-amount badge cart-widget-amount d-flex align-items-center justify-content-center">0</span> 8891 </a> 8892 </div> 8893 </div> 8894 </div> 8895 </div> 8896 </div> 8897 </div> 8898 </div> 8899 8900 <div class="d-block d-md-none header-logo-row"> 8901 <div class="container"> 8902 <div class="js-head-logo row no-gutters align-items-center justify-content-between justify-content-md-center"> 8903 <div class="col-2 h-col"> 8904 <a href="#" class="js-modal-open btn btn-hamburger d-flex align-items-center justify-content-center" data-toggle="#nav-hamburger" aria-label="Menu" data-component="menu-button"> 8905 <svg class="icon-inline icon-2x mr-2"><use xlink:href="#menu"></use></svg> 8906 8907 </a> 8908 </div> 8909 <div class="col col-md-auto text-center text-md-left"><div id="logo" class="logo-img-container "> 8910 <a href="https://www.alizi.com.br" title="" ><img src="//acdn-us.mitiendanube.com/stores/001/134/626/themes/common/logo-1819588317-1755010340-b5fa6691cc9031c6ffa8f9c544f31b361
8910755010340-480-0.webp" alt="ALIZI | Camisetas Femininas 100% Algodão | Estampas DTF " class="logo-img transition-soft-slow logo-img-medium" loading="eager" decoding="async" width="240" height="60" /></a> 8911</div> 8912<div id="no-logo" class="logo-text-container hidden"> 8913 <a class="logo-text h2" href="https://www.alizi.com.br">ALIZI | Camisetas Femininas 100% Algodão | Estampas DTF </a> 8914</div> 8915</div> 8916 <div class="head-search-icon px-1"> 8917 <a href="#" class="js-modal-open js-toggle-search js-fullscreen-modal-open js-search-link" data-toggle="#nav-search" data-modal-url="modal-fullscreen-search" aria-label="Buscar" title="Buscar"> 8918 <svg class="icon-inline icon-2x"><use xlink:href="#search"/></svg> 8919 </a> 8920 </div> 8921 <div class="col-auto pl-1 col-md-auto h-col d-block text-right"> 8922 8923<div class="utilities-container d-flex align-items-stretch justify-content-end"> 8924 <div class="utilities-item d-none d-lg-flex align-items-center" data-store="account-links"> 8925 <svg class="icon-inline mr-2"><use xlink:href="#user"/></svg> 8926 <span class="nav-accounts-item pr-1"><a href="/account/register" title="" class="nav-accounts-link">Cadastre-se</a></span><span class="mx-1">|</span> 8927 <span class="nav-accounts-item pl-1 pr-4"><a href="/account/login/" title="" class="nav-accounts-link">Fazer login</a></span> 8928 </div> 8929 <div class="utilities-item d-flex align-items-center"> 8930 <div id="ajax-cart" class="js-cart-summary nav-dropdown cart-summary" data-component='cart-button'> 8931 <a href="#" class="d-inline-block py-2 js-modal-open js-toggle-cart js-fullscreen-modal-open js-cart-link" data-toggle="#modal-cart" data-modal-url="modal-fullscreen-cart"> 8932 8933 <svg class="icon-inline icon-1x icon-shopping-cart"><use xlink:href="#cart"/></svg> 8934 <span class="js-cart-widget-amount badge cart-widget-amount d-flex align-items-center justify-content-center">0</span> 8935 </a> 8936 </div> 8937 </div> 8938 </div> 8939 </div> 8940 </div> 8941 </div> 8942 </div> 8943 8944 <section class="main-menu d-none d-md-block"> 8945 <div class="container"> 8946 8947<div class="nav-desktop head-style1 nav-menu-box " data-featured-link="" data-featured-link-url="" data-featured-link-color="true"> 8948 <ul class="js-nav-desktop-list nav-desktop-list d-none d-md-flex align-items-stretch text-center flex-wrap justify-content-between" data-store="navigation" data-component="menu"> 8949 8950 8951 8952 8953 8954 <li class="nav-item js-item-subitems-desktop nav-dropdown nav-item-desktop item-with-subitems position-relative" data-slug="t-shirt-feminina" data-component="menu.item"> 8955 <div class="nav-item-container "> 8956 <a class=" nav-list-link d-flex flex-row align-items-center justify-content-between text-uppercase " href="https://www.alizi.com.br/t-shirts-femininas/" data-url-cleaned=""> 8957 8958 8959 T-Shirt Feminina 8960 8961 <span class="nav-list-arrow transition-soft ml-2"> 8962 <svg class="icon-inline icon-md"><use xlink:href="#chevron-down"/></svg> 8963 </span> 8964 8965 </a> 8966 </div> 8967 <div class="js-desktop-dropdown nav-dropdown-content desktop-dropdown shadow-soft"> <ul class="desktop-list-subitems list-subitems nav-list-accordion" > 8968 8969 <li class="nav-item position-relative sub nav-item-desktop" data-slug="times-de-futebol-&-copa-2026" data-component="menu.item"> 8970 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/times-de-futebol/">Times de Futebol & Copa 2026</a> 8971 </li> 8972 <li class="nav-item position-relative sub nav-item-desktop" data-slug="infantil" data-component="menu.item"> 8973 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/infantil/">Infantil</a> 8974 </li> 8975 <li class="nav-item position-relative sub nav-item-desktop" data-slug="desenhos-animados" data-component="menu.item">
8976 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/desenhos-animados/">Desenhos Animados</a> 8977 </li> 8978 <li class="nav-item position-relative sub nav-item-desktop" data-slug="bandas-de-rock" data-component="menu.item"> 8979 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/bandas-de-rock1/">Bandas de Rock</a> 8980 </li> 8981 <li class="nav-item position-relative sub nav-item-desktop" data-slug="animais" data-component="menu.item"> 8982 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/estampas-animais/">Animais</a> 8983 </li> 8984 <li class="nav-item position-relative sub nav-item-desktop" data-slug="borboletas" data-component="menu.item"> 8985 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/borboletas/">Borboletas</a> 8986 </li> 8987 <li class="nav-item position-relative sub nav-item-desktop" data-slug="católicas" data-component="menu.item"> 8988 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/catolicas/">Católicas</a> 8989 </li> 8990 <li class="nav-item position-relative sub nav-item-desktop" data-slug="cachorros" data-component="menu.item"> 8991 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/cachorro/">Cachorros</a> 8992 </li> 8993 <li class="nav-item position-relative sub nav-item-desktop" data-slug="comida-e-bebida" data-component="menu.item"> 8994 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/comida-e-bebida/">Comida e Bebida</a> 8995 </li> 8996 <li class="nav-item position-relative sub nav-item-desktop" data-slug="cristã" data-component="menu.item"> 8997 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/cristas/">Cristã</a> 8998 </li> 8999 <li class="nav-item position-relative sub nav-item-desktop" data-slug="flores" data-component="menu.item"> 9000 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/flores/">Flores</a> 9001 </li> 9002 <li class="nav-item position-relative sub nav-item-desktop" data-slug="gatos" data-component="menu.item"> 9003 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/gatos/">Gatos</a> 9004 </li> 9005 <li class="nav-item position-relative sub nav-item-desktop" data-slug="mÃstico-e-fantasia" data-component="menu.item"> 9006 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/mistico-e-fantasia/">MÃstico e Fantasia</a> 9007 </li> 9008 <li class="nav-item position-relative sub nav-item-desktop" data-slug="música" data-component="menu.item"> 9009 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/musica/">Música</a> 9010 </li> 9011 <li class="nav-item position-relative sub nav-item-desktop" data-slug="natureza" data-component="menu.item"> 9012 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/natureza-e-flores/">Natureza</a> 9013 </li> 9014 <li class="nav-item position-relative sub nav-item-desktop" data-slug="natal" data-component="menu.item"> 9015 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/t-shirt-feminina-natal/">Natal</a> 9016 </li> 9017 <li class="nav-item position-relative sub nav-item-desktop" data-slug="profissões-e-educação" data-component="menu.item"> 9018 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/profissoes-e-educacao/">Profissões e Educação</a> 9019 </li> 9020 <li class="nav-item position-relative sub nav-item-desktop" data-slug="vintage" data-component="menu.item"> 9021 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/vintage/">Vintage</a> 9022 </li> 9023 <li class="nav-item position-relative sub nav-item-desktop" data-slug="frases" data-component="menu.item"> 9024 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/frases/">Frases</a> 9025 </li> 9026 <li class="nav-item position-relative sub nav-item-desktop" data-slug="gym-fitness" data-component="menu.item">
9027 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/gym-fitness/">Gym Fitness</a> 9028 </li> 9029 <li class="nav-item position-relative sub nav-item-desktop" data-slug="outros-temas" data-component="menu.item"> 9030 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/outros-temas/">Outros Temas</a> 9031 </li> 9032 <li class="nav-item position-relative sub nav-item-desktop" data-slug="séries-de-tv" data-component="menu.item"> 9033 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/series-de-tv/">Séries de TV</a> 9034 </li> 9035 <li class="nav-item position-relative sub nav-item-desktop" data-slug="signos" data-component="menu.item"> 9036 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/t-shirts-signos/">Signos</a> 9037 </li> 9038 <li class="nav-item position-relative sub nav-item-desktop" data-slug="mandalas" data-component="menu.item"> 9039 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/mandalas/">Mandalas</a> 9040 </li> 9041 <li class="nav-item position-relative sub nav-item-desktop" data-slug="gothic-vibes" data-component="menu.item"> 9042 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/gothic-vibes/">Gothic Vibes</a> 9043 </li> 9044 <li class="nav-item position-relative sub nav-item-desktop" data-slug="caveiras-&-attitude" data-component="menu.item"> 9045 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/caveiras-attitude/">Caveiras & Attitude</a> 9046 </li> 9047 <li class="nav-item position-relative sub nav-item-desktop" data-slug="fruit-vibes" data-component="menu.item"> 9048 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/frutas-estilo/">Fruit Vibes</a> 9049 </li> 9050 <li class="nav-item position-relative sub nav-item-desktop" data-slug="fashionista" data-component="menu.item"> 9051 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/fashionista/">Fashionista</a> 9052 </li> 9053 <li class="nav-item position-relative sub nav-item-desktop" data-slug="teddy-love" data-component="menu.item"> 9054 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/teddy-love/">Teddy Love</a> 9055 </li> 9056 <li class="nav-item position-relative sub nav-item-desktop" data-slug="country" data-component="menu.item"> 9057 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/country/">Country</a> 9058 </li> 9059 <li class="nav-item position-relative sub nav-item-desktop" data-slug="laços" data-component="menu.item"> 9060 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/lacos/">Laços</a> 9061 </li> 9062 <li class="nav-item position-relative sub nav-item-desktop" data-slug="coração" data-component="menu.item"> 9063 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/coracao/">Coração</a> 9064 </li> 9065 <li class="nav-item position-relative sub nav-item-desktop" data-slug="bailarinas" data-component="menu.item"> 9066 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/bailarinas/">Bailarinas</a> 9067 </li> 9068 <li class="nav-item position-relative sub nav-item-desktop" data-slug="regata" data-component="menu.item"> 9069 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/regata/">Regata</a> 9070 </li> 9071 9072 </ul> 9073 </div> </li> 9074 9075 9076 <li class="nav-item nav-item-desktop" data-slug="camiseta--unissex" data-component="menu.item"> 9077 <a class="nav-list-link d-flex align-items-center justify-content-center text-uppercase " href="https://alizi.com.br/camiseta-unissex/" data-url-cleaned=""> 9078 9079 9080 Camiseta Unissex 9081 9082 </a> 9083 </li> 9084 9085 9086 <li class="nav-item nav-item-desktop" data-slug="infantil" data-component="menu.item"> 9087 <a class="nav-list-link d-flex align-items-center justify-content-center text-uppercase " href="https://alizi.com.br/t-shirts-femininas/infantil/" data-url-cleaned=""> 9088 9089 9090 Infantil 9091 9092 </a> 9093 </li> 9094 9095 9096 <li class="nav-item nav-item-desktop" data-slug="disney" data-component="menu.item"> 9097 <a class="nav-list-link d-flex align-items-center justify-content-center text-uppercase " href="https://alizi.com.br/disney/" data-url-cleaned=""> 9098 9099 9100 Disney 9101 9102 </a> 9103 </li> 9104 9105 9106 <li class="nav-item nav-item-desktop" data-slug="manga-japonesa" data-component="menu.item"> 9107 <a class="nav-list-link d-flex align-items-center justify-content-center text-uppercase " href="https://alizi.com.br/manga-japonesa/" data-url-cleaned=""> 9108 9109 9110 Manga Japonesa 9111 9112 </a> 9113 </li> 9114 9115 9116 <li class="nav-item nav-item-desktop" data-slug="blusas" data-component="menu.item"> 9117 <a class="nav-list-link d-flex align-items-center justify-content-center text-uppercase " href="https://alizi.com.br/blusas/" data-url-cleaned=""> 9118 9119 9120 Blusas 9121 9122 </a> 9123 </li> 9124 9125 9126 <li class="nav-item nav-item-desktop" data-slug="regata" data-component="menu.item"> 9127 <a class="nav-list-link d-flex align-items-center justify-content-center text-uppercase " href="https://alizi.com.br/t-shirts-femininas/regata/" data-url-cleaned=""> 9128 9129 9130 Regata 9131 9132 </a> 9133 </li> 9134 9135 9136 <li class="nav-item nav-item-desktop" data-slug="vestidos" data-component="menu.item"> 9137 <a class="nav-list-link d-flex align-items-center justify-content-center text-uppercase " href="https://alizi.com.br/vestidos/" data-url-cleaned=""> 9138 9139 9140 Vestidos 9141 9142 </a> 9143 </li> 9144 9145 9146 <li class="nav-item js-item-subitems-desktop nav-dropdown nav-item-desktop item-with-subitems position-relative" data-slug="mais" data-component="menu.item"> 9147 <div class="nav-item-container ">
9148 <a class=" nav-list-link d-flex flex-row align-items-center justify-content-between text-uppercase " href="" data-url-cleaned=""> 9149 9150 9151 Mais 9152 9153 <span class="nav-list-arrow transition-soft ml-2"> 9154 <svg class="icon-inline icon-md"><use xlink:href="#chevron-down"/></svg> 9155 </span> 9156 9157 </a> 9158 </div> 9159 <div class="js-desktop-dropdown nav-dropdown-content desktop-dropdown shadow-soft"> <ul class="desktop-list-subitems list-subitems nav-list-accordion" > 9160 9161 <li class="nav-item position-relative sub nav-item-desktop" data-slug="central-de-ajuda" data-component="menu.item"> 9162 <a class="nav-list-link " href="https://www.alizi.com.br/duvidas-frequentes/">Central de Ajuda</a> 9163 </li> 9164 <li class="nav-item position-relative sub nav-item-desktop" data-slug="rastreio-pedido" data-component="menu.item"> 9165 <a class="nav-list-link " href="https://www.alizi.com.br/rastreio-pedido/">Rastreio Pedido</a> 9166 </li> 9167 <li class="nav-item position-relative sub nav-item-desktop" data-slug="trocas-e-devoluções" data-component="menu.item"> 9168 <a class="nav-list-link " href="https://www.alizi.com.br/trocas-e-devolucoes/">Trocas e Devoluções</a> 9169 </li> 9170 <li class="nav-item position-relative sub nav-item-desktop" data-slug="polÃticas-de-frete" data-component="menu.item"> 9171 <a class="nav-list-link " href="https://www.alizi.com.br/politicas-de-frete/">PolÃticas de Frete</a> 9172 </li> 9173 <li class="nav-item position-relative sub nav-item-desktop" data-slug="termos-e-condições-de-uso" data-component="menu.item"> 9174 <a class="nav-list-link " href="https://www.alizi.com.br/termos-e-condicoes-de-uso/">Termos e Condições de Uso</a> 9175 </li> 9176 <li class="nav-item position-relative sub nav-item-desktop" data-slug="polÃticas-de-privacidade" data-component="menu.item"> 9177 <a class="nav-list-link " href="https://www.alizi.com.br/politicas-de-privacidade/">PolÃticas de Privacidade</a> 9178 </li> 9179 <li class="nav-item position-relative sub nav-item-desktop" data-slug="como-comprar" data-component="menu.item"> 9180 <a class="nav-list-link " href="https://www.alizi.com.br/como-comprar/">Como Comprar</a> 9181 </li> 9182 <li class="nav-item position-relative sub nav-item-desktop" data-slug="guia-de-medidas" data-component="menu.item"> 9183 <a class="nav-list-link " href="https://www.alizi.com.br/guia-de-medidas/">Guia de Medidas</a> 9184 </li> 9185 <li class="nav-item position-relative sub nav-item-desktop" data-slug="blog" data-component="menu.item"> 9186 <a class="nav-list-link " href="/blog/">Blog</a> 9187 </li> 9188 <li class="nav-item position-relative sub nav-item-desktop" data-slug="sobre" data-component="menu.item"> 9189 <a class="nav-list-link " href="https://www.alizi.com.br/sobre/">Sobre</a> 9190 </li> 9191 <li class="nav-item position-relative sub nav-item-desktop" data-slug="nossas-t-shirts" data-component="menu.item"> 9192 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirt-feminina/">Nossas T-shirts</a> 9193 </li> 9194 9195 </ul> 9196 </div> </li> 9197 9198 </ul> 9199</div> </div> 9200 </section> 9201 </header> 9202 9203 <header class="js-head-fixed header-fixed head-colors"> 9204 <div class="header-logo-row"> 9205 <div class="container"> 9206 <div class="js-head-logo row align-items-center justify-content-between justify-content-md-center"> 9207 <div class="col-2 col-md-auto h-col"> 9208 <a href="#" class="js-modal-open btn btn-hamburger d-flex align-items-center justify-content-center" data-toggle="#nav-hamburger" aria-label="Menu" data-component="menu-button"> 9209 <svg class="icon-inline icon-2x mr-2"><use xlink:href="#menu"></use></svg> 9210 9211 </a> 9212 </div> 9213 <div class="col col-md-auto text-center text-md-left"><div id="logo" class="logo-img-container ">
9214 <a href="https://www.alizi.com.br" title="" ><img src="//acdn-us.mitiendanube.com/stores/001/134/626/themes/common/logo-1819588317-1755010340-b5fa6691cc9031c6ffa8f9c544f31b361755010340-480-0.webp" alt="ALIZI | Camisetas Femininas 100% Algodão | Estampas DTF " class="logo-img transition-soft-slow logo-img-medium" loading="eager" decoding="async" width="240" height="60" /></a> 9215</div> 9216<div id="no-logo" class="logo-text-container hidden"> 9217 <a class="logo-text h2" href="https://www.alizi.com.br">ALIZI | Camisetas Femininas 100% Algodão | Estampas DTF </a> 9218</div> 9219</div> 9220 9221 <div class="d-block d-md-none head-search-icon px-1"> 9222 <a href="#" class="js-modal-open js-toggle-search js-fullscreen-modal-open js-search-link" data-toggle="#nav-search" data-modal-url="modal-fullscreen-search" aria-label="Buscar" title="Buscar"> 9223 <svg class="icon-inline icon-2x"><use xlink:href="#search"/></svg> 9224 </a> 9225 </div> 9226 9227 <div class="col d-none d-md-block"> 9228 9229 9230 9231 9232<form class="js-search-form search-form " action="/search/" method="get"> 9233 <div class="form-group m-0"> 9234 <input class="js-search-input form-control search-input " autocomplete="off" type="search" name="q" placeholder="Buscar" aria-label="Buscar" /> 9235 <button type="submit" class="js-search-input-submit search-btn search-submit-btn svg-icon-mask " value="Buscar" aria-label="Buscar"> 9236 </button> 9237 <a href="#" class="js-empty-search search-btn search-empty-btn svg-icon-mask" style="display: none;"> 9238 </a> 9239 </div> 9240</form> 9241<div class="js-search-form-suggestions search-suggestions search-suggest mt-2" style="display: none;"> 9242 </div> 9243 </div> 9244 9245 <div class="col-auto pl-1 col-md-auto h-col d-block text-right"> 9246 9247<div class="utilities-container d-flex align-items-stretch justify-content-end"> 9248 <div class="utilities-item d-none d-lg-flex align-items-center" data-store="account-links"> 9249 <svg class="icon-inline mr-2"><use xlink:href="#user"/></svg> 9250 <span class="nav-accounts-item pr-1"><a href="/account/register" title="" class="nav-accounts-link">Cadastre-se</a></span><span class="mx-1">|</span> 9251 <span class="nav-accounts-item pl-1 pr-4"><a href="/account/login/" title="" class="nav-accounts-link">Fazer login</a></span> 9252 </div> 9253 <div class="utilities-item d-flex align-items-center"> 9254 <div id="ajax-cart" class="js-cart-summary nav-dropdown cart-summary" data-component='cart-button'> 9255 <a href="#" class="d-inline-block py-2 js-modal-open js-toggle-cart js-fullscreen-modal-open js-cart-link" data-toggle="#modal-cart" data-modal-url="modal-fullscreen-cart"> 9256 9257 <svg class="icon-inline icon-1x icon-shopping-cart"><use xlink:href="#cart"/></svg> 9258 <span class="js-cart-widget-amount badge cart-widget-amount d-flex align-items-center justify-content-center">0</span> 9259 </a> 9260 </div> 9261 </div> 9262 </div> 9263 </div> 9264 </div> 9265 </div> 9266 </div> 9267 </header> 9268 9269 9270 9271 <section class="js-notification js-notification-cookie-banner cookie-terms left transition-opacity delay-200"> 9272 <div class="form-row align-items-center"> 9273 <div class="col col-md"> 9274 <p class="mb-0">Ao navegar por este site <strong>você aceita o uso de cookies</strong> para agilizar a sua experiência de compra.</p> 9275 </div> 9276 <div class="col-auto col-md-auto"> 9277 <span class="d-inline-block btn btn-default btn-close py-2 px-3 w-100 js-notification-close js-acknowledge-cookies" data-amplitude-event-name="cookie_banner_acknowledge_click">Aceitar e fechar</span> 9278 </div> 9279 </div> 9280 </section> 9281 9282 9283 9284 9285 9286 9287<div class="js-alert-added-to-cart notification-floating notification-cart-container notification-hidden" style="display: none;"> 9288 <div class="notification notification-primary position-relative col-12 float-right"> 9289 <div class="h6 text-center mb-3 mr-3"> 9290 <strong>Já adicionamos o produto ao carrinho!</strong> 9291 </div> 9292 <div class="js-cart-notification-close notification-close"> 9293 <svg class="icon-inline svg-icon-primary"><use xlink:href="#times"/></svg> 9294 </div> 9295 <div class="js-cart-notification-item row" data-store="cart-notification-item"> 9296 <div class="col-3 pr-0 notification-img"> 9297 <img src="" class="js-cart-notification-item-img img-fluid" /> 9298 </div> 9299 <div class="col-9 text-left"> 9300 <div class="mb-1">
9301 <span class="js-cart-notification-item-name"></span> 9302 <span class="js-cart-notification-item-variant-container" style="display: none;"> 9303 (<span class="js-cart-notification-item-variant"></span>) 9304 </span> 9305 </div> 9306 <div class="mb-1"> 9307 <span class="js-cart-notification-item-quantity"></span> 9308 <span> x </span> 9309 <span class="js-cart-notification-item-price"></span> 9310 </div> 9311 </div> 9312 </div> 9313 <div class="row text-primary h5 font-weight-normal mt-2 mb-3"> 9314 <span class="col-auto text-left"> 9315 <strong>Total</strong> 9316 (<span class="js-cart-widget-amount"> 9317 0 9318 </span> 9319 <span class="js-cart-counts-plural" style="display: none;"> 9320 produtos): 9321 </span> 9322 <span class="js-cart-counts-singular" style="display: none;"> 9323 produto): 9324 </span> 9325 </span> 9326 <strong class="js-cart-total col text-right">R$0,00</strong> 9327 </div> 9328 <a href="#" class="js-cart-notification-close js-modal-open js-fullscreen-modal-open btn btn-primary btn-medium w-100 d-inline-block" data-toggle="#modal-cart" data-modal-url="modal-fullscreen-cart"> 9329 Ver carrinho 9330 </a> 9331 </div> 9332</div> 9333 9334 9335 9336 9337 9338<div id="js-cross-selling-modal" class="js-modal modal modal-bottom modal-bottom-sheet h-auto overflow-none modal-body-scrollable-auto modal-bottom modal--md transition-sli
9338de modal-centered-md m-0 p-0 modal-full-width modal-md-width-400px transition-soft " style="display: none;" > 9339 <div class="js-modal-close modal-header w-100"> 9340 <div class="row no-gutters align-items-center"> 9341 <div class="col px-3 "> 9342 Desconto exclusivo! 9343 </div> 9344 <div class="col-auto"> 9345 <a class="js-modal-close modal-close "> 9346 <svg class="icon-inline"><use xlink:href="#times"/></svg> 9347 </a> 9348 </div> 9349 </div> 9350 </div> 9351 <div class="modal-body "> 9352 9353 <div class="js-cross-selling-modal-body" style="display: none"></div> 9354 </div> 9355 <div class="modal-footer text-right d-md-block "> 9356 </div> 9357 9358 </div> 9359<div class="js-modal-overlay modal-overlay " data-modal-id="#js-cross-selling-modal" style="display: none;"></div> 9360 9361 9362 9363<div id="nav-hamburger" class="js-modal modal modal-nav-hamburger nav-hamburger modal-docked-small head- modal-left modal--md transition-sli
9363de modal-full transition-soft " style="display: none;" > 9364 <div class=" modal-header "> 9365 <div class="row no-gutters align-items-center"> 9366 <div class="col px-3 d-flex justify-content-between align-items-center"> 9367 <div class="nav-account"> 9368 <div class="d-inline-flex align-items-center"> 9369 <a href="/account/login/" class="nav-accounts-link"> 9370 <svg class="icon-inline mr-2 svg-icon-background"><use xlink:href="#enter"/></svg> 9371 Entrar 9372 </a> 9373 </div> 9374 </div> 9375 </div> 9376 <div class="col-auto"> 9377 <a class="js-modal-close modal-close "> 9378 <svg class="icon-inline"><use xlink:href="#times"/></svg> 9379 </a> 9380 </div> 9381 </div> 9382 </div> 9383 <div class="modal-body "> 9384 <div class="nav-primary"> 9385 <ul class="nav-list" data-store="navigation" data-component="menu"> 9386 9387 9388 9389 9390 <li class="col flex-grow-0 nav-item p-0 item-with-subitems " data-slug="t-shirt feminina" data-component="menu.item"> 9391 <div class="nav-item-container js-nav-list-toggle-accordion"> 9392 <a class="js-toggle-page-accordion nav-list-link d-flex flex-wrap flex-row align-items-center" href="#"> 9393 9394 9395 T-Shirt Feminina 9396 9397 <span class="nav-list-arrow transition-soft ml-2"> 9398 <svg class="icon-inline icon-md"><use xlink:href="#chevron-down"/></svg> 9399 </span> 9400 9401 </a> 9402 </div> 9403 <ul class="js-pages-accordion list-subitems nav-list-accordion" style="display:none;"> 9404 <li class="nav-item nav-item-desktop"> 9405 <a class="nav-list-link text-uppercase" href="https://www.alizi.com.br/t-shirts-femininas/"><strong>Ver tudo em T-Shirt Feminina</strong></a> 9406 </li> 9407 9408 <li class="nav-item position-relative sub " data-slug="times-de-futebol-&-copa-2026" data-component="menu.item"> 9409 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/times-de-futebol/">Times de Futebol & Copa 2026</a> 9410 </li> 9411 <li class="nav-item position-relative sub " data-slug="infantil" data-component="menu.item"> 9412 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/infantil/">Infantil</a> 9413 </li> 9414 <li class="nav-item position-relative sub " data-slug="desenhos-animados" data-component="menu.item"> 9415 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/desenhos-animados/">Desenhos Animados</a> 9416 </li> 9417 <li class="nav-item position-relative sub " data-slug="bandas-de-rock" data-component="menu.item"> 9418 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/bandas-de-rock1/">Bandas de Rock</a> 9419 </li> 9420 <li class="nav-item position-relative sub " data-slug="animais" data-component="menu.item"> 9421 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/estampas-animais/">Animais</a> 9422 </li> 9423 <li class="nav-item position-relative sub " data-slug="borboletas" data-component="menu.item"> 9424 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/borboletas/">Borboletas</a> 9425 </li> 9426 <li class="nav-item position-relative sub " data-slug="católicas" data-component="menu.item"> 9427 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/catolicas/">Católicas</a> 9428 </li> 9429 <li class="nav-item position-relative sub " data-slug="cachorros" data-component="menu.item"> 9430 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/cachorro/">Cachorros</a> 9431 </li> 9432 <li class="nav-item position-relative sub " data-slug="comida-e-bebida" data-component="menu.item">
9433 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/comida-e-bebida/">Comida e Bebida</a> 9434 </li> 9435 <li class="nav-item position-relative sub " data-slug="cristã" data-component="menu.item"> 9436 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/cristas/">Cristã</a> 9437 </li> 9438 <li class="nav-item position-relative sub " data-slug="flores" data-component="menu.item"> 9439 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/flores/">Flores</a> 9440 </li> 9441 <li class="nav-item position-relative sub " data-slug="gatos" data-component="menu.item"> 9442 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/gatos/">Gatos</a> 9443 </li> 9444 <li class="nav-item position-relative sub " data-slug="mÃstico-e-fantasia" data-component="menu.item"> 9445 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/mistico-e-fantasia/">MÃstico e Fantasia</a> 9446 </li> 9447 <li class="nav-item position-relative sub " data-slug="música" data-component="menu.item"> 9448 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/musica/">Música</a> 9449 </li> 9450 <li class="nav-item position-relative sub " data-slug="natureza" data-component="menu.item"> 9451 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/natureza-e-flores/">Natureza</a> 9452 </li> 9453 <li class="nav-item position-relative sub " data-slug="natal" data-component="menu.item"> 9454 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/t-shirt-feminina-natal/">Natal</a> 9455 </li> 9456 <li class="nav-item position-relative sub " data-slug="profissões-e-educação" data-component="menu.item"> 9457 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/profissoes-e-educacao/">Profissões e Educação</a> 9458 </li> 9459 <li class="nav-item position-relative sub " data-slug="vintage" data-component="menu.item"> 9460 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/vintage/">Vintage</a> 9461 </li> 9462 <li class="nav-item position-relative sub " data-slug="frases" data-component="menu.item"> 9463 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/frases/">Frases</a> 9464 </li> 9465 <li class="nav-item position-relative sub " data-slug="gym-fitness" data-component="menu.item"> 9466 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/gym-fitness/">Gym Fitness</a> 9467 </li> 9468 <li class="nav-item position-relative sub " data-slug="outros-temas" data-component="menu.item"> 9469 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/outros-temas/">Outros Temas</a> 9470 </li> 9471 <li class="nav-item position-relative sub " data-slug="séries-de-tv" data-component="menu.item"> 9472 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/series-de-tv/">Séries de TV</a> 9473 </li> 9474 <li class="nav-item position-relative sub " data-slug="signos" data-component="menu.item"> 9475 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/t-shirts-signos/">Signos</a> 9476 </li> 9477 <li class="nav-item position-relative sub " data-slug="mandalas" data-component="menu.item"> 9478 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/mandalas/">Mandalas</a> 9479 </li> 9480 <li class="nav-item position-relative sub " data-slug="gothic-vibes" data-component="menu.item"> 9481 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/gothic-vibes/">Gothic Vibes</a> 9482 </li> 9483 <li class="nav-item position-relative sub " data-slug="caveiras-&-attitude" data-component="menu.item"> 9484 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/caveiras-attitude/">Caveiras & Attitude</a> 9485 </li> 9486 <li class="nav-item position-relative sub " data-slug="fruit-vibes" data-component="menu.item">
9487 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/frutas-estilo/">Fruit Vibes</a> 9488 </li> 9489 <li class="nav-item position-relative sub " data-slug="fashionista" data-component="menu.item"> 9490 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/fashionista/">Fashionista</a> 9491 </li> 9492 <li class="nav-item position-relative sub " data-slug="teddy-love" data-component="menu.item"> 9493 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/teddy-love/">Teddy Love</a> 9494 </li> 9495 <li class="nav-item position-relative sub " data-slug="country" data-component="menu.item"> 9496 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/country/">Country</a> 9497 </li> 9498 <li class="nav-item position-relative sub " data-slug="laços" data-component="menu.item"> 9499 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/lacos/">Laços</a> 9500 </li> 9501 <li class="nav-item position-relative sub " data-slug="coração" data-component="menu.item"> 9502 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/coracao/">Coração</a> 9503 </li> 9504 <li class="nav-item position-relative sub " data-slug="bailarinas" data-component="menu.item"> 9505 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/bailarinas/">Bailarinas</a> 9506 </li> 9507 <li class="nav-item position-relative sub " data-slug="regata" data-component="menu.item"> 9508 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirts-femininas/regata/">Regata</a> 9509 </li> 9510 9511 </ul> 9512 </li> 9513 <li class="col flex-grow-0 nav-item p-0" data-component="menu.item"> 9514 <a class="nav-list-link d-flex flex-wrap flex-row align-items-center " href="https://www.alizi.com.br/camiseta-unissex/"> 9515 9516 9517 Camiseta Unissex 9518 9519 </a> 9520 </li> 9521 <li class="col flex-grow-0 nav-item p-0" data-component="menu.item"> 9522 <a class="nav-list-link d-flex flex-wrap flex-row align-items-center " href="https://www.alizi.com.br/t-shirts-femininas/infantil/"> 9523 9524 9525 Infantil 9526 9527 </a> 9528 </li> 9529 <li class="col flex-grow-0 nav-item p-0" data-component="menu.item"> 9530 <a class="nav-list-link d-flex flex-wrap flex-row align-items-center " href="https://www.alizi.com.br/disney/"> 9531 9532 9533 Disney 9534 9535 </a> 9536 </li> 9537 <li class="col flex-grow-0 nav-item p-0" data-component="menu.item"> 9538 <a class="nav-list-link d-flex flex-wrap flex-row align-items-center " href="https://www.alizi.com.br/manga-japonesa/"> 9539 9540 9541 Manga Japonesa 9542 9543 </a> 9544 </li> 9545 <li class="col flex-grow-0 nav-item p-0" data-component="menu.item"> 9546 <a class="nav-list-link d-flex flex-wrap flex-row align-items-center " href="https://www.alizi.com.br/blusas/"> 9547 9548 9549 Blusas 9550 9551 </a> 9552 </li> 9553 <li class="col flex-grow-0 nav-item p-0" data-component="menu.item"> 9554 <a class="nav-list-link d-flex flex-wrap flex-row align-items-center " href="https://www.alizi.com.br/t-shirts-femininas/regata/"> 9555 9556 9557 Regata 9558 9559 </a> 9560 </li> 9561 <li class="col flex-grow-0 nav-item p-0" data-component="menu.item"> 9562 <a class="nav-list-link d-flex flex-wrap flex-row align-items-center " href="https://www.alizi.com.br/vestidos/"> 9563 9564 9565 Vestidos 9566 9567 </a> 9568 </li> 9569 <li class="col flex-grow-0 nav-item p-0 item-with-subitems " data-slug="mais" data-component="menu.item"> 9570 <div class="nav-item-container js-nav-list-toggle-accordion"> 9571 <a class="js-toggle-page-accordion nav-list-link d-flex flex-wrap flex-row align-items-center" href="#"> 9572 9573 9574 Mais 9575 9576 <span class="nav-list-arrow transition-soft ml-2"> 9577 <svg class="icon-inline icon-md"><use xlink:href="#chevron-down"/></svg> 9578 </span> 9579 9580 </a> 9581 </div> 9582 <ul class="js-pages-accordion list-subitems nav-list-accordion" style="display:none;"> 9583 9584 <li class="nav-item position-relative sub " data-slug="central-de-ajuda" data-component="menu.item">
9585 <a class="nav-list-link " href="https://www.alizi.com.br/duvidas-frequentes/">Central de Ajuda</a> 9586 </li> 9587 <li class="nav-item position-relative sub " data-slug="rastreio-pedido" data-component="menu.item"> 9588 <a class="nav-list-link " href="https://www.alizi.com.br/rastreio-pedido/">Rastreio Pedido</a> 9589 </li> 9590 <li class="nav-item position-relative sub " data-slug="trocas-e-devoluções" data-component="menu.item"> 9591 <a class="nav-list-link " href="https://www.alizi.com.br/trocas-e-devolucoes/">Trocas e Devoluções</a> 9592 </li> 9593 <li class="nav-item position-relative sub " data-slug="polÃticas-de-frete" data-component="menu.item"> 9594 <a class="nav-list-link " href="https://www.alizi.com.br/politicas-de-frete/">PolÃticas de Frete</a> 9595 </li> 9596 <li class="nav-item position-relative sub " data-slug="termos-e-condições-de-uso" data-component="menu.item"> 9597 <a class="nav-list-link " href="https://www.alizi.com.br/termos-e-condicoes-de-uso/">Termos e Condições de Uso</a> 9598 </li> 9599 <li class="nav-item position-relative sub " data-slug="polÃticas-de-privacidade" data-component="menu.item"> 9600 <a class="nav-list-link " href="https://www.alizi.com.br/politicas-de-privacidade/">PolÃticas de Privacidade</a> 9601 </li> 9602 <li class="nav-item position-relative sub " data-slug="como-comprar" data-component="menu.item"> 9603 <a class="nav-list-link " href="https://www.alizi.com.br/como-comprar/">Como Comprar</a> 9604 </li> 9605 <li class="nav-item position-relative sub " data-slug="guia-de-medidas" data-component="menu.item"> 9606 <a class="nav-list-link " href="https://www.alizi.com.br/guia-de-medidas/">Guia de Medidas</a> 9607 </li> 9608 <li class="nav-item position-relative sub " data-slug="blog" data-component="menu.item"> 9609 <a class="nav-list-link " href="/blog/">Blog</a> 9610 </li> 9611 <li class="nav-item position-relative sub " data-slug="sobre" data-component="menu.item"> 9612 <a class="nav-list-link " href="https://www.alizi.com.br/sobre/">Sobre</a> 9613 </li> 9614 <li class="nav-item position-relative sub " data-slug="nossas-t-shirts" data-component="menu.item"> 9615 <a class="nav-list-link " href="https://www.alizi.com.br/t-shirt-feminina/">Nossas T-shirts</a> 9616 </li> 9617 9618 </ul> 9619 </li> 9620 </ul> 9621</div> 9622 <div class="nav-secondary"> 9623 <div class="px-3"> <a class="social-icon" href="https://instagram.com/alizi.com.br" target="_blank" aria-label="instagram ALIZI | Camisetas Femininas 100% Algodão | Estampas DTF "> 9624 <svg class="icon-inline icon-lg"><use xlink:href="#instagram"/></svg> 9625 </a> 9626 <a class="social-icon" href="https://www.facebook.com/p/alizicombr-61579010796090" target="_blank" aria-label="facebook ALIZI | Camisetas Femininas 100% Algodão | Estampas DTF "> 9627 <svg class="icon-inline icon-lg"><use xlink:href="#facebook-f"/></svg> 9628 </a> 9629 <a class="social-icon" href="https://www.youtube.com/@alizi.youtube" target="_blank" aria-label="youtube ALIZI | Camisetas Femininas 100% Algodão | Estampas DTF "> 9630 <svg class="icon-inline icon-lg"><use xlink:href="#youtube"/></svg> 9631 </a> 9632 <a class="social-icon" href="https://www.tiktok.com/@alizi.com.br" target="_blank" aria-label="tiktok ALIZI | Camisetas Femininas 100% Algodão | Estampas DTF "> 9633 <svg class="icon-inline icon-lg"><use xlink:href="#tiktok"/></svg> 9634 </a> 9635 <a class="social-icon" href="https://www.pinterest.com/alizifashion" target="_blank" aria-label="pinterest ALIZI | Camisetas Femininas 100% Algodão | Estampas DTF "> 9636 <svg class="icon-inline icon-lg"><use xlink:href="#pinterest"/></svg> 9637 </a> 9638 <a class="social-icon icon-lg" href="https://www.linkedin.com/company/alizi-com-br" target="_blank" aria-label="linkedin ALIZI | Camisetas Femininas 100% Algodão | Estampas DTF "> 9639 <svg class="icon-inline"><use xlink:href="#linkedin"/></svg> 9640 </a> 9641</div> 9642 </div> 9643 </div> 9644 9645 </div> 9646<div class="js-modal-overlay modal-overlay " data-modal-id="#nav-hamburger" style="display: none;"></div> 9647 9648 9649 9650 9651<div id="nav-search" class="js-modal js-fullscreen-modal modal modal-nav-search modal- modal--md transition-fade modal- transition-soft " style="display: none;" > 9652 <div class="js-modal-close js-fullscreen-modal-close modal-header modal-header-no-title modal-close d-none"> 9653 <svg class="icon-inline"><use xlink:href="#times"/></svg> 9654 </div> 9655 <div class="modal-body p-0 h-100"> 9656 9657 9658 <a href="#" class="js-modal-close js-fullscreen-modal-close search-btn search-close-btn" aria-label="Fechar" title="Fechar"> 9659 <svg class="icon-inline font-big svg-icon-text icon-flip-horizontal d-md-none"><use xlink:href="#times"/></svg> 9660 <svg class="icon-inline icon-lg svg-icon-text d-none d-md-block"><use xlink:href="#times"/></svg> 9661 </a> 9662 9663 9664<form class="js-search-form search-form " action="/search/" method="get"> 9665 <div class="form-group m-0"> 9666 <input class="js-search-input form-control search-input background-secondary" autocomplete="off" type="search" name="q" placeholder="Buscar" aria-label="Buscar" /> 9667 <button type="submit" class="js-search-input-submit search-btn search-submit-btn svg-icon-mask mr-2" value="Buscar" aria-label="Buscar"> 9668 </button> 9669 <a href="#" class="js-empty-search search-btn search-empty-btn svg-icon-mask" style="display: none;"> 9670 </a> 9671 </div> 9672</form> 9673<div class="js-search-form-suggestions search-suggestions " style="display: none;"> 9674 </div> 9675 </div> 9676 9677 </div> 9678<div class="js-modal-overlay modal-overlay " data-modal-id="#nav-search" style="display: none;"></div> 9679 9680 9681 9682 9683 9684 9685 9686<div id="modal-cart" class="js-modal js-fullscreen-modal modal modal-cart-big modal-cart shadow-longer modal-right modal--md transition-sli
9686de modal-docked-md transition-soft " style="display: none;" > 9687 <form action="/comprar/" method="post" class="js-ajax-cart-panel " data-store="cart-form"> 9688 <div class="js-modal-close js-fullscreen-modal-close modal-header "> 9689 <div class="row no-gutters align-items-center"> 9690 <div class="col px-3 "> 9691 <div class="d-inline-flex align-items-center"> 9692 9693 <svg class="icon-inline svg-icon-background icon-1x pr-2 icon-shopping-cart"><use xlink:href="#cart"/></svg> 9694 Minhas Compras 9695 </div> 9696 </div> 9697 <div class="col-auto"> 9698 <a class="js-modal-close modal-close "> 9699 <svg class="icon-inline"><use xlink:href="#times"/></svg> 9700 </a> 9701 </div> 9702 </div> 9703 </div> 9704 <div class="modal-body "> 9705 9706<div class="js-ajax-cart-list cart-row"> 9707 </div> 9708<div class="js-empty-ajax-cart cart-row text-center" > 9709 <div class="alert alert-info" data-component="cart.empty-message">O carrinho de compras está vazio.</div> 9710 <a href="/produtos/" class="btn btn-default btn-medium btn-bold d-inline-block">Ver produtos</a> 9711</div> 9712<div id="error-ajax-stock" style="display: none;"> 9713 <div class="alert alert-warning"> 9714 Oops! Não temos mais estoque para incluir este produto ao carrinho. Se você quiser, pode<a href="/produtos/" class="btn-link ml-1">ver outros aquÃ</a> 9715 </div> 9716</div> 9717 9718<div class="cart-row"> 9719 9720 9721 9722 9723 <div class="js-visible-on-cart-filled" style="display: none;"> 9724 <div class="js-fulfillment-info js-allows-non-shippable" style="display: none"> 9725 9726 <div class="js-ship-free-rest mt-2 mb-3"> 9727 <div class="js-bar-progress bar-progress"> 9728 <div class="js-bar-progress-active bar-progress-active transition-soft"></div> 9729 <div class="js-bar-progress-check bar-progress-check transition-soft"> 9730 <svg class="icon-inline icon-lg"><use xlink:href="#check-circle"/></svg> 9731 </div> 9732 </div> 9733 <div class="js-ship-free-rest-message ship-free-rest-message"> 9734 <div class="ship-free-rest-text bar-progress-success text-accent transition-soft"> 9735 Parabéns! Você tem frete grátis 9736 </div> 9737 <div class="ship-free-rest-text bar-progress-amount transition-soft"> 9738 Faltam <span class='js-ship-free-dif h4'></span> para ganhar <span class='text-accent'>frete grátis</span>! 9739 </div> 9740 <div class="ship-free-rest-text bar-progress-condition transition-soft"> 9741 <span class='text-accent'>Frete grátis</span> a partir de <span>R$229,00</span> 9742 </div> 9743 </div> 9744 </div> 9745 </div> 9746 </div> 9747 9748 9749<div class="js-subtotal-price subtotal-price hidden" data-priceraw="0"></div> 9750 9751<div id="store-curr" class="hidden">BRL</div> 9752 9753<div class="js-visible-on-cart-filled cart-panel-subtotal pt-3 pb-4 px-2 form-row row no-gutters mb-1 " style="display:none;"> 9754 <span class="col text-left"> 9755 Subtotal 9756 <small> (sem frete)</small> 9757 : 9758 </span> 9759 <strong class="js-ajax-cart-total js-cart-subtotal col text-right" data-priceraw="0" data-component="cart.subtotal" data-component-value=0>R$0,00</strong> 9760</div> 9761 9762<div class="js-total-promotions mb-3"> 9763 <span class="js-promo-discount" style="display:none;"> Desconto</span> 9764 <span class="js-promo-in" style="display:none;">em</span> 9765 <span class="js-promo-all" style="display:none;">todos os produtos</span> 9766 <span class="js-promo-buying" style="display:none;"> comprando</span> 9767 <span class="js-promo-units-or-more" style="display:none;"> ou mais</span> 9768 </div> 9769 9770 9771 <div class="js-visible-on-cart-filled js-has-new-shipping js-shipping-calculator-container mb-3"> 9772 9773 9774 <div class="js-shipping-method-unavailable alert alert-warning form-row" style="display: none;"> 9775 <div> 9776 <strong>O frete escolhido não está mais disponÃvel </strong>porque o total de itens no carrinho excede o peso máximo. 9777 </div> 9778 <div> 9779 Mas não se preocupe! Você pode escolher outro meio de envio. 9780 </div> 9781 </div> 9782 9783 9784 <div id="cart-shipping-container" class="cart-panel-shipping-calculator" style="display: none;" data-shipping-url="/frete/"> 9785 9786
9787 <span id="cart-selected-shipping-method" data-code="" class="hidden"></span> 9788 9789 9790 <div class="cart-shipping"> 9791 9792 9793 9794 9795 9796 9797 9798 9799 9800 9801 9802<div class="js-accordion-private-container js-toggle-shipping shipping-calculator mb-2"> 9803 <a href="#" class="js-accordion-private-toggle p-3 row no-gutters align-items-center"> 9804 <div class="col"> 9805 <div class="m-0 h6 text-uppercase"> 9806 <svg class="icon-inline icon-lg svg-icon-text mr-1"><use xlink:href="#truck"/></svg> 9807 Meios de envio 9808 </div> 9809 </div> 9810 <div class="col-auto"> 9811 <span class="js-accordion-private-toggle-active" style="display: none;"> 9812 <svg class="icon-inline svg-icon-text"><use xlink:href="#chevron-down"/></svg> 9813 </span> 9814 <span class="js-accordion-private-toggle-inactive"> 9815 <svg class="icon-inline svg-icon-text icon-flip-vertical"><use xlink:href="#chevron-down"/></svg> 9816 </span> 9817 </div> 9818 </a> 9819 <div class="js-accordion-private-content px-3 pb-3" > 9820 <div class="text-left w-100" data-store="shipping-calculator"> 9821 9822 9823 9824 <div class="js-shipping-calculator-head shipping-calculator-head position-relative transition-soft with-form with-free-shipping"> 9825 9826 <div class="js-shipping-calculator-with-zipcode mb-4 w-100 transition-up position-absolute"> 9827 <div class="row px-3"> 9828 <div class="col shipping-calculator-current-zip font-small"> 9829 Entregas para o CEP: <strong class="js-shipping-calculator-current-zip pl-1"></strong> 9830 </div> 9831 <div class="col-4 pr-0"> 9832 <a class="js-shipping-calculator-change-zipcode btn btn-default btn-small w-100" href="#">Alterar CEP</a> 9833 </div> 9834 </div> 9835 </div> 9836 9837 <div class="js-shipping-calculator-form mb-2 transition-up position-absolute w-100"> 9838 9839 9840 9841<div class="form-group mb-3"> 9842 9843 9844 <div class=" shipping-calculator-label box-shipping box-accent" style="display: none;"> 9845 <strong>Aproveite!</strong> Frete grátis a partir de <span>R$229,00</span> 9846 </div> 9847 9848 9849 9850 <div class=" free-shipping-message box-shipping box-success" style="display: none;"> 9851 <strong>Parabéns!</strong> Você tem frete grátis 9852 </div> 9853 9854 <div class="position-relative form-row m-0 mt-2"> 9855 <div class="col p-0"> 9856 <div class="form-control-container " > 9857 <input 9858 type="tel" 9859 class=" form-control js-shipping-input d-block form-control-inline" 9860 autocorrect="off" 9861 autocapitalize="off" 9862 name="zipcode" placeholder="Seu CEP" aria-label="Seu CEP" /> 9863 </div> 9864 </div> 9865 <div class="col-auto pl-2 pr-0"> 9866 <button class="js-calculate-shipping btn btn-default d-flex justify-content-center align-items-center font-small" aria-label="Calcular frete"> 9867 <span class="js-calculate-shipping-wording text-uppercase">Calcular</span> 9868 <span class="js-calculating-shipping-wording text-uppercase" style="display: none;">Calculando</span> 9869 <span class="loading ml-1" style="display: none;"> 9870 <svg class="icon-inline icon-spin icon-md ml-2"><use xlink:href="#spinner-third"/></svg> 9871 </span> 9872 </button> 9873 </div> 9874 </div> 9875 <a class="btn-link font-small ml-1 mt-2 mb-2 d-inline-block " href="http://www.buscacep.correios.com.br/sistemas/buscacep/" target="_blank">Não sei meu CEP</a> 9876 <div class="js-ship-calculator-error invalid-zipcode alert alert-danger mt-1" style="display: none;"> 9877 9878 9879 Não conseguimos encontrar esse CEP. Está bem escrito? 9880 9881 </div> 9882 <div class="js-ship-calculator-error js-ship-calculator-common-error alert alert-danger" style="display: none;">Erro no cálculo. Por favor, tente novamente em alguns segundos.</div> 9883 <div class="js-ship-calculator-error js-ship-calculator-external-error alert alert-danger" style="display: none;">Erro no meio de envio. Por favor, tente novamente em alguns segundos.</div> 9884 </div> 9885 9886
9887 </div> 9888 9889 </div> 9890 9891 <div class="js-shipping-calculator-spinner pt-3 pb-4" style="display: none;"> 9892 <div class="row no-gutters mx-0 mb-4"> 9893 <div class="col"> 9894 <div class="placeholder-line placeholder-color placeholder-shine position-relative mb-3 col-10 col-md-8"></div> 9895 <div class="placeholder-line placeholder-color placeholder-shine position-relative col-6 col-md-3"></div> 9896 </div> 9897 <div class="col-auto"> 9898 <div class="placeholder-line placeholder-shipping-price placeholder-color placeholder-shine position-relative"></div> 9899 </div> 9900</div> 9901 9902<div class="row no-gutters mx-0"> 9903 <div class="col"> 9904 <div class="placeholder-line placeholder-color placeholder-shine position-relative mb-3 col-10 col-md-8"></div> 9905 <div class="placeholder-line placeholder-color placeholder-shine position-relative col-6 col-md-3"></div> 9906 </div> 9907 <div class="col-auto"> 9908 <div class="placeholder-line placeholder-shipping-price placeholder-color placeholder-shine position-relative"></div> 9909 </div> 9910</div> 9911 </div> 9912 <div class="js-shipping-calculator-response full-width-container mt-2 " style="display: none;"></div> 9913 </div> 9914 </div> 9915</div> 9916 9917 9918 </div> 9919 9920 9921 </div> 9922 </div> 9923 9924 9925 9926 <div class="js-cart-total-container js-visible-on-cart-filled px-3" style="display:none;" data-store="cart-total"> 9927 <div class="row mb-3 h4"> 9928 <span class="col-auto ">Total:</span> 9929 <span class="js-cart-total col text-right font-weight-bold" data-component="cart.total" data-component-value=0>R$0,00</span> 9930 <span class="col-12 "> 9931 9932 9933 9934 <div style="display: none;" data-interest="0" data-cart-installment="1" class="js-installments-cart-total cart-installments font-small font-weight-normal mt-1 text-right "> 9935 Ou até 9936 9937 <span class='js-cart-installments-amount cart-installments-amount '>1</span> 9938 9939 9940 <span> 9941 <span class="installment-short-separator"> 9942 x 9943 </span> 9944 9945 de 9946 </span> 9947 9948 9949 <span class='js-cart-installments cart-installments-money '>R$0,00</span> 9950 9951 </div> 9952 9953 </span> 9954 </div> 9955 9956 <div class='total-price hidden'> 9957 Total: R$0,00 9958 </div> 9959 </div> 9960 9961 <div class="js-visible-on-cart-filled " style="display:none;"> 9962 9963 <div id="error-ajax-stock" class='alert alert-warning' role='alert' style="display:none;"> 9964 ¡Uy! No tenemos más stock de este producto para agregar este producto al carrito. Si querés podés<a href="/produtos/" class="btn-link">ver outros aquÃ</a> 9965 </div> 9966 9967 9968 9969 <div class="row"> 9970 <div class="js-ajax-cart-submit col-12 mb-2" id="ajax-cart-submit-div"> 9971 <input class="btn btn-primary d-block w-100" type="submit" name="go_to_checkout" value="Finalizar Compra" data-component="cart.checkout-button"/> 9972 </div> 9973 9974 9975 <div class="col-12"> 9976 <a href="/produtos/" class="d-block btn btn-medium btn-opacity-05 btn-bold">Ver mais produtos</a> 9977 </div> 9978 </div> 9979 9980 9981 <div class="js-ajax-cart-minimum alert alert-warning mt-4" style="display:none" id="ajax-cart-minumum-div"> 9982 O valor mÃnimo de compra é de R$0,00 sem considerar o custo de frete 9983 </div> 9984 9985 <input type="hidden" id="ajax-cart-minimum-value" value="0"/> 9986 9987 </div></div> </div> 9988 9989 </form> 9990 </div> 9991<div class="js-modal-overlay modal-overlay " data-modal-id="#modal-cart" style="display: none;"></div> 9992 9993 9994 9995 9996 9997<div id="related-products-notification" class="js-modal modal modal-bottom modal-overflow-none modal-bottom-sheet h-auto modal-bottom modal-centered-md transition-sli
9997de modal-centered-md modal-centered-md-600px h-auto transition-soft " style="display: none;" > 9998 <div class="js-modal-close modal-header modal-header-reverse"> 9999 <div class="row no-gutters align-items-center"> 10000 <div class="col px-3 "> 10001 Adicionado ao carrinho! </div> 10002 <div class="col-auto"> 10003 <a class="js-modal-close modal-close "> 10004 <svg class="icon-inline"><use xlink:href="#times"/></svg> 10005 </a> 10006 </div> 10007 </div> 10008 </div> 10009 <div class="modal-body "> 10010 10011 10012 10013<div class="row" > 10014 <div class="col-md-6"> 10015 <div class="js-cart-notification-item row align-items-center" data-store="cart-notification-item"> 10016 <div class="col-md-3 col-2 pr-0 notification-img"> 10017 <img src="" class="js-cart-notification-item-img img-fluid" /> 10018 </div> 10019 <div class="col-md-9 col-10 text-left"> 10020 <div class="mb-1"> 10021 <span class="js-cart-notification-item-name"></span> 10022 <span class="js-cart-notification-item-variant-container" style="display: none;"> 10023 (<span class="js-cart-notification-item-variant"></span>) 10024 </span> 10025 </div> 10026 <div class="mb-1"> 10027 <span class="js-cart-notification-item-quantity"></span> 10028 <span> x </span> 10029 <span class="js-cart-notification-item-price"></span> 10030 </div> 10031 </div> 10032 </div> 10033 </div> 10034 <div class="col-md-6"> 10035 <div class="row text-primary h5 font-weight-normal mt-2 mb-3 mt-md-0"> 10036 <span class="col-auto text-left"> 10037 <strong>Total</strong> 10038 (<span class="js-cart-widget-amount"> 10039 0 10040 </span> 10041 <span class="js-cart-counts-plural" style="display: none;"> 10042 produtos): 10043 </span> 10044 <span class="js-cart-counts-singular" style="display: none;"> 10045 produto): 10046 </span> 10047 </span> 10048 <strong class="js-cart-total col text-right">R$0,00</strong> 10049 </div> 10050 <a href="#" class="js-modal-close js-modal-open js-fullscreen-modal-open btn btn-primary btn-medium w-100 d-inline-block" data-toggle="#modal-cart" data-modal-url="modal-fullscreen-cart"> 10051 Ver carrinho 10052 </a> 10053 </div> 10054</div> 10055 <div class="divider mb-3"></div> 10056 10057 10058 <div class="js-related-products-notification-container" style="display: none"></div> 10059 10060 </div> 10061 10062 </div> 10063<div class="js-modal-overlay modal-overlay " data-modal-id="#related-products-notification" style="display: none;"></div> 10064 10065 10066 10067 <main id="main-content" class="page-content" role="main"> 10068 10069<section class="page-header text-center text-md-left page-header-slim " data-store="page-title"> 10070 <div class="container"> 10071 <div class="row align-items-center"> 10072 <div class="col-md-6"> 10073 <h1 class="text-heading " >Fazer login</h1> 10074 </div> 10075 <div class="col-12 col-md-6 text-center text-md-right"> 10076 10077 <div class="breadcrumbs "> 10078 <a class="crumb" href="https://www.alizi.com.br" title="ALIZI | Camisetas Femininas 100% Algodão | Estampas DTF ">InÃcio</a> 10079 <svg class="icon-inline icon-xs svg-icon-secondary mr-1 ml-1"><use xlink:href="#chevron"></use></svg> 10080 <a class="crumb" href="/account/" title="Minha Conta">Minha Conta</a> 10081 <svg class="icon-inline icon-xs svg-icon-secondary mr-1 ml-1"><use xlink:href="#chevron"></use></svg> 10082 <sp
10082an class="crumb active">Login</span> 10083 </div> 10084 </div> 10085 </div> 10086 </div> 10087</section> 10088 10089 10090<section class="account-page mb-4"> 10091 <div class="container"> 10092 <div class="row"> 10093 <div class="col-md-5 mx-auto"> 10094 10095 10096<div class="js-resend-validation-success mb-4" style="display: none;"> 10097 <div class="alert alert-success "> 10098 O link foi enviado com sucesso! 10099</div> 10100 10101</div> 10102<div class="js-resend-validation-error mb-4" style="display: none;"> 10103 <div class="alert alert-danger "> 10104 Não foi possÃvel enviar o e-mail, tente novamente em alguns minutos. 10105</div> 10106 10107</div> 10108 10109<div class="js-too-many-attempts alert alert-danger mb-4" style="display:none"> 10110 Você excedeu o número de tentativas permitidas. Tente novamente em 10111 <span class="js-too-many-attempts-countdown"></span> 10112</div> 10113 10114 10115<form id="login-form" action="" method="post" class="js-form form " data-store="account-login"> 10116 10117 10118 <div class="form-group "> 10119 <label class="form-label " for="email">E-mail</label> 10120 <input type="email" name="email" value="" autocorrect="off" autocapitalize="off" class="js-account-input form-control " required placeholder="ex.: [email protected]"> 10121 </div> 10122 10123 10124 <div class="form-group "> 10125 <label class="form-label " for="password">Senha</label> 10126 <input type="password" name="password" autocorrect="off" autocapitalize="off" autocomplete="off" class="js-account-input js-password-input form-control " required placeholder="ex.: suasenha"> 10127 10128 <a aria-label="Ver senha" class="js-password-toggle password-toggle btn"> 10129 <span class="js-password-visible password-toggle-show" style="display: none;"> 10130 Esconder 10131 </span> 10132 <span class="js-password-hidden password-toggle-hide"> 10133 Mostrar 10134 </span> 10135 </a> 10136 10137 <div class="text-right mt-2 mb-2"> 10138 <a href="/account/reset" class="btn-link btn-link font-small mb-2 mr-1">Esqueceu a senha?</a> 10139 </div> 10140 </div> 10141 10142 <button class="btn btn-primary btn-big btn-block" type="submit" value="Iniciar sessão" name=""> 10143 Iniciar sessão 10144 <span class="js-form-spinner form-spinner icon-inline icon-spin svg-icon-mask ml-2" style="display:none;"></span> 10145 </button> 10146 10147 <div class="mt-2 mb-2 text-center font-small">Não possui uma conta ainda? 10148 <a href="/account/register" class="btn-link btn-link font-small mb-2 ml-1">Criar uma conta</a> 10149 </div> 10150 10151 </form> 10152 </div> 10153 </div> 10154 </div> 10155</section>
10156<script type="text/javascript"> 10157(function() { 10158 var referrer = (window.decodeURI) ? window.decodeURI(document.referrer) : document.referrer; 10159 var url = (window.decodeURI) ? window.decodeURI(document.URL) : document.URL; 10160 10161 setTimeout(function() { 10162 var tracking_url = '/stats/record_visit/?' + 10163 'referrer=' + encodeURIComponent(referrer) + 10164 '&url=' + encodeURIComponent(url) 10165 + '&social_event_id_suffix=4d07c791-5d78-4fa0-8606-be5175792c28' 10166 ; 10167 new Image().src = tracking_url; 10168 }, 500); 10169})(); 10170</script>
vendor: 1 bytes, line 10170
10170
10171<script type="text/javascript"> 10172 LS.ready.then(function() { 10173 window.scriptLoaderService.addScriptOnEvent('https\u003A\/\/services\u002Dwallet\u002Dstorefront.tiendanube.com\/bundle.js\u003Fstore\u003D1134626', 'onfirstinteraction'); 10174 window.scriptLoaderService.addScriptOnEvent('https\u003A\/\/commerce\u002Dapp.pintergration.com\/business\/commerce\u002Dintegrations\/apps\/nuvem\/scripts\/conversions\/2613624268810\/\u003Fstore\u003D1134626', 'onload'); 10175 window.scriptLoaderService.addScriptOnEvent('https\u003A\/\/apps\u002Dscripts.tiendanube.com\/iorbit\/visit\u002Dtrackerjs\/2.js\u003FversionId\u003DIGdtO0Xt._NiqP0bvsNZLgv97KUnjGcH\u0026store\u003D1134626', 'onfirstinteraction'); 10176 window.scriptLoaderService.addScriptOnEvent('https\u003A\/\/apps\u002Dscripts.tiendanube.com\/perfit\/perfit\u002Djs\/5.js\u003FversionId\u003DfZ5dPpORi6k5sEqfwF_dcKwoAHD7C4SU\u0026a\u003Dtodalindastor\u0026r\u003Debcf58b7\u0026h\u003D85fb4c33\u0026store\u003D1134626', 'onfirstinteraction'); 10177 10178 LS.socialScripts.forEach(function (scriptSrc) { 10179 window.scriptLoaderService.addScriptOnEvent(scriptSrc, 'onload'); 10180 }); 10181 }); 10182</script>
10182 10183 10184 10185 10186 </main> 10187 10188 10189 10190 10191<div id="quickshop-modal" class="js-modal modal modal-quickshop bottom modal-bottom modal--md transition-slide modal-centered modal-bottom-sheet modal-centered-md modal-centered-medium transition-soft " style="display: none;" > 10192 <div class="js-modal-close modal-header js-quickshop-header modal-header-reverse d-none"> 10193 <div class="row no-gutters align-items-center"> 10194 <div class="col px-3 "> 10195 </div> 10196 <div class="col-auto"> 10197 <a class="js-modal-close modal-close "> 10198 <svg class="icon-inline"><use xlink:href="#times"/></svg> 10199 </a> 10200 </div> 10201 </div> 10202 </div> 10203 <div class="modal-body modal-scrollable p-0 p-md-3"> 10204 <div class="js-item-product modal-scrollable modal-scrollable-area" data-product-id=""> 10205 <div class="js-product-container js-quickshop-container js-quickshop-modal js-quickshop-modal-shell" data-variants="" data-quickshop-id=""> 10206 <div class="quickshop-grid"> 10207 <div class="quickshop-image-container"> 10208 <div class="js-quickshop-image-padding"> 10209 <img srcset="" class="js-item-image js-quickshop-img quickshop-image img-absolute-centered"/> 10210 </div> 10211 </div> 10212 <div class="js-item-variants quickshop-item-variants"> 10213 <a class="js-modal-close modal-close"> 10214 <svg class="icon-inline svg-icon-text"><use xlink:href="#times"/></svg> 10215 </a> 10216 <div class="js-item-name quickshop-item-name mb-2 mb-md-0 mr-3"></div> 10217 <div class="d-flex align-items-center justify-content-start mb-2 mr-md-1"> 10218 <span class="js-compare-price-display price-compare h3 ml-2"></span> 10219 <span class="js-price-display product-price"></span> 10220 </div> 10221 </div> 10222 <div id="quickshop-form" class="quickshop-form"></div> 10223 </div> 10224 </div> 10225 </div> 10226 </div> 10227 10228 </div> 10229<div class="js-modal-overlay modal-overlay " data-modal-id="#quickshop-modal" style="display: none;"></div> 10230 10231 10232 10233 10234 10235 10236 10237 10238 10239<footer class="js-footer js-hide-footer-while-scrolling main-footer display-when-content-ready" data-store="footer"> 10240 <div class="footer-form text-center text-md-left"> 10241 <div class="container"> 10242 <div class="row text-center justify-content-center"> 10243 10244 10245 </div> 10246 </div> 10247 </div> 10248 10249 10250 <div class="container"> 10251 <div class="row justify-content-between footer-block footer-payments-shipping-logos"> 10252 10253 <div class="col-12 col-md-3"> 10254 <div class="mb-3"> 10255 <div id="logo" class="logo-img-container "> 10256 <a href="https://www.alizi.com.br" title="" ><img src="//acdn-us.mitiendanube.com/stores/001/134/626/themes/common/logo-1819588317-1755010340-b5fa6691cc9031c6ffa8f9c544f31b361
10256755010340-480-0.webp" alt="ALIZI | Camisetas Femininas 100% Algodão | Estampas DTF " class="logo-img transition-soft-slow logo-img-medium" loading="eager" decoding="async" width="240" height="60" /></a> 10257</div> 10258<div id="no-logo" class="logo-text-container hidden"> 10259 <a class="logo-text h2" href="https://www.alizi.com.br">ALIZI | Camisetas Femininas 100% Algodão | Estampas DTF </a> 10260</div> 10261 </div> 10262 10263 10264 <div class="footer-social pt-2"> 10265 <a class="social-icon" href="https://instagram.com/alizi.com.br" target="_blank" aria-label="instagram ALIZI | Camisetas Femininas 100% Algodão | Estampas DTF "> 10266 <svg class="icon-inline icon-2x"><use xlink:href="#instagram"/></svg> 10267 </a> 10268 <a class="social-icon" href="https://www.facebook.com/p/alizicombr-61579010796090" target="_blank" aria-label="facebook ALIZI | Camisetas Femininas 100% Algodão | Estampas DTF "> 10269 <svg class="icon-inline icon-2x"><use xlink:href="#facebook-f"/></svg> 10270 </a> 10271 <a class="social-icon" href="https://www.youtube.com/@alizi.youtube" target="_blank" aria-label="youtube ALIZI | Camisetas Femininas 100% Algodão | Estampas DTF "> 10272 <svg class="icon-inline icon-2x"><use xlink:href="#youtube"/></svg> 10273 </a> 10274 <a class="social-icon" href="https://www.tiktok.com/@alizi.com.br" target="_blank" aria-label="tiktok ALIZI | Camisetas Femininas 100% Algodão | Estampas DTF "> 10275 <svg class="icon-inline icon-2x"><use xlink:href="#tiktok"/></svg> 10276 </a> 10277 <a class="social-icon" href="https://www.pinterest.com/alizifashion" target="_blank" aria-label="pinterest ALIZI | Camisetas Femininas 100% Algodão | Estampas DTF "> 10278 <svg class="icon-inline icon-2x"><use xlink:href="#pinterest"/></svg> 10279 </a> 10280 <a class="social-icon" href="https://www.linkedin.com/company/alizi-com-br" target="_blank" aria-label="linkedin ALIZI | Camisetas Femininas 100% Algodão | Estampas DTF "> 10281 <svg class="icon-inline icon-2x"><use xlink:href="#linkedin"/></svg> 10282 </a> 10283 </div> 10284 </div> 10285 10286 <div class="col-12 col-md"> 10287 <ul class="footer-menu p-0 mb-4 mb-md-0 multi-col"> 10288 <li class="footer-menu-item" data-component="menu.item"> 10289 <a class="footer-menu-link" href="https://www.alizi.com.br/duvidas-frequentes/" >Central de Ajuda</a> 10290 </li> 10291 <li class="footer-menu-item" data-component="menu.item"> 10292 <a class="footer-menu-link" href="https://www.alizi.com.br/rastreio-pedido/" >Rastreio Pedido</a> 10293 </li> 10294 <li class="footer-menu-item" data-component="menu.item"> 10295 <a class="footer-menu-link" href="https://www.alizi.com.br/trocas-e-devolucoes/" >Trocas e Devoluções</a> 10296 </li> 10297 <li class="footer-menu-item" data-component="menu.item"> 10298 <a class="footer-menu-link" href="https://www.alizi.com.br/politicas-de-frete/" >PolÃticas de Frete</a> 10299 </li> 10300 <li class="footer-menu-item" data-component="menu.item"> 10301 <a class="footer-menu-link" href="https://www.alizi.com.br/termos-e-condicoes-de-uso/" >Termos e Condições de Uso</a> 10302 </li> 10303 <li class="footer-menu-item" data-component="menu.item"> 10304 <a class="footer-menu-link" href="https://www.alizi.com.br/politicas-de-privacidade/" >PolÃticas de Privacidade</a> 10305 </li> 10306 <li class="footer-menu-item" data-component="menu.item"> 10307 <a class="footer-menu-link" href="https://www.alizi.com.br/como-comprar/" >Como Comprar</a> 10308 </li> 10309 <li class="footer-menu-item" data-component="menu.item"> 10310 <a class="footer-menu-link" href="https://www.alizi.com.br/guia-de-medidas/" >Guia de Medidas</a> 10311 </li> 10312 <li class="footer-menu-item" data-component="menu.item"> 10313 <a class="footer-menu-link" href="/blog/" >Blog</a> 10314 </li> 10315 <li class="footer-menu-item" data-component="menu.item">
10316 <a class="footer-menu-link" href="https://www.alizi.com.br/sobre/" >Sobre</a> 10317 </li> 10318 <li class="footer-menu-item" data-component="menu.item"> 10319 <a class="footer-menu-link" href="https://www.alizi.com.br/t-shirt-feminina/" >Nossas T-shirts</a> 10320 </li> 10321 </ul> 10322 </div> 10323 10324 10325 <div class="col-12 col-md"> 10326 <div class="h4 mb-3">Entre em contato</div> 10327 10328<ul class="contact-info"> 10329 <li class="contact-item "> 10330 <svg class="icon-inline icon-1x icon-w-14 mr-1"><use xlink:href="#icon-email"/></svg> 10331 <a href="/cdn-cgi/l/email-protection#284b47465c495c47684944415241064b4745064a5a" class="contact-link"><span class="__cf_email__" data-cfemail="71121e1f0510051e31101d180b185f121e1c5f1303">[email protected]</span></a> 10332 </li> 10333 <li class="contact-item "> 10334 <svg class="icon-inline icon-1x icon-w-14 mr-1"><use xlink:href="#icon-store"/></svg> 10335 Rua Olimpio Facundini 240, Catanduva-SP 10336 </li> 10337 <li class="contact-item "> 10338 <svg class="icon-inline icon-1x icon-w-14 mr-1"><use xlink:href="#comments"/></svg> 10339 <a target="_blank" href="https://www.alizi.com.br/blog/" class="contact-link">Visite o nosso Blog!</a> 10340 </li> 10341 </ul> </div> 10342 10343 <div class="col-md-3"> 10344 <div class="col-md mb-4 mb-md-2 footer-payments"> 10345 <div class="h4 mb-3">Formas de pagamento</div> 10346 <div class="logos"> 10347 <img src="//acdn-us.mitiendanube.com/assets/themes/flex/static/images/empty-placeholder.png" data-src="//d26lpennugtm8s.cloudfront.net/assets/common/img/logos/payment/new_logos_payment/[email protected]" class="icon-logo lazyload" loading="lazy" decoding="async" width="48" height="30" alt="visa"> 10348 <img src="//acdn-us.mitiendanube.com/assets/themes/flex/static/images/empty-placeholder.png" data-src="//d26lpennugtm8s.cloudfront.net/assets/common/img/logos/payment/new_logos_payment/[email protected]" class="icon-logo lazyload" loading="lazy" decoding="async" width="48" height="30" alt="mastercard"> 10349 <img src="//acdn-us.mitiendanube.com/assets/themes/flex/static/images/empty-placeholder.png" data-src="//d26lpennugtm8s.cloudfront.net/assets/common/img/logos/payment/new_logos_payment/[email protected]" class="icon-logo lazyload" loading="lazy" decoding="async" width="48" height="30" alt="amex"> 10350 <img src="//acdn-us.mitiendanube.com/assets/themes/flex/static/images/empty-placeholder.png" data-src="//d26lpennugtm8s.cloudfront.net/assets/common/img/logos/payment/new_logos_payment/[email protected]" class="icon-logo lazyload" loading="lazy" decoding="async" width="48" height="30" alt="diners"> 10351 <img src="//acdn-us.mitiendanube.com/assets/themes/flex/static/images/empty-placeholder.png" data-src="//d26lpennugtm8s.cloudfront.net/assets/common/img/logos/payment/new_logos_payment/br/[email protected]" class="icon-logo lazyload" loading="lazy" decoding="async" width="48" height="30" alt="br_aura"> 10352 <img src="//acdn-us.mitiendanube.com/assets/themes/flex/static/images/empty-placeholder.png" data-src="//d26lpennugtm8s.cloudfront.net/assets/common/img/logos/payment/new_logos_payment/br/[email protected]" class="icon-logo lazyload" loading="lazy" decoding="async" width="48" height="30" alt="br_bradesco"> 10353 <img src="//acdn-us.mitiendanube.com/assets/themes/flex/static/images/empty-placeholder.png" data-src="//d26lpennugtm8s.cloudfront.net/assets/common/img/logos/payment/new_logos_payment/br/[email protected]" class="icon-logo lazyload" loading="lazy" decoding="async" width="48" height="30" alt="br_elo"> 10354 <img src="//acdn-us.mitiendanube.com/assets/themes/flex/static/images/empty-placeholder.png" data-src="//d26lpennugtm8s.cloudfront.net/assets/common/img/logos/payment/new_logos_payment/br/[email protected]" class="icon-logo lazyload" loading="lazy" decoding="async" width="48" height="30" alt="br_hipercard"> 10355 <img src="//acdn-us.mitiendanube.com/assets/themes/flex/static/images/empty-placeholder.png" data-src="//d26lpennugtm8s.cloudfront.net/assets/common/img/logos/payment/new_logos_payment/br/[email protected]" class="icon-logo lazyload" loading="lazy" decoding="async" width="48" height="30" alt="br_discover"> 10356 <img src="//acdn-us.mitiendanube.com/assets/themes/flex/static/images/empty-placeholder.png" data-src="//d26lpennugtm8s.cloudfront.net/assets/common/img/logos/payment/new_logos_payment/[email protected]" class="icon-logo lazyload" loading="lazy" decoding="async" width="48" height="30" alt="boleto"> 10357 <img src="//acdn-us.mitiendanube.com/assets/themes/flex/static/images/empty-placeholder.png" data-src="//d26lpennugtm8s.cloudfront.net/assets/common/img/logos/payment/new_logos_payment/payment-method-types/[email protected]" class="icon-logo lazyload" loading="lazy" decoding="async" width="48" height="30" alt="payment-method-types_pix"> 10358 </div> 10359 </div> 10360 <div class="col-md-auto mb-0 security-logos"> 10361 <div class="h4 mb-3">Segurança</div> 10362 <div class="d-flex align-items-center justify-content-center justify-content-md-start"> 10363 <div class="footer-logo google-seal"> 10364 <img src="//acdn-us.mitiendanube.com/assets/themes/flex/static/images/empty-placeholder.png" data-src="//d2az8otjr0j19j.cloudfront.net/templates/001/134/626/twig/static/images/google-safe-color.png" class="custom-seal-img lazyload" loading="lazy" decoding="async" alt="Selo de ALIZI | Camisetas Femininas 100% Algodão | Estampas DTF "/> 10365 </div> 10366 <div class="custom-seal custom-seal-code p-1"> 10367 <template class="js-deferred-seal"><div style=" 10368 display: inline-flex; 10369 align-items: center; 10370 gap: 12px; 10371 flex-wrap: nowrap; 10372 width: max-content; 10373"> 10374 <div id="ra-verified-seal" style="flex: 0 0 auto;">
vendor: 114 bytes, lines 10374-10375
10374 10375 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
10375<script 10376 type="text/javascript" 10377 id="ra-embed-verified-seal" 10378 src="https://s3.amazonaws.com/raichu-beta/ra-verified/bundle.js" 10379 data-id="MTczODM2NjphbGl6aQ==" 10380 data-target="ra-verified-seal" 10381 data-model="horizontal_1"> 10382 </script>
10382 10383 </div> 10384 10385 <a 10386 href="https://avaliarsite.com.br/site/alizi-com-br" 10387 target="_blank" 10388 rel="noopener" 10389 style="display:block; flex:0 0 auto;" 10390 > 10391 <img 10392 src="https://avaliarsite.com.br/api/badge/alizi-com-br" 10393 alt="Selo de site confiável â alizi.com.br verificado pelo Avaliarsite" 10394 width="196" 10395 height="64" 10396 loading="lazy" 10397 style="display:block;" 10398 /> 10399 </a> 10400</div></template> 10401 </div> 10402 </div> 10403 </div> 10404 </div> 10405 10406 </div> 10407 </div> 10408 10409 <div class="footer-legal"> 10410 <div class="container"> 10411 <div class="row align-items-center"> 10412 <div class="col-md text-center text-md-left font-small"> 10413 <div class="mb-1 h6"> 10414 10415 ALIZI | Camisetas Femininas 100% Algodão | Estampas DTF 10416 </div> 10417 <div class="d-block"> 10418 ©2026. ALIZI - 36175674000174. Todos os direitos reservados. 10419 </div> 10420 10421 </div> 10422 <div class="col-md-auto copyright row no-gutters text-center text-md-right align-items-center justify-content-center justify-content-md-end pt-4 pt-md-0"> 10423 <div class="col-12"> 10424 <div class="powered-by-logo"> 10425 <a target="_blank" title="Nuvemshop" rel="nofollow" href="https://www.nuvemshop.com.br?utm_source=www.alizi.com.br&utm_medium=referral&utm_campaign=footerSlogan"><svg title="Nuvemshop" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1080 120" id="svg_brand"><path d="M29.9 42.8c4.6 0 8.8 1.3 12.5 3.8v7.9c-3.9-3-7.9-4.4-12.2-4.4-9 0-15.5 6.9-15.5 15.8 0 8.8 6.5 15.8 15.5 15.8 4.6 0 8.9-2.1 12.4-4.4v7.9c-3.9 2.5-8.1 3.7-12.7 3.7-13.8 0-23.1-10.1-23.1-23.1 0-12.9 9.5-23 23.1-23zM73.2 51c-.1 0-.3 0-.5-.1-.4 0-1-.1-1.6-.1-8.3 0-13.2 6.5-13.2 16.1v21h-7.7V43.8h7.6v7.8c1.9-5.1 7.8-8.5 13.5-8.5.6 0 1 .1 1.4.1.3.1.5.1.5.1V51zm9.9-15.1c-2.9 0-5.3-2.4-5.3-5.3s2.4-5.3 5.3-5.3 5.3 2.4 5.3 5.3-2.4 5.3-5.3 5.3zm3.9 7.9v44.1h-7.8V43.8H87zm23.6 18.3l13.2-1.6v-2.3c0-5.4-3.4-8.5-9.3-8.5-5.3 0-8.7 2.6-10.3 7.8l-7.4-2.1c2.2-7.7 8.9-12.6 17.5-12.6 10.8 0 17 6.1 17 16v29.1H124v-5.8c-3.5 4.4-8.9 6.8-14.8 6.8-8.3 0-13.9-5.4-13.9-12.6 0-7.9 5-12.8 15.3-14.2zm0 19.9c7.6 0 13.2-4.9 13.2-11.7v-3.2l-12 1.5c-5.5.7-8.6 3.4-8.6 7.2 0 3.7 3.1 6.2 7.4 6.2zm73.3-57.7v63.5h-7.7v-7c-3.2 4.8-9.1 8-15.6 8-12.6 0-22.2-10-22.2-23.1 0-13 9.5-23.1 22.2-23.1 6.5 0 12.3 2.8 15.6 7.6V24.3h7.7zm-22.4 25.6c-8.7 0-15.2 6.9-15.2 15.9s6.4 15.9 15.2 15.9 15.2-6.9 15.2-15.9c-.1-9-6.5-15.9-15.2-15.9zm76.2 15.9c0 12.7-9.7 23.1-23.1 23.1-13.3 0-23.1-10.3-23.1-23.1s9.7-23.1 23.1-23.1c13.4.1 23.1 10.4 23.1 23.1zm-38.2 0c0 8.8 6.4 15.9 15.2 15.9s15.2-7.1 15.2-15.9-6.4-15.9-15.2-15.9-15.2 7.1-15.2 15.9zm77.7-23c4.6 0 8.8 1.3 12.5 3.8v7.9c-3.9-3-7.9-4.4-12.2-4.4-9 0-15.5 6.9-15.5 15.8 0 8.8 6.5 15.8 15.5 15.8 4.6 0 8.9-2.1 12.4-4.4v7.9c-3.9 2.5-8.1 3.7-12.7 3.7-13.8 0-23.1-10.1-23.1-23.1.1-12.9 9.6-23 23.1-23zm63.2 23c0 12.7-9.7 23.1-23.1 23.1-13.3 0-23.1-10.3-23.1-23.1s9.7-23.1 23.1-23.1c13.4.1 23.1 10.4 23.1 23.1zm-38.2 0c0 8.8 6.4 15.9 15.2 15.9s15.2-7.1 15.2-15.9-6.4-15.9-15.2-15.9-15.2 7.1-15.2 15.9zm53.7 22.1h-7.8V43.8h7.7v6.4c2.5-4.6 6.8-7.4 13-7.4 6.5 0 11.3 3.2 13.9 8.6 2.3-3.7 6.6-8.6 15.1-8.6 10.3 0 16.2 7.2 16.2 18.5v26.6h-7.8V62.6c0-7.9-3.4-12.7-10-12.7-6.9 0-11.3 5.7-11.3 14.8v23.1h-7.8v-25c0-8-3.4-12.9-10-12.9-6.9 0-11.3 5.7-11.3 14.8l.1 23.2zM621.8 87.8h-10.5V43.3h10.5v5.9c2.8-4.3 7.4-7 13.6-7 10.9 0 17.2 7.2 17.2 18.8v26.8h-10.5V63c0-6.9-3.4-11.1-9.9-11.1-6.3 0-10.4 4.8-10.4 12.4v23.5zm38.4-19.2V43.3h10.5V68c0 7 3.4 11.2 9.3 11.2 5.8 0 9.3-4.2 9.3-11.2V43.3h10.5v25.3c0 12.8-7.4 20.2-19.8 20.2-12.3.1-19.8-7.4-19.8-20.2zM703 43.3h11.2L726 74.2l12-30.9h10.9l-18.3 44.5h-9.3L703 43.3zm88.4 34c-3.7 7-10.6 11.5-20.1 11.5-13.5 0-23.1-9.6-23.1-23.3 0-13.3 9.8-23.3 22.6-23.3 13 0 22.1 10 22.1 23.3 0 .8 0 1.9-.1 3.2h-34.2c.5 6.4 6.2 11.3 12.8 11.3 5.8 0 8.8-2.8 11.3-6.7l8.7 4zm-8.9-16.2c-.7-5.9-5.4-10.3-11.9-10.3-6.3 0-11.2 5.2-11.9 10.3h23.8zM809 87.8h-10.5V43.3H809v5.9c2.5-4.3 6.6-7 12.7-7 6.4 0 11.1 3.1 13.5 8.3 2.4-4.3 7.4-8.3 14.8-8.3 10.3 0 16.2 7.1 16.2 18.2v27.3h-10.5V62.5c0-6.5-3-10.6-8.5-10.6-5.7 0-9.4 4.6-9.5 11.9v24h-10.5v-25c0-6.9-3-11-8.5-11-5.8 0-9.5 4.7-9.5 12.3v23.7h-.2zm70-14.7c1.5 4.1 4.9 6.8 8.9 6.8 3.3 0 6-1.5 6-4.6 0-2.5-1.5-3.7-5.1-4.8l-5.4-1.7c-7.5-2.4-11.3-6.7-11.3-12.9 0-8.3 7-13.6 15.3-13.6 7.3 0 13.3 3.9 16.2 10.1l-8.4 4.5c-1.7-3.5-4.4-5.9-7.7-5.9-3 0-5.4 1.5-5.4 4.1 0 2.1 1.6 3.7 5 4.8l5.3 1.7c8.3 2.8 11.7 7.1 11.7 13 0 9.1-7.6 14.3-16.3 14.3-8.3 0-14.7-4.4-17.2-11.3l8.4-4.5zm40.8 14.7h-10.5V26.7h10.5v22.5c2.8-4.3 7.4-7 13.6-7 10.9 0 17.2 7.2 17.2 18.8v26.8h-10.5V63c0-6.9-3.4-11.1-9.9-11.1-6.3 0-10.4 4.8-10.4 12.4v23.5zm83.8-22.3c0 13.1-10.1 23.3-23.7 23.3s-23.7-10.3-23.7-23.3c0-13.1 10.1-23.3 23.7-23.3s23.7 10.3 23.7 23.3zm-36.9 0c0 7.6 5.8 13.7 13.2 13.7s13.2-6.1 13.2-13.7-5.8-13.7-13.2-13.7-13.2 6.1-13.2 13.7zm53.4-22.2v6.4c3.3-4.6 8.9-7.4 15.1-7.4 12.3 0 21.7 10 21.7 23.3 0 13.1-9.4 23.3-21.7 23.3-6.2 0-11.8-2.5-15.1-7.2v22.7h-10.4V43.3h10.4zm12.9 8.5c-7.5 0-13.3 6.2-13.3 13.8s5.8 13.8 13.3 13.8 13.3-6.2 13.3-13.8-5.8-13.8-13.3-13.8zM533.3 10c-.1 0-.1 0 0 0-13.2 0-25.6 5.1-34.9 14.2-4.7-2-9.9-3.1-15.2-3.1-21.4 0-38.9 17.4-38.9 38.9s17.4 38.9 38.9 38.9c5.2 0 10.4-1.1 15.1-3.1 9 8.8 21.3 14.2 34.8 14.2 27.6 0 50-22.4 50-50 .1-27.5-22.3-50-49.8-50zm-.1 88.9c-21.4 0-38.9-17.4-38.9-38.9h-11.1c0 9.8 2.8 19 7.7 26.7-2.5.7-5.1 1.1-7.7 1.1-15.3 0-27.8-12.5-27.8-27.8s12.5-27.8 27.8-27.8c6.1 0 11.8 1.9 16.7 5.6C50
104257 43.1 511 51.2 511 60h11.1c0-11.6-5-22.4-13.9-29.8 7-5.8 15.8-9.1 25-9.1 21.4 0 38.9 17.5 38.9 38.9s-17.5 38.9-38.9 38.9z"/></svg></a> 10426 </div> 10427 </div> 10428 </div> 10429 </div> 10430 </div> 10431 </div> 10432</footer> 10433 10434
10434<script type="text/javascript"> 10435 (function() { 10436 var tpl = document.querySelector('template.js-deferred-seal'); 10437 if (!tpl) return; 10438 10439 var injected = false; 10440 10441 function injectSeal() { 10442 if (injected) return; 10443 injected = true; 10444 10445 var fragment = tpl.content.cloneNode(true); 10446 10447 var scripts = Array.prototype.slice.call(fragment.querySelectorAll('script')); 10448 scripts.forEach(function(old) { 10449 old.parentNode.removeChild(old); 10450 }); 10451 10452 tpl.parentNode.insertBefore(fragment, tpl); 10453 10454 scripts.forEach(function(old) { 10455 var s = document.createElement('script'); 10456 Array.prototype.slice.call(old.attributes).forEach(function(attr) { 10457 s.setAttribute(attr.name, attr.value); 10458 }); 10459 if (old.textContent) s.text = old.textContent; 10460 tpl.parentNode.insertBefore(s, tpl); 10461 }); 10462 } 10463 10464 var events = ['pointerdown', 'keydown', 'touchstart', 'scroll']; 10465 events.forEach(function(evt) { 10466 window.addEventListener(evt, injectSeal, { passive: true, once: true }); 10467 }); 10468 10469 window.addEventListener('load', function() { 10470 if ('requestIdleCallback' in window) { 10471 requestIdleCallback(injectSeal, { timeout: 6000 }); 10472 } else { 10473 setTimeout(injectSeal, 3000); 10474 } 10475 }); 10476 })(); 10477 </script>
10477 10478 10479<div id="dp-widget-root" class="dpw-root js-btn-fixed-bottom"> 10480 <button 10481 type="button" 10482 class="dpw-trigger js-dpw-trigger" 10483 aria-expanded="false" 10484 aria-controls="dpw-panel" 10485 aria-label="Ver desconto progressivo" 10486 > 10487 <span class="dpw-trigger-icon" aria-hidden="true">%</span> 10488 <span class="dpw-sr-only">Desconto progressivo</span> 10489 </button> 10490 10491 <aside id="dpw-panel" class="dpw-panel js-dpw-panel" aria-live="polite"> 10492 <div class="dpw-head"> 10493 <span class="dpw-badge">Oferta ativa</span> 10494 <button type="button" class="dpw-close js-dpw-close" aria-label="Fechar">x</button> 10495 </div> 10496 <div class="dpw-body"> 10497 10498 <div class="dpw-coupon"> 10499 <span class="dpw-coupon-label">Cupom 1a compra:</span> 10500 <strong class="dpw-coupon-code">GANHE5</strong> 10501 </div> 10502 10503 <div class="dpw-coupon"> 10504 <span class="dpw-coupon-label">Frete Grátis:</span> 10505 <strong class="dpw-coupon-code">a partir de R$ 229,00</strong> 10506 </div> 10507 10508 <p class="dpw-title">Desconto progressivo</p> 10509 <p class="dpw-sub">Compre mais e economize no carrinho.</p> 10510 10511 <ul class="dpw-list"> 10512 <li class="dpw-item"> 10513 <strong>2 pecas</strong> 10514 <span>7% OFF</span> 10515 </li> 10516 <li class="dpw-item"> 10517 <strong>3+ pecas</strong> 10518 <span>15% OFF</span> 10519 </li> 10520 <!--li class="dpw-item"> 10521 <strong>4+ pecas</strong> 10522 <span>15% OFF</span> 10523 </li--> 10524 </ul> 10525 10526 <p class="dpw-footnote">Valido para produtos participantes.</p> 10527 </div> 10528 </aside> 10529</div> 10530 10531<style> 10532 .dpw-root { 10533 position: fixed; 10534 left: 16px; 10535 bottom: 16px; 10536 z-index: 89; 10537 } 10538 10539 .dpw-trigger { 10540 position: relative; 10541 isolation: isolate; 10542 width: 62px; 10543 height: 62px; 10544 display: grid; 10545 place-items: center; 10546 border: 2px solid #ffffff; 10547 border-radius: 999px; 10548 cursor: pointer; 10549 color: #ffffff; 10550 background: linear-gradient( 10551 135deg, 10552 var(--header-featured-link-background, #571f31), 10553 var(--accent-color, #8e44ad) 10554 ); 10555 box-shadow: 0 14px 30px rgba(87, 31, 49, 0.35); 10556 transition: transform 180ms ease, filter 180ms ease; 10557 } 10558 10559 .dpw-trigger::before { 10560 content: ""; 10561 position: absolute; 10562 inset: -10px; 10563 z-index: -1; 10564 border-radius: inherit; 10565 background: rgba(142, 68, 173, 0.18); 10566 opacity: 0; 10567 transform: scale(0.85); 10568 animation: dpw-pulse-ring 1.6s ease-in-out infinite; 10569 } 10570 10571 .dpw-trigger:hover { 10572 transform: translateY(-2px) scale(1.02); 10573 filter: brightness(1.03); 10574 } 10575 10576 .dpw-trigger.is-open::before { 10577 animation: none; 10578 } 10579 10580 .dpw-trigger-icon { 10581 font-size: 1.5rem; 10582 line-height: 1; 10583 font-weight: 800; 10584 transform: translateY(-1px); 10585 } 10586 10587 .dpw-panel { 10588 position: fixed; 10589 left: 16px; 10590 bottom: 88px; 10591 width: min(360px, calc(100vw - 32px)); 10592 background: var(--main-background, #ffffff); 10593 color: var(--main-foreground, #181818); 10594 border: 1px solid var(--main-foreground-opacity-10, #1818181a); 10595 border-radius: 16px; 10596 box-shadow: 0 18px 42px rgba(24, 24, 24, 0.25); 10597 overflow: hidden; 10598 transform-origin: bottom left; 10599 transform: translateY(14px) scale(0.97); 10600 opacity: 0; 10601 pointer-events: none; 10602 transition: transform 220ms ease, opacity 220ms ease; 10603 } 10604 10605 .dpw-panel.open { 10606 transform: translateY(0) scale(1); 10607 opacity: 1; 10608 pointer-events: auto; 10609 } 10610 10611 .dpw-head { 10612 display: flex; 10613 align-items: center; 10614 justify-content: space-between; 10615 gap: 8px; 10616 padding: 12px 14px; 10617 border-bottom: 1px solid var(--main-foreground-opacity-10, #1818181a); 10618 background: linear-gradient( 10619 115deg, 10620 var(--main-foreground-opacity-03, #18181808), 10621 var(--main-foreground-opacity-08, #18181814) 10622 ); 10623 } 10624 10625 .dpw-badge { 10626 font-size: 0.8rem; 10627 font-weight: 700; 10628 padding: 5px 10px; 10629 border-radius: 999px; 10630 color: var(--header-featured-link-background, #571f31); 10631 background: var(--main-background-opacity-80, #ffffffcc); 10632 border: 1px solid var(--main-foreground-opacity-10, #1818181a); 10633 } 10634 10635 .dpw-close { 10636 width: 28px; 10637 height: 28px; 10638 border-radius: 50%; 10639 border: 0; 10640 background: #ffffff; 10641 color: var(--header-featured-link-background, #571f31); 10642 cursor: pointer; 10643 font-size: 16px; 10644 line-height: 1; 10645 } 10646 10647 .dpw-body { 10648 padding: 12px 14px 14px; 10649 } 10650 10651 .dpw-title { 10652 margin: 0 0 6px; 10653 font-size: 1.05rem; 10654 font-weight: 700; 10655 line-height: 1.2; 10656 } 10657 10658 .dpw-sub { 10659 margin: 0 0 12px;
10660 color: var(--nav-desktop-foreground, #876a53); 10661 font-size: 0.92rem; 10662 } 10663 10664 .dpw-coupon { 10665 display: flex; 10666 align-items: center; 10667 justify-content: space-between; 10668 gap: 8px; 10669 margin: 0 0 10px; 10670 padding: 8px 10px; 10671 border-radius: 10px; 10672 border: 1px dashed var(--header-featured-link-background, #571f31); 10673 background: var(--main-foreground-opacity-03, #18181808); 10674 } 10675 10676 .dpw-coupon-label { 10677 font-size: 0.85rem; 10678 color: var(--nav-desktop-foreground, #876a53); 10679 } 10680 10681 .dpw-coupon-code { 10682 font-size: 0.95rem; 10683 letter-spacing: 0.5px; 10684 color: var(--header-featured-link-background, #571f31); 10685 } 10686 10687 .dpw-list { 10688 margin: 0; 10689 padding: 0; 10690 list-style: none; 10691 display: grid; 10692 gap: 8px; 10693 } 10694 10695 .dpw-item { 10696 display: flex; 10697 align-items: center; 10698 justify-content: space-between; 10699 gap: 8px; 10700 padding: 9px 10px; 10701 border-radius: 12px; 10702 border: 1px solid var(--main-foreground-opacity-10, #1818181a); 10703 background: var(--main-foreground-opacity-03, #18181808); 10704 } 10705 10706 .dpw-item strong { 10707 color: var(--main-foreground, #181818); 10708 } 10709 10710 .dpw-item span { 10711 font-weight: 800; 10712 color: var(--header-featured-link-background, #571f31); 10713 } 10714 10715 .dpw-footnote { 10716 margin: 10px 0 0; 10717 font-size: 0.8rem; 10718 color: var(--nav-desktop-foreground, #876a53); 10719 } 10720 10721 .dpw-sr-only { 10722 position: absolute; 10723 width: 1px; 10724 height: 1px; 10725 padding: 0; 10726 margin: -1px; 10727 overflow: hidden; 10728 clip: rect(0, 0, 0, 0); 10729 white-space: nowrap; 10730 border: 0; 10731 } 10732 10733 @keyframes dpw-pulse-ring { 10734 0%, 100% { 10735 opacity: 0; 10736 transform: scale(0.85); 10737 } 10738 50% { 10739 opacity: 1; 10740 transform: scale(1); 10741 } 10742 } 10743 10744 @media (max-width: 767px) { 10745 .dpw-root { 10746 top: auto; 10747 left: 12px; 10748 bottom: 12px; 10749 } 10750 10751 .dpw-trigger { 10752 width: 58px; 10753 height: 58px; 10754 transform: none; 10755 } 10756 10757 .dpw-trigger:hover { 10758 transform: translateY(-1px) scale(1.02); 10759 } 10760 10761 .dpw-panel { 10762 left: 12px; 10763 top: auto; 10764 bottom: 76px; 10765 width: calc(100vw - 24px); 10766 transform: translateY(14px) scale(0.97); 10767 transform-origin: bottom left; 10768 } 10769 10770 .dpw-panel.open { 10771 transform: translateY(0) scale(1); 10772 } 10773 } 10774</style> 10775
10776<script type="text/javascript"> 10777 (function() { 10778 var root = document.getElementById("dp-widget-root"); 10779 if (!root) return; 10780 10781 (function () { 10782 function clearanceFor(selector) { 10783 var el = document.querySelector(selector); 10784 if (!el) return 0; 10785 var rect = el.getBoundingClientRect(); 10786 var visible = rect.height > 0 && rect.bottom > 0 && rect.top < window.innerHeight; 10787 return visible ? (window.innerHeight - rect.top) : 0; 10788 } 10789 10790 var ticking = false; 10791 function recompute() { 10792 var cookieVisible = false; 10793 try { 10794 cookieVisible = window.cookieNotificationService && !window.cookieNotificationService.isAcknowledged(); 10795 } catch (e) {} 10796 10797 var needed = 0; 10798 if (cookieVisible) { 10799 needed = Math.max(needed, clearanceFor(".js-notification-cookie-banner") + 5); 10800 } 10801 needed = Math.max(needed, clearanceFor(".fixed-product-form") + 5); 10802 10803 root.style.marginBottom = needed > 0 ? needed + "px" : ""; 10804 } 10805 10806 recompute(); 10807 window.addEventListener("scroll", function () { 10808 if (ticking) return; 10809 ticking = true; 10810 window.requestAnimationFrame(function () { 10811 recompute(); 10812 ticking = false; 10813 }); 10814 }, { passive: true }); 10815 10816 document.addEventListener("click", function (event) { 10817 if (event.target && event.target.classList && event.target.classList.contains("js-acknowledge-cookies")) { 10818 recompute(); 10819 } 10820 }); 10821 })(); 10822 10823 var trigger = root.querySelector(".js-dpw-trigger"); 10824 var panel = root.querySelector(".js-dpw-panel"); 10825 var closeButton = root.querySelector(".js-dpw-close"); 10826 10827 function openPanel() { 10828 panel.classList.add("open"); 10829 trigger.classList.add("is-open"); 10830 trigger.setAttribute("aria-expanded", "true"); 10831 } 10832 10833 function closePanel() { 10834 panel.classList.remove("open"); 10835 trigger.classList.remove("is-open"); 10836 trigger.setAttribute("aria-expanded", "false"); 10837 } 10838 10839 trigger.addEventListener("click", function() { 10840 if (panel.classList.contains("open")) { 10841 closePanel(); 10842 } else { 10843 openPanel(); 10844 } 10845 }); 10846 10847 closeButton.addEventListener("click", closePanel); 10848 10849 document.addEventListener("keydown", function(event) { 10850 if (event.key === "Escape") { 10851 closePanel(); 10852 } 10853 }); 10854 10855 document.addEventListener("click", function(event) { 10856 if (!panel.classList.contains("open")) return; 10857 if (root.contains(event.target)) return; 10858 closePanel(); 10859 }); 10860 })(); 10861</script>
10861 10862 10863 10864 10865 <span class="js-ship-free-min hidden" data-pricemin="22900"></span> 10866 <span class="js-free-shipping-config hidden" data-config="[{"remainingAmountForMinPrice":229,"combinesWithOtherDiscounts":true,"onlyCheapestShipping":false}]"></span> 10867 <span class="js-cart-subtotal hidden" data-priceraw="0"></span> 10868 <span class="js-cart-discount hidden" data-priceraw="0"></span> 10869 10870 10871 10872 10873
10873<script type="text/javascript" src="//acdn-us.mitiendanube.com/stores/001/134/626/themes/flex/dart-external-no-dependencies-817c6123ccc9c12b0b63f57d07a514bc.js" ></script>
10873 10874 10875 10876
10876<script type="text/javascript"> 10877 LS.ready.then(function() { 10878 10879 10880 10881 10882 10883// Move to our_content 10884window.urls = { 10885 "shippingUrl": "\/frete\/" 10886} 10887 10888 10889document.addEventListener('lazybeforeunveil', function(e){ 10890 if ((e.target.parentElement) && (e.target.nextElementSibling)) { 10891 var parent = e.target.parentElement; 10892 var sibling = e.target.nextElementSibling; 10893 if (sibling.classList.contains('js-lazy-loading-preloader')) { 10894 sibling.style.display = 'none'; 10895 parent.style.display = 'block'; 10896 } 10897 } 10898}); 10899 10900 10901window.lazySizesConfig = window.lazySizesConfig || {}; 10902lazySizesConfig.hFac = 0.4; 10903 10904 10905DOMContentLoaded.addEventOrExecute(() => { 10906 function rafThrottle(callback) { 10907 var isScheduled = false; 10908 return function() { 10909 if (isScheduled) return; 10910 isScheduled = true; 10911 requestAnimationFrame(function() { 10912 isScheduled = false; 10913 callback(); 10914 }); 10915 }; 10916 } 10917 10918 10919 function changeVariant(variant) {} 10920 10921 10922 10923 jQueryNuvem(".js-notification-close, .js-tooltip-close").on( "click", function(e) { 10924 e.preventDefault(); 10925 jQueryNuvem(e.currentTarget).closest(".js-notification, .js-tooltip").hide(); 10926 }); 10927 10928 10929 jQueryNuvem(document).on("click", ".js-tooltip-open", function(e) { 10930 e.preventDefault(); 10931 jQueryNuvem(this).next(".js-tooltip").show(); 10932 }); 10933 10934 10935 10936 var $notification_status_page = jQueryNuvem(".js-notification-status-page"); 10937 var $fixed_bottom_button = jQueryNuvem(".js-btn-fixed-bottom"); 10938 var head_height = jQueryNuvem(".js-head-main").height(); 10939 10940 10941 if ($notification_status_page.length > 0){ 10942 if (LS.shouldShowOrderStatusNotification($notification_status_page.data('url'))){ 10943 10944 $notification_status_page.css("top" , head_height + 15 + "px"); 10945 $notification_status_page.show(); 10946 }; 10947 jQueryNuvem(".js-notification-status-page-close").on( "click", function(e) { 10948 e.preventDefault(); 10949 LS.dontShowOrderStatusNotificationAgain($notification_status_page.data('url')); 10950 }); 10951 } 10952 10953 10954 jQueryNuvem(".js-cart-notification-close").on("click", function(){ 10955 jQueryNuvem(".js-alert-added-to-cart").removeClass("notification-visible").addClass("notification-hidden"); 10956 setTimeout(function(){ 10957 jQueryNuvem('.js-cart-notification-item-img').attr('src', ''); 10958 jQueryNuvem(".js-alert-added-to-cart").hide(); 10959 },2000); 10960 }); 10961 10962 10963 10964 var headLogo = jQueryNuvem(".js-head-logo").outerHeight(); 10965 var contactBar = jQueryNuvem(".js-contactbar").outerHeight(); 10966 var headTopBar = jQueryNuvem(".js-adbar").outerHeight(); 10967 var $addedToCartNotification = jQueryNuvem(".js-alert-added-to-cart"); 10968 var notificationOffset = headLogo + contactBar + headTopBar + 30; 10969 10970 $addedToCartNotification.css("top" , notificationOffset.toString() + 'px'); 10971 10972 10973 10974 10975 10976 jQueryNuvem(".js-dismiss-quicklogin").on( "click", function(e) { 10977 LS.dontShowQuickLoginNotification(); 10978 }); 10979 10980 10981 setTimeout(function(){ 10982 jQueryNuvem(".js-quick-login-success").fadeOut(); 10983 },8000); 10984 10985 10986 10987 const footerLegal = jQueryNuvem(".js-footer-legal"); 10988 10989 let footerOffset = 20; 10990 10991 if (window.innerWidth > 768) { 10992 footerOffset = 60; 10993 } 10994 10995 10996 10997 restoreNotifications = function(){ 10998 10999 // WhatsApp button position 11000 if (window.innerWidth < 768) { 11001 $fixed_bottom_button.css("marginBottom", "10px"); 11002 } 11003 11004 footerLegal.css("paddingBottom", footerOffset + "px"); 11005 11006 }; 11007 11008 if (!window.cookieNotificationService.isAcknowledged()) { 11009 jQueryNuvem(".js-notification-cookie-banner").show(); 11010 11011 11012 const cookieBannerHeight = jQueryNuvem(".js-notification-cookie-banner").outerHeight(); 11013 footerLegal.css("paddingBottom", cookieBannerHeight + footerOffset + "px"); 11014 11015 11016 $fixed_bottom_button.css("marginBottom", (cookieBannerHeight + 25) + "px"); 11017 11018 } 11019 11020 jQueryNuvem(".js-acknowledge-cookies").on( "click", function(e) { 11021 window.cookieNotificationService.acknowledge(); 11022 11023 footerLegal.removeAttr("style"); 11024 restoreNotifications(); 11025 }); 11026 11027 11028 11029
11030 restoreQuickshopForm = function(){ 11031 11032 11033 11034 jQueryNuvem("#quickshop-modal .js-item-product").removeClass("js-swiper-slide-visible js-item-slide"); 11035 jQueryNuvem("#quickshop-modal .js-quickshop-container").attr( { 'data-variants' : '' , 'data-quickshop-id': '' } ); 11036 jQueryNuvem("#quickshop-modal .js-item-product").attr('data-product-id', ''); 11037 11038 11039 setTimeout(function(){ 11040 var $quickshop_form = jQueryNuvem("#quickshop-form").find('.js-product-form'); 11041 var $item_form_container = jQueryNuvem(".js-quickshop-opened").find(".js-item-variants"); 11042 11043 $quickshop_form.detach().appendTo($item_form_container); 11044 jQueryNuvem(".js-quickshop-opened").removeClass("js-quickshop-opened"); 11045 jQueryNuvem("#quickshop-modal .js-quickshop-img").attr('srcset', ''); 11046 jQueryNuvem("#quickshop-form").removeAttr("style"); 11047 },350); 11048 }; 11049 11050 11051 11052 resetSearchBox = function(){ 11053 11054 11055 jQueryNuvem(".js-search-input").val(""); 11056 jQueryNuvem(".js-search-form-suggestions").hide(); 11057 11058 const empty_search = jQueryNuvem(".js-empty-search"); 11059 const empty_submit = jQueryNuvem(".js-search-input-submit"); 11060 11061 empty_search.fadeOut(100); 11062 empty_submit.fadeIn(100); 11063 11064 }; 11065 11066 11067 if (window.innerWidth < 768) { 11068 11069 11070 cleanURLHash = function(){ 11071 const uri = window.location.toString(); 11072 const clean_uri = uri.substring(0, uri.indexOf("#")); 11073 window.history.replaceState({}, document.title, clean_uri); 11074 }; 11075 11076 11077 goBackBrowser = function(){ 11078 cleanURLHash(); 11079 history.back(); 11080 }; 11081 11082 11083 if(window.location.href.indexOf("modal-fullscreen") > -1) { 11084 cleanURLHash(); 11085 } 11086 11087 11088 jQueryNuvem(document).on("click", ".js-fullscreen-modal-open", function(e) { 11089 e.preventDefault(); 11090 var modal_url_hash = jQueryNuvem(this).data("modalUrl"); 11091 window.location.hash = modal_url_hash; 11092 }); 11093 11094 11095 jQueryNuvem(document).on("click", ".js-fullscreen-modal-close", function(e) { 11096 e.preventDefault(); 11097 goBackBrowser(); 11098 }); 11099 11100 11101 window.onhashchange = function() { 11102 if(window.location.href.indexOf("modal-fullscreen") <= -1) { 11103 11104 11105 if(jQueryNuvem(".js-fullscreen-modal").hasClass("modal-show")){ 11106 11107 11108 if(jQueryNuvem(".js-modal.modal-show").length == 1){ 11109 jQueryNuvem("body").removeClass("overflow-none"); 11110 } 11111 var $opened_modal = jQueryNuvem(".js-fullscreen-modal.modal-show"); 11112 var $opened_modal_overlay = $opened_modal.prev(); 11113 11114 $opened_modal.removeClass("modal-show"); 11115 setTimeout(() => $opened_modal.hide(), 500); 11116 $opened_modal_overlay.fadeOut(500); 11117 11118 11119 resetSearchBox(); 11120 11121 restoreQuickshopForm(); 11122 11123 } 11124 } 11125 } 11126 11127 } 11128 11129 modalOpen = function(modal_id){ 11130 11131 var $overlay_id = jQueryNuvem('.js-modal-overlay[data-modal-id="' + modal_id + '"]'); 11132 11133 if (jQueryNuvem(modal_id).hasClass("modal-show")) { 11134 if(jQueryNuvem(".js-modal.modal-show").length == 1){ 11135 jQueryNuvem("body").removeClass("overflow-none"); 11136 } 11137 let modal = jQueryNuvem(modal_id).removeClass("modal-show"); 11138 setTimeout(() => modal.hide(), 500); 11139 } else { 11140 11141 11142 if(!jQueryNuvem(".js-modal.modal-show").length){ 11143 jQueryNuvem("body").addClass("overflow-none move-right"); 11144 } 11145 11146 jQueryNuvem(modal_id).detach().appendTo("body"); 11147 jQueryNuvem(modal_id).show().addClass("modal-show"); 11148 11149 if (((jQueryNuvem(modal_id).hasClass("js-modal-overlay-md")) && (window.innerWidth > 768)) || (!jQueryNuvem(modal_id).hasClass("js-modal-overlay-md"))) {
11150 $overlay_id.fadeIn(400); 11151 $overlay_id.detach().insertBefore(modal_id); 11152 } 11153 } 11154 11155 }; 11156 11157 jQueryNuvem(document).on("click", ".js-modal-open", function(e) { 11158 e.preventDefault(); 11159 const modal_id = jQueryNuvem(this).data('toggle'); 11160 modalOpen(modal_id); 11161 }); 11162 11163 jQueryNuvem(document).on("click", ".js-modal-close", function(e) { 11164 e.preventDefault(); 11165 11166 11167 if(jQueryNuvem(".js-modal.modal-show").length == 1){ 11168 jQueryNuvem("body").removeClass("overflow-none"); 11169 } 11170 var $modal = jQueryNuvem(this).closest(".js-modal"); 11171 var modal_id = $modal.attr('id'); 11172 var $overlay_id = jQueryNuvem('.js-modal-overlay[data-modal-id="#' + modal_id + '"]'); 11173 $modal.removeClass("modal-show"); 11174 setTimeout(() => $modal.hide(), 500); 11175 $overlay_id.fadeOut(500); 11176 11177 11178 if ((window.innerWidth < 768) && (jQueryNuvem(this).hasClass(".js-fullscreen-modal-close"))) { 11179 goBackBrowser(); 11180 } 11181 11182 11183 resetSearchBox(); 11184 11185 restoreQuickshopForm(); 11186 11187 }); 11188 11189 jQueryNuvem(document).on("click", ".js-modal-overlay", function(e) { 11190 e.preventDefault(); 11191 11192 11193 if(jQueryNuvem(".js-modal.modal-show").length == 1){ 11194 jQueryNuvem("body").removeClass("overflow-none"); 11195 } 11196 11197 var modal_id = jQueryNuvem(this).data('modalId'); 11198 let modal = jQueryNuvem(modal_id).removeClass("modal-show"); 11199 setTimeout(() => modal.hide(), 500); 11200 jQueryNuvem(this).fadeOut(500); 11201 11202 11203 resetSearchBox(); 11204 11205 restoreQuickshopForm(); 11206 11207 }); 11208 11209 11210 jQueryNuvem(document).on("click", ".js-card-collapse-toggle", function(e) { 11211 e.preventDefault(); 11212 var parent = jQueryNuvem(this).closest(".js-card-collapse"); 11213 parent.find(".js-card-collapse-icon").toggle(); 11214 parent.toggleClass('active'); 11215 }); 11216 11217 11218 var $tab_open = jQueryNuvem('.js-tab'); 11219 11220 $tab_open.on("click", function (e) { 11221 e.preventDefault(); 11222 var $tab_container = jQueryNuvem(e.currentTarget).closest(".js-tab-container"); 11223 $tab_container.find(".js-tab, .js-tab-panel").removeClass("active"); 11224 jQueryNuvem(e.currentTarget).addClass("active"); 11225 var tab_to_show = jQueryNuvem(e.currentTarget).find(".js-tab-link").attr("href"); 11226 $tab_container.find(tab_to_show).addClass("active"); 11227 }); 11228 11229 11230 function toggleAccordion(selector){ 11231 if(jQueryNuvem(selector).hasClass("js-accordion-show-only")){ 11232 jQueryNuvem(selector).hide(); 11233 }else{ 11234 jQueryNuvem(selector).find(".js-accordion-toggle-inactive").toggle(); 11235 jQueryNuvem(selector).find(".js-accordion-toggle-active").toggle(); 11236 } 11237 jQueryNuvem(selector).closest(".js-accordion-container").find(".js-accordion-content").slideToggle("fast"); 11238 } 11239 11240 jQueryNuvem(document).on("click", ".js-accordion-toggle", function(e) { 11241 e.preventDefault(); 11242 toggleAccordion(this); 11243 }); 11244 11245 if(window.innerWidth < 768){ 11246 jQueryNuvem(document).on("click", ".js-accordion-toggle-mobile", function(e) { 11247 e.preventDefault(); 11248 toggleAccordion(this); 11249 }); 11250 jQueryNuvem(".js-accordion-content-mobile").hide(); 11251 }else{ 11252 jQueryNuvem(".js-accordion-toggle-mobile").css("cursor" , "default").removeAttr('href'); 11253 } 11254 11255 11256 const inViewport = (entries, observer) => { 11257 entries.forEach(entry => { 11258 entry.target.classList.toggle("is-inViewport", entry.isIntersecting); 11259 }); 11260 }; 11261 11262 const Obs = new IntersectionObserver(inViewport); 11263 const obsOptions = {}; //See: https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#Intersection_observer_options 11264 11265 // Attach observer to every [data-transition] element: 11266 const ELs_inViewport = document.querySelectorAll('[data-transition]'); 11267 ELs_inViewport.forEach(EL => { 11268 Obs.observe(EL, obsOptions); 11269 }); 11270 11271 11272 11273 11274 11275 11276 11277 var width = window.innerWidth; 11278 createSwiper('.js-swiper-adbar', { 11279 loop: true, 11280 watchOverflow: true, 11281 autoplay: true, 11282 centerInsufficientSlides: true, 11283 centeredSlides: true, 11284 threshold: 5, 11285 slidesPerView: 1, 11286 navigation: { 11287 nextEl: '.js-swiper-adbar-next', 11288 prevEl: '.js-swiper-adbar-prev', 11289 }, 11290 breakpointsInverse: true, 11291 breakpoints: { 11292 768: { 11293 loop: true, 11294 slidesPerView: 2, 11295 centeredSlides: false, 11296 }, 11297 992: { 11298 slidesPerView: 3, 11299 centeredSlides: false, 11300 }, 11301 1199: { 11302 slidesPerView: 4, 11303 centeredSlides: false, 11304 } 11305 } 11306 }); 11307 11308 11309 const search_input = jQueryNuvem(".js-search-input"); 11310 11311 jQueryNuvem(".js-search-button").on("click", function (e) { 11312 setTimeout(function(){ 11313 search_input.val('').each(el => el.focus()); 11314 },10); 11315 }); 11316 11317 11318 11319 function applyOffset(selector){ 11320 11321 11322 // Get nav height on load 11323 if (window.innerWidth > 768) { 11324 var head_height = jQueryNuvem(".js-head-main").height(); 11325 jQueryNuvem(selector).css("paddingTop", head_height.toString() + 'px'); 11326 }else{ 11327 11328 var head_height = 0; 11329 } 11330 11331 // Apply offset nav height on load 11332 11333 window.addEventListener("resize", function() { 11334 11335 // Get nav height on resize 11336 var head_height = jQueryNuvem(".js-head-main").height(); 11337 11338 // Apply offset on resize 11339 if (window.innerWidth > 768) { 11340 jQueryNuvem(selector).css("paddingTop", head_height.toString() + 'px'); 11341 }else{ 11342 11343 jQueryNuvem(selector).css("paddingTop", "0px"); 11344 } 11345 }); 11346 11347 } 11348 11349 applyOffset(".js-head-offset"); 11350 11351 11352 11353 var lastScrollTop = 0; 11354 var headerMetrics = { 11355 headMainHeight: 0, 11356 headFixedHeight: 0, 11357 headAdHeight: 0, 11358 }; 11359 var refreshHeaderMetrics = function() { 11360 headerMetrics.headMainHeight = jQueryNuvem(".js-head-main").height() || 0; 11361 headerMetrics.headFixedHeight = jQueryNuvem(".js-head-fixed").height() || 0; 11362 headerMetrics.headAdHeight = jQueryNuvem(".js-adbar").height() || 0; 11363 }; 11364 var lastHeaderFixedState = null; 11365 var lastNotificationTopFixedHeader = ''; 11366 11367 refreshHeaderMetrics(); 11368 window.addEventListener("resize", rafThrottle(refreshHeaderMetrics), { passive: true }); 11369 11370 window.addEventListener("scroll", rafThrottle(function() { 11371 var scrollPosition = window.pageYOffset; 11372 var shouldFixHeader = scrollPosition > lastScrollTop && scrollPosition > (headerMetrics.headAdHeight + headerMetrics.headMainHeight); 11373 var nextNotificationTop = ''; 11374 11375 if (shouldFixHeader) { 11376 if (lastHeaderFixedState !== true) { 11377 jQueryNuvem(".header-fixed").addClass('is-fixed'); 11378 lastHeaderFixedState = true; 11379 } 11380 nextNotificationTop = window.innerWidth < 768 ? "15px" : (headerMetrics.headFixedHeight + 5).toString() + 'px'; 11381 } else { 11382 if (lastHeaderFixedState !== false) { 11383 jQueryNuvem(".header-fixed").removeClass('is-fixed'); 11384 lastHeaderFixedState = false;
11385 } 11386 if (scrollPosition == 0) { 11387 nextNotificationTop = (headerMetrics.headAdHeight + headerMetrics.headMainHeight).toString() + 'px'; 11388 } else { 11389 nextNotificationTop = "25px"; 11390 } 11391 } 11392 11393 if (nextNotificationTop !== lastNotificationTopFixedHeader) { 11394 jQueryNuvem(".js-alert-added-to-cart").css("top", nextNotificationTop); 11395 lastNotificationTopFixedHeader = nextNotificationTop; 11396 } 11397 11398 lastScrollTop = scrollPosition; 11399 }), { passive: true }); 11400 11401 11402 var container_width = jQueryNuvem(".js-head-logo").width(); 11403 if (window.innerWidth > 768) { 11404 jQueryNuvem('.js-alert-added-to-cart').css("right", (jQueryNuvem('body').width() - container_width) / 2 - 25 + "px"); 11405 } 11406 11407 11408 jQueryNuvem(".js-utilities-item").on("mouseenter", function (e) { 11409 e.preventDefault(); 11410 jQueryNuvem(e.currentTarget).toggleClass("active"); 11411 }).on("mouseleave", function(e) { 11412 e.preventDefault(); 11413 jQueryNuvem(e.currentTarget).toggleClass("active"); 11414 }); 11415 11416 11417 11418 var $top_nav = jQueryNuvem(".js-mobile-nav"); 11419 var $page_main_content = jQueryNuvem(".js-main-content"); 11420 var $search_backdrop = jQueryNuvem(".js-search-backdrop"); 11421 11422 $top_nav.addClass("move-down").removeClass("move-up"); 11423 11424 11425 11426 jQueryNuvem(".js-toggle-page-accordion").on("click", function (e) { 11427 e.preventDefault(); 11428 jQueryNuvem(e.currentTarget).toggleClass("active").closest(".js-nav-list-toggle-accordion").next(".js-pages-accordion").slideToggle(300); 11429 }); 11430 11431 var win_height = window.innerHeight; 11432 var head_height = jQueryNuvem(".js-head-main").height(); 11433 11434 jQueryNuvem(".js-desktop-dropdown").css('maxHeight', (win_height - head_height - 50).toString() + 'px'); 11435 11436 jQueryNuvem(".js-item-subitems-desktop").on("mouseenter", function (e) { 11437 11438 var $currentTarget = jQueryNuvem(e.currentTarget); 11439 var elementPositionX = $currentTarget.offset().left; 11440 var elementPositionY = $currentTarget.offset().top; 11441 var elementHeight = $currentTarget.height(); 11442 var windowWidth = window.innerWidth; 11443 var halfWindowWidth = windowWidth / 2; 11444 11445 11446 var openToLeft = elementPositionX > halfWindowWidth; 11447 11448 if (openToLeft) { 11449 $currentTarget.find('.desktop-dropdown').addClass("open-left"); 11450 $currentTarget.find('.arrow-left').removeClass('hidden'); 11451 $currentTarget.find('.arrow-right').addClass('hidden'); 11452 } else { 11453 $currentTarget.find('.desktop-dropdown').addClass("open-right"); 11454 $currentTarget.find('.arrow-right').removeClass('hidden'); 11455 $currentTarget.find('.arrow-left').addClass('hidden'); 11456 } 11457 11458 jQueryNuvem(e.currentTarget).addClass("active"); 11459 jQueryNuvem(".js-menu-overlay").addClass('active'); 11460 11461 }).on("mouseleave", function(e) { 11462 jQueryNuvem(e.currentTarget).removeClass("active"); 11463 jQueryNuvem(".js-menu-overlay").removeClass('active'); 11464 }); 11465 11466 jQueryNuvem(".js-nav-main-item").on("mouseenter", function (e) { 11467 jQueryNuvem('.js-nav-desktop-list').children(".selected").removeClass("selected"); 11468 jQueryNuvem(e.currentTarget).addClass("selected"); 11469 }); 11470 11471 jQueryNuvem(".js-nav-desktop-list-arrow").on("mouseenter", function (e) { 11472 jQueryNuvem('.js-desktop-nav-item').removeClass("selected"); 11473 }); 11474 11475 11476 11477 changeLang = function(element) { 11478 var selected_country_url = element.find("option").filter((el) => el.selected).attr("data-country-url"); 11479 location.href = selected_country_url; 11480 }; 11481 11482 jQueryNuvem('.js-lang-select').on("change", function (e) { 11483 lang_select_option = jQueryNuvem(this); 11484 11485 changeLang(lang_select_option); 11486 }); 11487 11488 11489 11490 11491 11492 11493 11494 11495 11496 jQueryNuvem(document).on("keypress", ".js-cart-quantity-input", function (e) { 11497 if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) { 11498 return false;
11499 } 11500 }); 11501 11502 11503 jQueryNuvem(document).on("focusin", ".js-cart-quantity-input", function (e) { 11504 jQueryNuvem(this).data("last-quantity", jQueryNuvem(this).val()); 11505 }); 11506 11507 11508 jQueryNuvem(document).on("keydown", ".js-cart-quantity-input", function (e) { 11509 if (e.which == 13) { 11510 e.preventDefault(); 11511 jQueryNuvem(this).trigger("change"); 11512 } 11513 }); 11514 11515 jQueryNuvem(document).on("change", ".js-cart-quantity-input", function (e) { 11516 var $quantity_input = jQueryNuvem(this); 11517 var itemID = $quantity_input.attr("data-item-id"); 11518 var itemVAL = parseInt($quantity_input.val(), 10); 11519 var last_quantity = $quantity_input.data("last-quantity"); 11520 11521 if (isNaN(itemVAL) || itemVAL < 0) { 11522 $quantity_input.val(last_quantity ? last_quantity : 1); 11523 return; 11524 } 11525 11526 if (itemVAL == last_quantity) { 11527 return; 11528 } 11529 11530 if (itemVAL == 0) { 11531 var r = confirm("Tem certeza de que deseja excluir este item?"); 11532 if (r == true) { 11533 LS.removeItem(itemID, true); 11534 } else { 11535 $quantity_input.val(last_quantity ? last_quantity : 1); 11536 } 11537 return; 11538 } 11539 11540 $quantity_input.data("last-quantity", itemVAL); 11541 LS.changeQuantity(itemID, itemVAL, true); 11542 }); 11543 11544 11545 11546 11547 11548 11549 11550 if (jQueryNuvem('.js-selected-shipping-method').length) { 11551 var shipping_cost = jQueryNuvem('.js-selected-shipping-method').data("cost"); 11552 var $shippingCost = jQueryNuvem("#shipping-cost"); 11553 $shippingCost.text(shipping_cost); 11554 $shippingCost.removeClass('opacity-40'); 11555 } 11556 11557 11558selectShippingOption = function(elem, save_option) { 11559 jQueryNuvem(".js-shipping-method, .js-branch-method").removeClass('js-selected-shipping-method'); 11560 jQueryNuvem(elem).addClass('js-selected-shipping-method'); 11561 11562
11563 var shipping_cost = jQueryNuvem(elem).data("cost"); 11564 var shipping_price_clean = jQueryNuvem(elem).data("price"); 11565 11566 if(shipping_price_clean = 0.00){ 11567 var shipping_cost = '' 11568 } 11569 11570 // Updates shipping (ship and pickup) cost on cart 11571 var $shippingCost = jQueryNuvem("#shipping-cost"); 11572 $shippingCost.text(shipping_cost); 11573 $shippingCost.removeClass('opacity-40'); 11574 11575 11576 if (save_option) { 11577 LS.saveCalculatedShipping(true); 11578 } 11579 if (jQueryNuvem(elem).hasClass("js-shipping-method-hidden")) { 11580 if (jQueryNuvem(elem).hasClass("js-pickup-option")) { 11581 jQueryNuvem(".js-other-pickup-options, .js-show-other-pickup-options .js-shipping-see-less").show(); 11582 jQueryNuvem(".js-show-other-pickup-options .js-shipping-see-more").hide(); 11583 } else { 11584 jQueryNuvem(".js-other-shipping-options, .js-show-more-shipping-options .js-shipping-see-less").show(); 11585 jQueryNuvem(".js-show-more-shipping-options .js-shipping-see-more").hide() 11586 } 11587 } 11588}; 11589 11590 11591if (cookieService.get('calculator_zipcode')) { 11592 11593 11594 var zipcode_from_cookie = cookieService.get('calculator_zipcode'); 11595 11596 11597 11598 jQueryNuvem('#product-shipping-container .js-shipping-input').val(zipcode_from_cookie); 11599 11600 11601 jQueryNuvem(".js-shipping-calculator-current-zip").text(zipcode_from_cookie); 11602 11603 11604 jQueryNuvem(".js-shipping-calculator-head").addClass("with-zip").removeClass("with-form"); 11605 jQueryNuvem(".js-shipping-calculator-with-zipcode").addClass("transition-up-active"); 11606 jQueryNuvem(".js-shipping-calculator-spinner").show(); 11607} else { 11608 11609 11610 jQueryNuvem(".js-shipping-calculator-form").addClass("transition-up-active"); 11611} 11612 11613 11614removeShippingSuboptions = function(){ 11615 var shipping_suboptions_id = jQueryNuvem(".js-modal-shipping-suboptions").attr("id"); 11616 jQueryNuvem("#" + shipping_suboptions_id).remove(); 11617 jQueryNuvem('.js-modal-overlay[data-modal-id="#' + shipping_suboptions_id + '"').remove(); 11618}; 11619 11620 11621jQueryNuvem(".js-calculate-shipping").on("click", function (e) { 11622 e.preventDefault(); 11623 11624 let shipping_input_val = jQueryNuvem(e.currentTarget).closest(".js-shipping-calculator-form").find(".js-shipping-input").val(); 11625 11626 jQueryNuvem(".js-shipping-input").val(shipping_input_val); 11627 11628 11629 if (jQueryNuvem(".js-cart-item").length) { 11630 LS.calculateShippingAjax( 11631 jQueryNuvem('#cart-shipping-container').find(".js-shipping-input").val(), 11632 '\/frete\/', 11633 jQueryNuvem("#cart-shipping-container").closest(".js-shipping-calculator-container") ); 11634 } 11635 11636 jQueryNuvem(".js-shipping-calculator-current-zip").html(shipping_input_val); 11637 removeShippingSuboptions(); 11638}); 11639 11640 11641jQueryNuvem(".js-shipping-input").on('keydown', function (e) { 11642 var key = e.which ? e.which : e.keyCode; 11643 var enterKey = 13; 11644 if (key === enterKey) { 11645 e.preventDefault(); 11646 jQueryNuvem(e.currentTarget).closest(".js-shipping-calculator-form").find(".js-calculate-shipping").trigger('click'); 11647 if (window.innerWidth < 768) { 11648 jQueryNuvem(e.currentTarget).trigger('blur'); 11649 } 11650 } 11651}); 11652 11653 11654jQueryNuvem(document).on("change", ".js-shipping-method, .js-branch-method", function (e) { 11655 selectShippingOption(this, true); 11656 jQueryNuvem(".js-shipping-method-unavailable").hide(); 11657}); 11658 11659 11660jQueryNuvem(document).on('shipping.options.checked', '.js-shipping-method', function (e) { 11661 let shippingPrice = jQueryNuvem(this).attr("data-price"); 11662 LS.addToTotal(shippingPrice); 11663 11664 let total = (LS.data.cart.total / 100) + parseFloat(shippingPrice); 11665 jQueryNuvem(".js-cart-widget-total").html(LS.formatToCurrency(total)); 11666 11667 selectShippingOption(this, false); 11668}); 11669 11670 11671jQueryNuvem(document).on("click", ".js-toggle-more-shipping-options", function(e) { 11672 e.preventDefault(); 11673 11674 11675 if(jQueryNuvem(this).hasClass("js-show-other-pickup-options")){ 11676 jQueryNuvem(".js-other-pickup-options").slideToggle(600); 11677 jQueryNuvem(".js-show-other-pickup-options .js-shipping-see-less, .js-show-other-pickup-options .js-shipping-see-more").toggle(); 11678 }else{ 11679 jQueryNuvem(".js-other-shipping-options").slideToggle(600); 11680 jQueryNuvem(".js-show-more-shipping-options .js-shipping-see-less, .js-show-more-shipping-options .js-shipping-see-more").toggle(); 11681 } 11682}); 11683 11684 11685 11686calculateCartShippingOnLoad = function() { 11687 if (jQueryNuvem("#cart-shipping-container .js-shipping-input").val()) { 11688 // If user already had calculated shipping: recalculate shipping 11689 setTimeout(function() { 11690 LS.calculateShippingAjax(
11691 jQueryNuvem('#cart-shipping-container').find(".js-shipping-input").val(), 11692 '\/frete\/', 11693 jQueryNuvem("#cart-shipping-container").closest(".js-shipping-calculator-container") ); 11694 removeShippingSuboptions(); 11695 window.toggleAccordionPrivate("#cart-shipping-container .js-toggle-shipping"); 11696 }, 100); 11697 } 11698 11699 if (jQueryNuvem(".js-branch-method").hasClass('js-selected-shipping-method')) { 11700 } 11701}; 11702 11703 11704 11705jQueryNuvem(document).on("click", ".js-shipping-calculator-change-zipcode", function(e) { 11706 e.preventDefault(); 11707 jQueryNuvem(".js-shipping-calculator-response").fadeOut(100); 11708 jQueryNuvem(".js-shipping-calculator-head").addClass("with-form").removeClass("with-zip"); 11709 jQueryNuvem(".js-shipping-calculator-with-zipcode").removeClass("transition-up-active"); 11710 jQueryNuvem(".js-shipping-calculator-form").addClass("transition-up-active"); 11711}); 11712 11713 11714 11715 11716jQueryNuvem(document).on("click", ".js-save-shipping-country", function(e) { 11717 11718 e.preventDefault(); 11719 11720 11721 lang_select_option = jQueryNuvem(this).closest(".js-modal-shipping-country"); 11722 changeLang(lang_select_option); 11723 11724 jQueryNuvem(this).text('Aplicando...').addClass("disabled"); 11725}); 11726 11727 11728 11729 11730 var isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream; 11731 if (isIOS) { 11732 var ios_input_fields = jQueryNuvem("input[type='text'], input[type='number'], input[type='password'], input[type='tel'], textarea, input[type='search'], input[type='hidden'], input[type='email']"); 11733 ios_input_fields.addClass("form-control-ios"); 11734 jQueryNuvem(".js-quantity").addClass("form-group-quantity-ios"); 11735 jQueryNuvem(".js-cart-quantity-container").addClass("cart-quantity-container-ios"); 11736 jQueryNuvem(".js-search-form").toggleClass("search-form-ios"); 11737 jQueryNuvem(".js-price-filter-btn").addClass("price-btn-ios"); 11738 jQueryNuvem(".js-price-filter-empty").addClass("input-clear-content-ios"); 11739 } 11740 11741 jQueryNuvem(".js-winnie-pooh-form").on("submit", function (e) { 11742 jQueryNuvem(e.currentTarget).attr('action', ''); 11743 }); 11744 11745 jQueryNuvem(".js-form").on("submit", function (e) { 11746 jQueryNuvem(e.currentTarget).find('.js-form-spinner').show(); 11747 }); 11748 11749 11750 11751 11752 jQueryNuvem(".js-resend-validation-link").on("click", function(e){ 11753 window.accountVerificationService.resendVerificationEmail(''); 11754 }); 11755 11756 jQueryNuvem('.js-password-view').on("click", function (e) { 11757 jQueryNuvem(e.currentTarget).toggleClass('password-view'); 11758 11759 if(jQueryNuvem(e.currentTarget).hasClass('password-view')){ 11760 jQueryNuvem(e.currentTarget).parent().find(".js-password-input").attr('type', ''); 11761 jQueryNuvem(e.currentTarget).find(".js-eye-open, .js-eye-closed").toggle(); 11762 } else { 11763 jQueryNuvem(e.currentTarget).parent().find(".js-password-input").attr('type', 'password'); 11764 jQueryNuvem(e.currentTarget).find(".js-eye-open, .js-eye-closed").toggle(); 11765 } 11766 }); 11767 11768 11769 11770 11771 11772 11773 11774 (function() { 11775 var nodes = Array.prototype.slice.call(document.querySelectorAll('.js-product-rating-summary')); 11776 if (!nodes.length) return; 11777 11778 function getCacheKey(tenantId, handle) { 11779 return 'reviews:summary:' + tenantId + ':' + handle; 11780 } 11781 11782 function readCache(tenantId, handle) { 11783 try { 11784 var raw = sessionStorage.getItem(getCacheKey(tenantId, handle)); 11785 if (!raw) return null; 11786 var parsed = JSON.parse(raw); 11787 if (!parsed || !parsed.exp || Date.now() > parsed.exp) return null; 11788 return parsed.data; 11789 } catch (e) { 11790 return null; 11791 } 11792 } 11793 11794 function writeCache(tenantId, handle, data) { 11795 try { 11796 sessionStorage.setItem(getCacheKey(tenantId, handle), JSON.stringify({ 11797 exp: Date.now() + (5 * 60 * 1000), 11798 data: data 11799 })); 11800 } catch (e) {} 11801 } 11802 11803 function renderAvgStars(avg) { 11804 var rounded = Math.round(Number(avg || 0)); 11805 rounded = Math.max(0, Math.min(5, rounded)); 11806 return 'â '.repeat(rounded) + 'â'.repeat(5 - rounded); 11807 } 11808 11809 function paintNode(node, avg, count) { 11810 var stars = node.querySelector('.js-product-rating-stars'); 11811 var avgEl = node.querySelector('.js-product-rating-avg'); 11812 if (!stars || !avgEl) return; 11813 11814 if (!count) { 11815 stars.textContent = 'âââââ'; 11816 avgEl.textContent = '-'; 11817 return; 11818 } 11819 11820 stars.textContent = renderAvgStars(avg); 11821 avgEl.textContent = Number(avg || 0).toFixed(1); 11822 } 11823 11824 var apiBaseUrl = (nodes[0].getAttribute('data-api-base-url') || '').replace(/\/+$/, ''); 11825 var tenantId = (nodes[0].getAttribute('data-tenant-id') || '').trim(); 11826 if (!apiBaseUrl || !tenantId) return; 11827 11828 var nodesByHandle = {};
11829 nodes.forEach(function(node) { 11830 var handle = (node.getAttribute('data-product-handle') || '').trim(); 11831 if (!handle) return; 11832 if (!nodesByHandle[handle]) nodesByHandle[handle] = []; 11833 nodesByHandle[handle].push(node); 11834 }); 11835 11836 var handlesToFetch = []; 11837 Object.keys(nodesByHandle).forEach(function(handle) { 11838 var cached = readCache(tenantId, handle); 11839 if (cached) { 11840 nodesByHandle[handle].forEach(function(node) { 11841 paintNode(node, cached.ratingAvg, cached.ratingCount); 11842 }); 11843 } else { 11844 handlesToFetch.push(handle); 11845 } 11846 }); 11847 11848 if (!handlesToFetch.length) return; 11849 11850 var url = apiBaseUrl + '/v1/reviews/products/batch?tenantId=' + encodeURIComponent(tenantId); 11851 11852 fetch(url, { 11853 method: 'POST', 11854 headers: { 'Content-Type': 'application/json' }, 11855 body: JSON.stringify({ handles: handlesToFetch, reviewsPerProduct: 0 }) 11856 }) 11857 .then(function(res) { 11858 if (!res.ok) throw new Error('status_' + res.status); 11859 return res.json(); 11860 }) 11861 .then(function(data) { 11862 var products = data.products || {};
11863 handlesToFetch.forEach(function(handle) { 11864 var summary = products[handle] || { ratingAvg: 0, ratingCount: 0 }; 11865 writeCache(tenantId, handle, summary); 11866 (nodesByHandle[handle] || []).forEach(function(node) { 11867 paintNode(node, summary.ratingAvg, summary.ratingCount); 11868 }); 11869 }); 11870 }) 11871 .catch(function() { 11872 }); 11873})(); 11874 11875 11876 // Select all elements with the .contact-whatsapp class 11877 var whatsappLinks = document.querySelectorAll(".contact-whatsapp"); 11878 11879 // Loop through all WhatsApp links and format the phone numbers 11880 whatsappLinks.forEach(function(linkElement) { 11881 // Get the full URL from the href attribute 11882 var fullUrl = linkElement.getAttribute("href"); 11883 11884 // Extract the phone number from the URL 11885 var phoneNumber = fullUrl.match(/https:\/\/wa.me\/(\d+)/); 11886 11887 if (phoneNumber) { 11888 // Remove the country code (assuming the first two digits are the country code) 11889 var rawNumber = phoneNumber[1].substr(2); 11890 11891 if (rawNumber.length > 11) { 11892 linkElement.textContent = "WhatsApp"; 11893 } else if (rawNumber.length === 10) { 11894 // If the number has 8 digits after the area code (10 digits total), format as (XX) XXXX-XXXX 11895 var formattedNumber = "(" + rawNumber.substr(0, 2) + ") " + rawNumber.substr(2, 4) + "-" + rawNumber.substr(6); 11896 linkElement.textContent = formattedNumber; 11897 } else if (rawNumber.length === 11) { 11898 // If the number has 9 digits after the area code (11 digits total), format as (XX) XXXXX-XXXX 11899 var formattedNumber = "(" + rawNumber.substr(0, 2) + ") " + rawNumber.substr(2, 5) + "-" + rawNumber.substr(7); 11900 linkElement.textContent = formattedNumber; 11901 } 11902 } 11903 }); 11904 11905 11906}); 11907 (function () { 11908 'use strict'; 11909 11910 var API_BASE = 'https://api.iorbit.com.br'; 11911 var GREETING = 'Ol\u00E1,\u0020gostaria\u0020de\u0020tirar\u0020uma\u0020d\u00FAvida\u0020sobre\u0020o\u0020site.'; 11912 var BUTTON_ID = 'skyconnect-whatsapp-float-button'; 11913 11914 function storeId() { 11915 try { 11916 return window.LS && window.LS.store && window.LS.store.id ? String(window.LS.store.id) : null; 11917 } catch (e) { 11918 return null; 11919 } 11920 } 11921 11922 function alreadyRendered() { 11923 return !!document.getElementById(BUTTON_ID); 11924 } 11925 11926 // SVG do icone oficial do WhatsApp, embutido - sem depender de CDN externo (nao pode falhar 11927 // silenciosamente e deixar o botao vazio). 11928 var ICON_SVG = 11929 '<svg viewBox="0 0 32 32" width="30" height="30" fill="#ffffff" aria-hidden="true">' + 11930 '<path d="M16.001 3C9.373 3 4 8.373 4 15c0 2.362.687 4.564 1.872 6.418L4 29l7.79-1.845A11.94 11.94 0 0 0 16.001 27C22.63 27 28 21.627 28 15S22.63 3 16.001 3zm0 21.818a9.77 9.77 0 0 1-4.98-1.36l-.357-.212-4.62 1.094 1.23-4.5-.233-.37A9.78 9.78 0 0 1 6.182 15c0-5.415 4.404-9.818 9.819-9.818 5.414 0 9.818 4.403 9.818 9.818 0 5.414-4.404 9.818-9.818 9.818zm5.377-7.354c-.294-.147-1.744-.86-2.014-.958-.27-.098-.467-.147-.663.148-.196.294-.76.958-.932 1.155-.172.196-.343.221-.637.074-.294-.147-1.243-.458-2.367-1.46-.875-.78-1.466-1.744-1.638-2.038-.172-.294-.018-.453.129-.6.133-.132.294-.343.441-.515.147-.172.196-.294.294-.49.098-.196.049-.368-.024-.515-.074-.147-.663-1.597-.908-2.187-.239-.574-.482-.497-.663-.506l-.564-.01c-.196 0-.515.073-.784.368-.27.294-1.03 1.006-1.03 2.454 0 1.448 1.054 2.847 1.201 3.043.147.196 2.075 3.168 5.028 4.442.703.303 1.251.484 1.679.62.705.224 1.347.192 1.855.117.566-.085 1.744-.713 1.99-1.402.245-.688.245-1.278.172-1.401-.073-.123-.269-.196-.564-.343z"/>' + 11931 '</svg>'; 11932 11933 function render() { 11934 var id = storeId(); 11935 if (!id || alreadyRendered()) { 11936 return; 11937 } 11938 11939 var link = document.createElement('a'); 11940 link.id = BUTTON_ID; 11941 link.className = 'js-btn-fixed-bottom'; 11942 link.href = API_BASE + '/public/whatsapp/by-store/' + encodeURIComponent(id) 11943 + '?text=' + encodeURIComponent(GREETING); 11944 link.target = '_blank'; 11945 link.rel = 'noopener'; 11946 link.setAttribute('aria-label', 'Falar no WhatsApp'); 11947 link.innerHTML = ICON_SVG; 11948 link.style.position = 'fixed'; 11949 link.style.right = '20px'; 11950 link.style.bottom = '20px'; 11951 link.style.width = '56px'; 11952 link.style.height = '56px'; 11953 link.style.borderRadius = '50%'; 11954 link.style.background = '#25D366'; 11955 link.style.display = 'flex'; 11956 link.style.alignItems = 'center'; 11957 link.style.justifyContent = 'center'; 11958 link.style.boxShadow = '0 2px 10px rgba(0,0,0,0.3)'; 11959 link.style.zIndex = '2147483000';
11960 link.style.textDecoration = 'none'; 11961 link.style.cursor = 'pointer'; 11962 11963 try { 11964 document.body.appendChild(link); 11965 } catch (e) { 11966 // Se o body ainda nao existe por algum motivo, so desiste - nunca pode quebrar a loja. 11967 } 11968 11969 setupBottomObstacleAvoidance(link); 11970 } 11971 11972 function setupBottomObstacleAvoidance(link) { 11973 function clearanceFor(selector) { 11974 var el = document.querySelector(selector); 11975 if (!el) return 0; 11976 var rect = el.getBoundingClientRect(); 11977 var visible = rect.height > 0 && rect.bottom > 0 && rect.top < window.innerHeight; 11978 return visible ? (window.innerHeight - rect.top) : 0; 11979 } 11980 11981 function recompute() { 11982 var cookieVisible = false; 11983 try { 11984 cookieVisible = window.cookieNotificationService && !window.cookieNotificationService.isAcknowledged(); 11985 } catch (e) {} 11986 11987 var needed = 20; 11988 if (cookieVisible) { 11989 needed = Math.max(needed, clearanceFor('.js-notification-cookie-banner') + 5); 11990 } 11991 needed = Math.max(needed, clearanceFor('.fixed-product-form') + 5); 11992 11993 link.style.bottom = needed + 'px'; 11994 } 11995 11996 recompute(); 11997 11998 var ticking = false; 11999 function onScrollOrResize() { 12000 if (ticking) return; 12001 ticking = true; 12002 window.requestAnimationFrame(function () { 12003 recompute(); 12004 ticking = false; 12005 }); 12006 } 12007 window.addEventListener('scroll', onScrollOrResize, { passive: true }); 12008 window.addEventListener('resize', onScrollOrResize, { passive: true }); 12009 12010 try { 12011 var ackButtons = document.querySelectorAll('.js-acknowledge-cookies'); 12012 for (var i = 0; i < ackButtons.length; i++) { 12013 ackButtons[i].addEventListener('click', recompute); 12014 } 12015 } catch (e) {} 12016 } 12017 12018 if (document.readyState === 'loading') { 12019 document.addEventListener('DOMContentLoaded', render); 12020 } else { 12021 render(); 12022 } 12023})(); 12024 }); 12025 </script>
12025 12026 12027 12028 12029 12030 12031
12031<script type="text/javascript"> 12032 (function() { 12033 function isTagManagerUrl(url) { 12034 if (!url) return false; 12035 var normalized = String(url).toLowerCase(); 12036 return normalized.indexOf('googletagmanager.com') !== -1 || 12037 normalized.indexOf('/gtm.js') !== -1 || 12038 normalized.indexOf('gtm.js?id=') !== -1; 12039 } 12040 12041 function isTagManagerInlineScript(content) { 12042 if (!content) return false; 12043 var normalized = String(content).toLowerCase(); 12044 return normalized.indexOf('googletagmanager.com') !== -1 || 12045 normalized.indexOf('gtm-') !== -1; 12046 } 12047 12048 function removeBlockedTagManagerNodes(wrapper) { 12049 var allNodes = Array.prototype.slice.call(wrapper.querySelectorAll('script, iframe')); 12050 allNodes.forEach(function(node) { 12051 var src = node.getAttribute('src'); 12052 var inline = node.textContent; 12053 if (isTagManagerUrl(src) || (node.tagName === 'SCRIPT' && isTagManagerInlineScript(inline))) { 12054 node.parentNode.removeChild(node); 12055 } 12056 }); 12057 } 12058 12059 function appendDeferredScripts(html) { 12060 if (!html) return; 12061 12062 var wrapper = document.createElement('div'); 12063 wrapper.innerHTML = html; 12064 removeBlockedTagManagerNodes(wrapper); 12065 12066 var scripts = Array.prototype.slice.call(wrapper.querySelectorAll('script')); 12067 scripts.forEach(function(script) { 12068 script.parentNode.removeChild(script); 12069 }); 12070 12071 document.body.appendChild(wrapper); 12072 12073 scripts.forEach(function(oldScript) { 12074 var newScript = document.createElement('script'); 12075 Array.prototype.slice.call(oldScript.attributes).forEach(function(attr) { 12076 newScript.setAttribute(attr.name, attr.value); 12077 }); 12078 12079 if (oldScript.textContent) { 12080 newScript.text = oldScript.textContent; 12081 } 12082 12083 document.body.appendChild(newScript); 12084 }); 12085 } 12086 12087 function loadDeferredAssortedJs() { 12088 if (window.__assortedJsLoaded) return; 12089 window.__assortedJsLoaded = true; 12090 appendDeferredScripts('\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\n\u003Cscript\u003E\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020LS.ready.then\u0028function\u0028\u0029\u0020\u007B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020var\u0020trackingCode\u0020\u003D\u0020jQueryNuvem.parseHTML\u0028\u0027\\u003Cmeta\\u0020name\\u003D\\u0022p\\u003Adomain_verify\\u0022\\u0020content\\u003D\\u00226a22059ca692ef2302b737c815e842ec\\u0022\\\/\\u003E\\n\\u003Cmeta\\u0020name\\u003D\\u0022facebook\\u002Ddomain\\u002Dverification\\u0022\\u0020content\\u003D\\u0022c5y64mrdo8j1di7k4zja0em6ru3asy\\u0022\\u0020\\\/\\u003E\\n\\u003Cmeta\\u0020name\\u003D\\u0022msvalidate.01\\u0022\\u0020content\\u003D\\u002214BE7B244F5AE72F01BFCEAA7DD909BD\\u0022\\u0020\\\/\\u003E\u0027,\u0020document,\u0020true\u0029\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020jQueryNuvem\u0028\u0027body\u0027\u0029.append\u0028trackingCode\u0029\u003B\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u007D\u0029\u003B\n\u0020\u0020\u0020\u0020\u003C\/script\u003E\n\n\n\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020'); 12091 } 12092 12093 function loadClarityTag() { 12094 if (document.querySelector('script[src*="clarity.ms/tag/"]')) return; 12095 12096 (function(c,l,a,r,i,t,y){ 12097 c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; 12098 t=l.createElement(r); 12099 t.async=1; 12100 t.src="https://www.clarity.ms/tag/"+i; 12101 y=l.getElementsByTagName(r)[0]; 12102 if (y && y.parentNode) { 12103 y.parentNode.insertBefore(t,y); 12104 } else { 12105 l.head.appendChild(t); 12106 } 12107 })(window, document, "clarity", "script", "svab74fl9c"); 12108 } 12109 12110 function onFirstInteraction(callback) { 12111 var triggered = false;
12112 var events = ['pointerdown', 'keydown', 'touchstart', 'scroll']; 12113 var run = function() { 12114 if (triggered) return; 12115 triggered = true; 12116 events.forEach(function(evt) { 12117 window.removeEventListener(evt, run, false); 12118 }); 12119 callback(); 12120 }; 12121 12122 events.forEach(function(evt) { 12123 window.addEventListener(evt, run, { passive: true, once: true }); 12124 }); 12125 12126 return run; 12127 } 12128 12129 window.addEventListener('load', function() { 12130 onFirstInteraction(loadDeferredAssortedJs); 12131 onFirstInteraction(loadClarityTag); 12132 12133 setTimeout(loadDeferredAssortedJs, 3500); 12134 }); 12135 })(); 12136 </script>
12136 12137 12138
12138<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"586895d758224ecc944837e871aa382e","spa":2}' crossorigin="anonymous"></script>
12138 12139</body> 12140</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.