1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6185],{2234:(e,t,i)=>{i.d(t,{Gg:()=>c,Gs:()=>x,IH:()=>n,Nv:()=>a,VG:()=>r,_F:()=>l,_S:()=>d,_p:()=>g,xv:()=>s});var o=i(65940);let r=(e,t)=>{if(!e||""===e.trim())return"";if(e.startsWith("http"))return e;if(!e.startsWith("http")&&!t){let t=n();return`${t}${e.startsWith("/")?"":"/"}${e}`}return`${t}${e.startsWith("/")?"":"/"}${e}`},n=()=>{let e=o.nD.length;return"https://"+o.nD[~~(Math.random()*e)]},a=e=>e?.substring(e?.lastIndexOf("/")+1,e?.lastIndexOf("."))??"",p=[".mp4",".webm",".ogg",".avi",".mov",".wmv",".flv",".mkv",".m4v"],d=e=>!!e&&/youtube\.com|youtu\.be/i.test(e),l=e=>!!e&&p.some(t=>e.toLowerCase().includes(t)),s=e=>d(e)?"youtube":l(e)?"video":"image",x=e=>{try{let t=new URL(e.startsWith("http")?e:`https://${e}`);if(t.hostname.includes("youtu.be")){let i=t.pathname.replace(/^\//,"").split("/")[0];return i?`https://www.youtube.com/embed/${i}`:e}if(t.pathname.includes("/embed/"))return`${t.origin}${t.pathname}${t.search}`;let i=t.searchParams.get("v");if(i)return`https://www.youtube.com/embed/${i}`}catch{}return e},c=(e,t)=>{let i=t?.quality??85,o=t?.widths??[640,750,828,1080,1200,1920],r=t=>`/_next/image?url=${encodeURIComponent(e)}&w=${t}&q=${i}`;return{href:r(1200),imageSrcSet:o.map(e=>`${r(e)} ${e}w`).join(", "),imageSizes:t?.sizes??"(min-width: 1220px) 1024px, (min-width: 760px) 1200px, 100vw"}},g=(e,t)=>{let i=e.map(e=>e?.trim()).find(Boolean);return(i?a(i):"")||t?.trim()||""}},2893:(e,t,i)=>{i.d(t,{C1:()=>z,D9:()=>b,DW:()=>L,L6:()=>I,My:()=>m,Nc:()=>k,PZ:()=>g,R$:()=>v,RL:()=>T,Rb:()=>S,Rw:()=>f,To:()=>A,V$:()=>j,Wk:()=>c,_o:()=>$,dF:()=>w,fX:()=>u,iy:()=>y,kv:()=>h,rQ:()=>B,vI:()=>x,vy:()=>U,x1:()=>M});var o=i(76252),r=i(32937),n=i(42922),a=i(13224),p=i(81452),d=i(13173),l=i(14445),s=i(59174);let x=o.A.div` 2 @media only screen and (max-width: 1160px) { 3 .product-grid-block { 4 padding: 0 15px; 5 } 6 } 7 8 ${(0,a.B)("mobile")} { 9 video { 10 width: 100%; 11 } 12 } 13 14 .cnmain_followus, 15 .cnmain_purchasechannels { 16 ${(0,a.B)("mobile")} { 17 display: grid !important; 18 grid-template-columns: repeat(4, 1fr); 19 gap: 20px !important; 20 21 img { 22 width: 100%; 23 } 24 } 25 } 26 27 .cnmain_purchasechannels { 28 ${(0,a.B)("mobile")} { 29 grid-template-columns: repeat(4, 1fr); 30 } 31 } 32`,c=(0,o.A)(r.A)` 33 position: fixed; 34 right: 26px; 35 bottom: ${({isMobile:e})=>e?80:90}px; 36 z-index: ${l.f.bubble} !important; 37 38 display: flex; 39 flex-direction: column; 40 gap: 10px; 41`,g=o.A.section` 42 margin: 0 0 4rem 0; 43 padding: ${e=>e.isBanner?"0 15px":""}; 44 45 .swiper { 46 display: flex; 47 justify-content: center; 48 align-items: center; 49 } 50 51 .swiper-slide { 52 opacity: 0.6; 53 } 54 55 .swiper-slide-active { 56 opacity: 1 !important; 57 } 58 59 .swiper-slide-prev, 60 .swiper-slide-next { 61 opacity: 0.3; 62 } 63 64 .swiper-pagination { 65 position: relative !important; 66 margin-top: 2rem !important; 67 } 68 69 .home-swiper-nav-button { 70 width: 1024px; 71 position: absolute; 72 top: 48%; 73 transform: translateY(-50%); 74 z-index: 10; 75 76 pointer-events: none; 77 78 display: flex; 79 justify-content: space-between; 80 align-items: center; 81 82 & > * { 83 pointer-events: auto; 84 } 85 } 86 87 ${(0,p.mf)(".swiper-nav-button svg")} { 88 // transform: rotate(180deg); 89 } 90 91 .description { 92 font-size: 18px; 93 text-align: center; 94 margin-top: 12px; 95 margin-bottom: 40px; 96 97 > p { 98 margin: 0; 99 } 100 } 101 102 .swiper-pagination-bullet-active { 103 background-color: #080808; 104 } 105 106 ${(0,a.B)("mobile")} { 107 margin: 0 0 4rem 0; 108 } 109`,m=(0,o.A)(s.qr)` 110 max-width: 90%; 111 width: 1024px; 112 flex-shrink: 0; 113 114 ${(0,a.B)("mobile")} { 115 max-width: 80%; 116 } 117`,f=o.A.video` 118 width: 100%; 119`,h=o.A.h2` 120 font-size: 36px; 121 letter-spacing: 0.54px; 122 text-align: center; 123 color: #000; 124 font-weight: 700; 125 font-synthesis: none; 126 margin: 0; 127 128 ${(0,a.B)("mobile")} { 129 font-size: 24px; 130 } 131`,u=o.A.div` 132 display: flex; 133 flex-direction: row; 134 justify-content: space-between; 135 flex-wrap: wrap; 136 137 // display: grid; 138 // justify-content: center; 139 // column-gap: ${25}px; 140 // grid-template-columns: repeat(auto-fill, minmax(${540}px, 1fr)); 141 142 ${(0,a.B)("mobile")} { 143 display: block; 144 } 145`,b=o.A.a` 146 display: block; 147 position: relative; 148 text-align: center; 149 margin: 1rem 0;
150 cursor: pointer; 151 152 /* Images keep natural width so long/short tiles wrap as designed. 153 Videos get a half-row cap so intrinsic resolution does not force 1-per-row. */ 154 ${e=>e.$isMedia?` 155 width: calc(50% - 12.5px); 156 max-width: calc(50% - 12.5px); 157 min-width: 0; 158 box-sizing: border-box; 159 overflow: hidden; 160 161 video, 162 iframe { 163 max-width: 100%; 164 width: 100%; 165 height: auto; 166 display: block; 167 } 168 `:""} 169 170 &:hover { 171 opacity: 0.7; 172 transition: all 0.3s ease-in-out; 173 } 174 175 img { 176 max-width: 100%; 177 } 178 179 ${(0,a.B)("mobile")} { 180 ${e=>e.$isMedia?` 181 width: 100%; 182 max-width: 100%; 183 `:""} 184 } 185`,w=o.A.div` 186 display: flex; 187 justify-content: space-between; 188 flex-wrap: wrap; 189 margin-top: 20px; 190 191 ${e=>"circle"==e.sectionType?"margin-left: 10px;":""} 192 193 ${(0,a.B)("mobile")} { 194 ${e=>"true"==e.carousel?"margin-bottom: 20px;":""} 195 ${e=>"true"==e.carousel?"margin-right: 10px;":""} 196 ${e=>"true"==e.carousel?"margin-left: 10px;":""} 197 // ${e=>"circle"==e.sectionType?"overflow: auto;":""} 198 ${e=>"false"==e.carousel?"overflow: auto;":""} 199 } 200`,y=o.A.div` 201 display: grid; 202 grid-template-columns: repeat( 203 ${e=>e.rowItems||4}, 204 minmax(0, ${e=>e.itemMaxwidth?`${e.itemMaxwidth}px`:"4fr"}) 205 ); 206 align-items: start; 207 width: 100%; 208 gap: 1rem; 209 210 ${e=>e.hasShadow?"box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 2px;":""} 211 ${e=>e.hasShadow?"border-radius: 5px;":""} 212 213 214 215 ${e=>"circle"!=e.sectionType&&"mainpage"!=e.sectionType&&"martpage"!=e.sectionType?"justify-content: center;":""} 216 217 @media screen and (max-width: 1130px) { 218 ${e=>"custompage"!=e.sectionType&&"customcategory"!=e.sectionType?"margin: 0 15px;":""} 219 } 220 221 justify-content: center; 222 ${(0,a.B)("mobile")} { 223 justify-content: unset; 224 } 225 226 &.rectangle { 227 display: flex; 228 flex-wrap: wrap; 229 justify-content: left; 230 231 ${(0,a.B)("mobile")} { 232 display: grid; 233 grid-template-columns: repeat(2, 50%); 234 justify-content: center; 235 gap: 16px; 236 } 237 238 .mart-cat { 239 width: 100%; 240 height: 104px; 241 background-color: #f4f4f4; 242 display: flex; 243 justify-content: center; 244 align-items: center; 245 padding: 13px; 246 gap: 20px; 247 border-radius: 22.7px; 248 249 > img { 250 width: 78px; 251 height: 78px; 252 border-radius: 19.5px; 253 254 ${(0,a.B)("mobile")} { 255 width: 48px; 256 height: 48px; 257 } 258 } 259 260 .catg-title { 261 text-align: center; 262 font-size: 19.5px; 263 font-weight: bold; 264 max-width: 140px; 265 266 ${(0,a.B)("iPad")} { 267 font-size: 16px; 268 max-width: 140px; 269 margin-left: auto; 270 margin-right: auto; 271 } 272 273 ${(0,a.B)("smallScreen")} { 274 font-size: 12px; 275 max-width: unset; 276 } 277 } 278 279 :hover { 280 background-color: #c66ee2; 281 } 282 283 ${(0,a.B)("mobile")} { 284 height: 64px; 285 padding: 8px 12px 8px 8px; 286 display: grid; 287 grid-template-columns: 50px 1fr; 288 justify-content: left; 289 } 290 } 291 } 292 293 ${(0,a.B)("desktopMD")} { 294 &.circle { 295 gap: 0; 296 margin: 0; 297 } 298 } 299 300 ${(0,a.B)("mobile")} { 301 box-shadow: none; 302 gap: 0.5rem; 303 grid-template-columns: ${e=>"blogpage"===e.sectionType?"repeat(auto-fill, minmax(300px, 370px))":"customcategory"===e.sectionType||"circle"===e.sectionType?"repeat(4, minmax(0, 1fr))":"mainpage"===e.sectionType&&e.itemMaxwidth?`repeat(${e.rowItems}, ${e.itemMaxwidth}px)`:`repeat(${e.rowItems}, ${e.itemMaxwidth?`${e.itemMaxwidth}px`:"70%"})`}; 304 margin-bottom: ${e=>"customcategory"==e.sectionType?"2rem":"10px"}; 305 } 306`,$=o.A.a` 307 background-color: ${e=>`#${e.backgroundColor}`||"#f9f4f4"}; 308 border: solid 1px ${e=>`#${e.backgroundColor}`||"#ffefef"}; 309 310 ${e=>e.isVideo?"background-color: unset; border: unset;":""} 311 312 display: ${e=>e.hasShadow?"grid":"flex"}; 313 ${e=>e.hasShadow?"":"flex-direction: column;"} 314 315 316 ${e=>"circle"===e.displayStyle?"align-items: center":""}; 317 justify-content: ${e=>(e.hasShadow,"center")}; 318 margin-top: ${e=>e.hasShadow?"1rem":""}; 319 margin-bottom: ${e=>e.hasShadow?"1rem":""}; 320 321 :hover { 322 opacity: ${e=>"rectangle"==e.displayStyle?"1.0":"0.7"} 323 transition: opacity 0.3s ease-in-out; 324 } 325 326 327 328 img { 329 width: 100%; 330 ${e=>"circle"==e.sectionType?"border-radius: 50%;":""}; 331 } 332 333 ${(0,a.B)("desktopMD")} { 334 ${e=>"circle"==e.sectionType?"margin: 0 2px; display: flex; flex-direction: column; align-items: center; max-width: 18vw;":""} 335 } 336 337 ${(0,a.B)("mobile")} { 338 max-width: ${e=>"circle"==e.sectionType?"27vw":""}; 339 ${e=>"true"==e.carousel?"margin: auto;":""}; 340 } 341`,v=o.A.div` 342 ${e=>"customcategory"===e.sectionType?"aspect-ratio: 1; display: flex; align-items: center; margin: 0 auto 10px auto;
342":"circle"===e.sectionType?"display: flex; align-items: center; margin: 0 auto 0 auto;":"blogpage"===e.sectionType?` 343 aspect-ratio: 5 / 4; 344 width: 100%; 345 overflow: hidden; 346 347 img, video { 348 width: 100%; 349 height: 100%; 350 object-fit: cover; 351 object-position: center; 352 } 353 `:""} 354 355 ${e=>e.cardMaxWidth?`max-width: ${e.cardMaxWidth}px;`:""} 356 357 ${(0,a.B)("mobile")} { 358 ${e=>"circle"==e.sectionType?"margin: 0 10px;":""} 359 } 360`,A=o.A.img` 361 object-fit: contain; 362 width: inherit; 363 height: inherit; 364`,k=o.A.div` 365 margin-bottom: 5px; 366 padding: ${e=>"circle"==e.sectionType?"0.5rem 0":"customcategory"==e.sectionType?"0":"1.5rem 1rem"}; 367 ${e=>"customcategory"==e.sectionType||"circle"===e.sectionType?"text-align: center;":""}; 368 369 .title { 370 font-size: ${e=>"circle"==e.sectionType?16:"customcategory"==e.sectionType?12:18}px; 371 ${e=>"circle"!=e.sectionType?"font-weight: bold;":""} 372 line-height: ${e=>"customcategory"==e.sectionType?"1.2":"27px"}; 373 margin-bottom: 5px; 374 375 ${(0,a.B)("mobile")} { 376 font-size: ${e=>"circle"==e.sectionType||"customcategory"==e.sectionType?12:18}px; 377 line-height: 1.2; 378 overflow: hidden; 379 text-overflow: ellipsis; 380 } 381 } 382 383 &.blogCard { 384 ${(0,a.B)("mobile")} { 385 background-color: #f2f2f2; 386 } 387 } 388 389 .blogCate { 390 font-size: 16px; 391 font-weight: bold; 392 margin-bottom: 10px; 393 display: none; 394 395 ${(0,a.B)("mobile")} { 396 display: block; 397 } 398 } 399 400 .blogCard { 401 grid-template-columns: ${e=>"customcategory"===e.sectionType?"repeat(4, 1fr)":"repeat(auto-fill, 330px)"}; 402 } 403 404 .blogTitle { 405 font-size: 18px; 406 margin-bottom: 5px; 407 408 ${(0,a.B)("mobile")} { 409 font-weight: 800; 410 } 411 } 412 413 ${(0,a.B)("mobile")} { 414 line-height: 1.2; 415 margin: inherit auto; 416 } 417 418 & > .blogShortDescription { 419 font-size: 14px; 420 font-weight: 500; 421 color: #0f0f0f; 422 line_height: 1.5; 423 max-height: 50px; 424 overflow: hidden; 425 text-overflow: ellipsis; 426 display: none; 427 428 ${(0,a.B)("mobile")} { 429 display: block; 430 } 431 } 432 433 & > .blogLastUpdatedTime { 434 font-size: 12px; 435 font-weight: 500; 436 font-style: italic; 437 color: #080808; 438 margin-top: 15px; 439 } 440 441 .desc, 442 .desc p { 443 font-size: 14px; 444 margin: 0.25rem 0; 445 } 446`,B=o.A.div` 447 ${e=>e.hasLeftbanner?"display: grid; grid-template-columns: minmax(300px, 370px) minmax(0, 1fr);":""}; 448 align-items: center; 449 column-gap: 38px; 450 justify-content: space-between; 451 452 & > div { 453 ${e=>e.hasLeftbanner?"min-width: 0;":"margin-bottom: 0rem;"}; 454 } 455 456 & > a { 457 display: block; 458 ${e=>e.hasLeftbanner?"min-width: 0;":"margin-bottom: 20px;"}; 459 } 460 461 & > .product-grid-block { 462 min-width: 0; 463 margin-left: 15px; 464 margin-right: 15px; 465 466 & .slick-prev { 467 left: -20px !important; 468 right: auto !important; 469 } 470 471 &[dir="rtl"] .slick-prev, 472 [dir="rtl"] & .slick-prev { 473 left: auto !important; 474 right: -20px !important; 475 } 476 477 & .slick-next { 478 left: auto !important; 479 right: -20px !important; 480 } 481 482 &[dir="rtl"] .slick-next, 483 [dir="rtl"] & .slick-next { 484 left: -20px !important; 485 right: auto !important; 486 } 487 } 488 ${(0,a.B)("mobile")} { 489 ${e=>e.hasLeftbanner?"display: block":""}; 490 491 & > div { 492 ${e=>e.hasLeftbanner?"margin-bottom: 0px":""}; 493 } 494 & > a { 495 ${e=>e.hasLeftbanner?"margin-right: 0; margin-bottom: 20px; display: none;":"margin-bottom: 1rem;"}; 496 } 497 498 & > .product-grid-block { 499 margin-left: 15px; 500 margin-right: 15px; 501 } 502 } 503 504 .loading { 505 height: 200px; 506 display: flex; 507 justify-content: center; 508 align-items: center; 509 } 510`,z=(0,o.A)(g)` 511 display: flex; 512 justify-content: center; 513 514 & > div { 515 max-width: 90%; 516 display: flex; 517 518 ${(0,a.B)("mobile")} { 519 max-width: 100%; 520 } 521 522 ${(0,a.B)("smallScreen")} { 523 display: block; 524 max-width: none; 525 } 526 } 527`,I=(0,o.A)(h)` 528 font-size: 26px; 529 text-align: left; 530 margin: 0 0 2rem 0; 531 align-self: center; 532`,j=(0,o.A)(d.A)` 533 width: 50%; 534 535 ${(0,a.B)("smallScreen")} { 536 width: 100%; 537 } 538`,M=o.A.a` 539 width: 100%; 540 margin-right: 2rem; 541 542 ${(0,a.B)("smallScreen")} { 543 margin: 0rem; 544 } 545`,T=o.A.div` 546 align-self: center; 547 548 ${(0,a.B)("smallScreen")} { 549 margin-top: 1.5rem; 550 padding: 0 1.5rem; 551 } 552`,_=` 553 width: 35px; 554 height: 35px; 555 transform: translateY(-50%); 556 borderRadius: 50%; 557 background-color: rgba(0, 0, 0, 0.7); 558 text-align: center; 559 560 z-index: 10; 561 562 :hover { 563 background-color: rgba(0, 0, 0, 0.5); 564 } 565`,S=(0,o.A)(n.A)` 566 ${_} 567 568 &.promo-banner-swiper-nav-button, &.storefront-banner-swiper-nav-button { 569 position: absolute; 570 top: 45%; 571 572 &.promo-banner-swiper-prev-button, 573 &.storefront-banner-swiper-prev-button { 574 left: 3%; 575 margin-left: -36px; 576 577 >
577 svg { 578 margin-left: 6px; 579 } 580 } 581 &.promo-banner-swiper-next-button, 582 &.storefront-banner-swiper-next-button { 583 right: 3%; 584 margin-right: -36px; 585 586 > svg { 587 margin-left: 4px; 588 } 589 } 590 } 591 592 &.swiper-prev-button { 593 margin-left: -36px; 594 } 595 &.swiper-next-button { 596 margin-right: -36px; 597 } 598 599 &.swiper-prev-button { 600 > svg { 601 margin-left: 6px; 602 } 603 } 604 &.swiper-next-button { 605 > svg { 606 margin-left: 4px; 607 } 608 } 609 610 ${(0,a.B)("mobile")} { 611 // display: none; 612 } 613`,U=o.A.div` 614 display: flex; 615 flex-direction: column; 616 gap: 20px; 617 ${({whiteBackground:e})=>e?"background-color: white;":""} 618 padding: ${({whiteBackground:e})=>e?"40px":"0"}; 619 620 ${(0,a.B)("mobile")} { 621 padding: ${({whiteBackground:e})=>e?"20px 0":"0"}; 622 } 623`,L=o.A.div` 624 display: flex; 625 flex-direction: column; 626 gap: 40px; 627 628 margin-bottom: 60px; 629 630 .description { 631 text-align: center; 632 633 > p { 634 margin: 0; 635 } 636 } 637 638 .tabs { 639 display: flex; 640 justify-content: center; 641 margin: 0; 642 padding: 0 8px; 643 gap: 8px; 644 max-width: 100%; 645 646 ${(0,a.B)("mobile")} { 647 display: -webkit-inline-box; 648 flex-wrap: nowrap; 649 overflow: auto; 650 } 651 652 .single-tab { 653 padding: 10px 24px; 654 border-radius: 30px; 655 background-color: #ffffff; 656 border: solid 1px #bcbcbc; 657 cursor: pointer; 658 text-align: center; 659 660 ${(0,a.B)("mobile")} { 661 margin-bottom: 8px; 662 } 663 664 > span { 665 color: #080808; 666 font-weight: bold; 667 font-size: 18px; 668 } 669 } 670 671 .selected-tab { 672 padding: 10px 24px; 673 border-radius: 30px; 674 background-color: #5e1576; 675 border: solid 1px #5e1576; 676 cursor: pointer; 677 text-align: center; 678 679 ${(0,a.B)("mobile")} { 680 margin-bottom: 8px; 681 } 682 683 > span { 684 color: #fff; 685 font-weight: bold; 686 font-size: 18px; 687 } 688 } 689 } 690`;o.A.div` 691 position: fixed; 692 bottom: 0; 693 left: 0; 694 display: flex; 695 width: 100%; 696 justify-content: center; 697 align-items: center; 698 color: white; 699 flex-direction: column; 700 z-index: 900; 701 transition: transform 0.5s; 702 transform: translateY(${({isShowDeals:e})=>e?"0":"100%"}); 703 704 .list { 705 position: relative; 706 display: flex; 707 justify-content: center; 708 width: 100%; 709 } 710 711 .button { 712 position: absolute; 713 display: flex; 714 justify-content: center; 715 align-items: center; 716 bottom: 99%; 717 color: black; 718 padding: 16px 40px; 719 background-color: white; 720 border-radius: 24px 24px 0px 0px; 721 font-size: 16px; 722 cursor: pointer; 723 border-bottom: none; 724 box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.5); 725 z-index: 901; 726 } 727 728 .items { 729 width: 100%; 730 height: auto; 731 background-color: white; 732 border-radius: 16px 16px 0px 0px; 733 display: flex; 734 justify-content: center; 735 align-items: center; 736 color: black; 737 box-shadow: 0px 0px ${({isShowDeals:e})=>e?"10px":"0px"} rgba(0, 0, 0, 0.5); 738 } 739`},30236:(e,t,i)=>{i.d(t,{Mz:()=>d,QP:()=>p,RB:()=>x,eH:()=>a,mx:()=>l,sV:()=>s});var o=i(2234),r=i(82154);let n=e=>{let t=e.gaName?.trim();if(!t)return null;let i=e.creativeName?.trim()||(e.imageUrls?(0,o._p)(e.imageUrls,t):void 0),n={promotionId:e.promotionId,gaName:t,creativeName:i,creativeSlot:(0,r.U_)({page:e.page,type:e.type,widgetIndex:e.widgetIndex,itemIndex:e.itemIndex}),destinationUrl:e.destinationUrl,itemIndex0Based:e.itemIndex0Based,merchantId:e.merchantId,merchantName:e.merchantName};return!1!==e.includeProductIds&&(n.productIds=null!=e.productIds?e.productIds:(0,r.Nt)({bindProdIds:e.bindProdIds,prodIds:e.prodIds,targetUrlProdId:e.targetUrlProdId})),n},a=({widgetIndex:e,pageKey:t},i,o,a,p)=>{if(null==e&&!p?.allowWithoutWidgetIndex)return null;let d=t??(0,r.Ol)(i,void 0,p?.pathname);return n({...a,type:o,page:d,widgetIndex:e??void 0,itemIndex:a.itemIndex})},p=(e,t,i,o,r,a,p=!0)=>n({promotionId:e.promotionId,gaName:e.gaName,type:"tb",page:i,itemIndex:t+1,itemIndex0Based:t,destinationUrl:o,imageUrls:[e.imageUrl,e.imageUrlMobile,e.imageUrlExtraLarge],bindProdIds:e.bindProdIds,targetUrlProdId:e.targetUrl?.prodId,merchantId:r,merchantName:a,includeProductIds:p}),d=(e,t,i,o,r=!0)=>{let a=e.widget;return n({promotionId:e.promoId,gaName:e.gaName,type:"pb",page:i,itemIndex:t+1,itemIndex0Based:t,destinationUrl:o,imageUrls:[a?.imageUrl,a?.imageUrlMobile,a?.imageUrlExtraLarge],bindProdIds:a?.bindProdIds,prodIds:a?.prodIds,targetUrlProdId:a?.targetUrl?.prodId,includeProductIds:r})},l=(e,t,i,o)=>n({gaName:e,type:"nb",page:i,itemIndex:t+1,itemIndex0Based:t,destinationUrl:o,includeProductIds:!1}),s=(e,t)=>n({promotionId:e.promotionId,gaName:e.gaName,type:"overlay",page:t,destinationUrl:e.destinationUrl,imageUrls:[e.imageUrl],includeProductIds:!1}),x=(e,t,i,r)=>n({gaName:(0,o._p)(e),type:"pagebanner",page:i,itemIndex:t+1,itemIndex0Based:t,destinationUrl:r,imageUrls:e,includeProductIds:!1})},33165:(e,t,i)=>{var o=i(29563);t.A=void 0;var r=o(i(94471)),n=i(37876);t.A=(0,r.default)((0,n.jsx)("path",{d:"M6.23 20.23 8 22l10-10L8 2 6.23 3.77 14.46 12z"}),"ArrowForwardIos")},34552:(e,t,i)=>{i.d(t,{K:()=>a,r:()=>n});var o=i(14232),r=i(82154);let n=e=>{let{enabled:t=!0,threshold:i=.5,getPayload:n}=e,[a,p]=(0,o.useState)(null),d=(0,o.useRef)(n);d.current=n;let l=(0,o.useRef)(null),s=(0,o.useCallback)(e=>{p(e)},[]);return(0,o.useEffect)(()=>
739{if(!t||!("IntersectionObserver"in window)||!a)return;let e=new IntersectionObserver(e=>{e.forEach(e=>{if(!e.isIntersecting)return;let t=d.current();t&&((0,r.Ri)(t),l.current?.disconnect(),l.current=null)})},{threshold:i});return l.current=e,e.observe(a),()=>{e.disconnect(),l.current=null}},[t,i,a]),{setRef:s,ref:a}},a=e=>{let{enabled:t=!0,threshold:i=.5,activeIndex:n,getPayloadForIndex:a}=e,p=(0,o.useRef)(null),d=(0,o.useRef)(!1),l=(0,o.useRef)(a);l.current=a;let s=(0,o.useRef)(n);s.current=n;let x=(0,o.useCallback)(e=>{p.current=e},[]),c=(0,o.useCallback)(()=>{if(!d.current)return;let e=l.current(s.current);e&&(0,r.Ri)(e)},[]);return(0,o.useEffect)(()=>{if(!t||!("IntersectionObserver"in window))return;let e=p.current;if(!e)return;let o=new IntersectionObserver(e=>{e.forEach(e=>{if(d.current=e.isIntersecting,e.isIntersecting){let e=l.current(s.current);e&&(0,r.Ri)(e)}})},{threshold:i});return o.observe(e),()=>o.disconnect()},[t,i]),(0,o.useEffect)(()=>{c()},[n,c]),{setContainerRef:x,containerRef:p}}},43917:(e,t,i)=>{i.d(t,{A8:()=>f,B7:()=>g,BZ:()=>u,G0:()=>c,WB:()=>m,de:()=>h,gz:()=>b,ro:()=>x,ss:()=>w});var o=i(76252),r=i(34838),n=i(18042),a=i(28997),p=i(72361),d=i(10163),l=i(73894),s=i(13224);o.A.div` 740 display: flex; 741 flex-direction: column; 742 min-height: 100vh; 743`,(0,o.A)(r.A)` 744 color: #080808; 745`;let x=o.A.div` 746 ${(0,s.B)("desktop")} { 747 margin: 0 50px; 748 } 749 750 ${(0,s.B)("mobile")} { 751 margin: 0 25px; 752 } 753`,c=o.A.div` 754 height: ${e=>e.height||0}px; 755`;(0,o.A)(n.A)` 756 width: 100%; 757 height: 56px; 758 font-family: OutFit; 759 font-size: 16px; 760 color: #fff 761 border-radius: 1px; 762 background-color: #ffb1b9; 763 text-transform: uppercase; 764 765 :hover { 766 opacity: 0.8; 767 background-color: #ffb1b9; 768 } 769 770 :disabled { 771 background-color: #ddd; 772 color: #aaa; 773 } 774`;let g=(0,o.A)(n.A)` 775 width: 100%; 776 height: 56px; 777 font-family: OutFit; 778 font-size: 16px; 779 color: #fff 780 border-radius: 1px; 781 background-color: #c66ee2; 782 text-transform: uppercase; 783 784 :hover { 785 opacity: 0.8; 786 background-color: #c66ee2; 787 } 788 789 :disabled { 790 background-color: #ddd; 791 color: #aaa; 792 } 793`,m=(0,o.A)(a.A)` 794 display: flex; 795 justify-content: center; 796 797 & > .MuiPagination-ul > li > .MuiPaginationItem-page { 798 color: #080808; 799 } 800`,f=(0,o.A)(p.A)` 801 color: #080808; 802 803 & .MuiRating-iconEmpty { 804 opacity: 0.55; 805 } 806 807 &.MuiRating-root { 808 text-align: ${e=>e.isRTL?"right":"left"}; 809 } 810 811 & svg { 812 width: ${e=>"true"==e.islarge?"20px":"9.5px"}; 813 height: ${e=>"true"==e.islarge?"20px":"9.5px"}; 814 color: ${e=>e.error&&"red"}; 815 } 816`,h=o.A.div` 817 padding: 8px 1rem; 818 background-color: ${l.y.purple}; 819 font-size: 12px; 820`,u=(0,o.A)(n.A)` 821 height: 53px; 822 color: white; 823 border-radius: 0 6px 6px 0; 824 width: 130px; 825 white-space: nowrap; 826 font-size: 12px; 827 828 &, 829 &:hover { 830 background-color: #080808; 831 } 832`,b=(0,o.A)(d.A)` 833 background: #fff; 834 margin: 0; 835 height: 54px; 836 width: 100%; 837 838 > .MuiInputLabel-root.Mui-focused { 839 color: #b8b8b8; 840 } 841 842 > .MuiInputBase-root { 843 border-radius: 6px 0 0 6px; 844 } 845 846 .MuiInputBase-root.Mui-focused .MuiOutlinedInput-notchedOutline { 847 border: 1px solid rgba(0, 0, 0, 0.23); 848 } 849 850 > .MuiFormHelperText-sizeMedium { 851 margin: 0; 852 } 853`,w=o.A.div` 854 display: flex; 855 856 ${(0,s.B)("desktop")} { 857 width: 100%; 858 max-width: ${e=>e.isCN?"500px":"380px"}; 859 margin-right: ${e=>e.isCN?"20px":0}; 860 min-width: 250px; 861 } 862`},44086:(e,t,i)=>{var o=i(29563);t.A=void 0;var r=o(i(94471)),n=i(37876);t.A=(0,r.default)((0,n.jsx)("path",{d:"M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"}),"Star")},62894:(e,t,i)=>{i.d(t,{$m:()=>S,At:()=>N,C8:()=>eg,CC:()=>eb,D4:()=>z,Fv:()=>J,HD:()=>U,Hm:()=>eh,JP:()=>eo,J_:()=>v,Kt:()=>ex,LS:()=>y,LZ:()=>R,Mv:()=>$,Nl:()=>b,Qb:()=>V,R_:()=>el,SY:()=>en,Sj:()=>ed,T$:()=>Q,TB:()=>L,Tt:()=>ef,UK:()=>e$,VQ:()=>I,VZ:()=>P,Wi:()=>Z,Yr:()=>w,Z2:()=>et,Zs:()=>D,_O:()=>ev,aF:()=>O,ax:()=>j,c$:()=>K,dZ:()=>X,et:()=>em,fH:()=>C,gZ:()=>k,hy:()=>A,i8:()=>eu,if:()=>G,iz:()=>Y,jM:()=>W,k1:()=>ea,n9:()=>q,nA:()=>er,nX:()=>ee,ny:()=>ec,oH:()=>ei,rv:()=>F,sI:()=>H,te:()=>ew,tp:()=>B,uN:()=>T,vB:()=>M,vc:()=>E,xB:()=>_,xu:()=>es,y4:()=>ey,zv:()=>ep});var o=i(48230),r=i.n(o),n=i(76252),a=i(59174),p=i(32937),d=i(10163),l=i(33165),s=i(14445),x=i(13224),c=i(81452),g=i(82598),m=i(13173),f=i(40137),h=i(73894),u=i(487
86278);let b=n.A.div` 863 max-width: ${394}px; 864 // height: ${394}px; 865 position: relative; 866 overflow: hidden; 867 cursor: pointer; 868 869 ${(0,x.B)("desktopMD")} { 870 max-width: ${394}px; 871 // height: ${394}px; 872 } 873 874 ${(0,x.B)("mobile")} { 875 max-width: 320px; 876 // height: 320px; 877 margin-bottom: 20px; 878 } 879 880 &.thumbnail { 881 width: ${68}px; 882 height: ${68}px; 883 } 884 885 &.has-border { 886 width: 50px; 887 height: 50px; 888 border: 1px solid black; 889 border-radius: 50%; 890 overflow: hidden; 891 892 &.active { 893 border-color: ${h.y.button_purple}; 894 } 895 } 896`,w=n.A.img` 897 max-width: 100%; 898 // height: 100%; 899 position: relative; 900`,y=(0,n.A)(a.qr)` 901 display: flex; 902 justify-content: center; 903 align-items: center; 904`,$=(0,n.A)(a.qr)` 905 width: ${68}px; 906 max-height: ${68}px; 907 margin-top: 1px; 908 909 &:first-of-type { 910 margin-top: 0; 911 } 912 913 ${(0,x.B)("desktopMD")} { 914 width: ${68}px; 915 max-height: ${68}px; 916 } 917`,v=n.A.div` 918 position: absolute; 919 top: 0; 920 right: 1rem; 921 z-index: 5; 922`,A=n.A.div` 923 display: flex; 924 justify-content: center; 925 position: relative; 926`,k=n.A.div` 927 display: flex; 928 align-items: center; 929 justify-content: space-between; 930 z-index: 999; 931 width: 100%; 932 background-color: rgba(255, 255, 255, 0.8); 933 border-radius: 20px; 934 border: solid 1px #e8e8e8; 935 box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); 936 font-size: 12px; 937 max-width: 390px; 938 gap: 8px; 939 940 & > .time-icon { 941 transform: scaleX(-1); 942 margin-left: 10px; 943 } 944 945 & > .time-icon-rtl { 946 transform: scaleX(-1); 947 margin-right: 10px; 948 } 949 950 & > .close-icon { 951 margin-right: 10px; 952 } 953 954 & > .close-icon-rtl { 955 margin-left: 10px; 956 } 957 958 ${(0,x.B)("mobile")} { 959 width: 95%; 960 gap: 5px; 961 } 962`,B=n.A.div` 963 z-index: 999; 964 width: 100%; 965 position: absolute; 966 bottom: 20px; 967 display: flex; 968 justify-content: center; 969 align-items: center; 970 animation: fadeIn 0.5s ease-in; 971 972 @keyframes fadeIn { 973 from { 974 opacity: 0; 975 } 976 to { 977 opacity: 1; 978 } 979 } 980`,z=n.A.p` 981 color: #333; 982`;n.A.p` 983 font-weight: 600; 984`;let I=n.A.div` 985 width: ${73}px; 986 height: ${394}px; 987 order: -1; 988 position: relative; 989 display: flex; 990 flex-direction: column; 991 align-items: center; 992 justify-content: center; 993 994 .thumb-swiper-next { 995 width: ${70}px; 996 height: 20px; 997 border-radius: 2px; 998 border-top-left-radius: 0; 999 border-top-right-radius: 0; 1000 border-bottom-left-radius: 4px; 1001 border-bottom-right-radius: 4px; 1002 } 1003 .thumb-swiper-prev { 1004 width: ${70}px; 1005 height: 20px; 1006 border-top-left-radius: 4px; 1007 border-top-right-radius: 4px; 1008 border-bottom-left-radius: 0; 1009 border-bottom-right-radius: 0; 1010 } 1011 1012 ${(0,x.B)("desktopMD")} { 1013 max-height: ${394}px; 1014 } 1015 1016 ${(0,x.B)("mobile")} { 1017 display: none; 1018 } 1019`,j=(0,n.A)(a.RC)` 1020 width: ${70}px; 1021 margin: 0; 1022 height: ${394}px; 1023 padding: 0; 1024 list-style: none; 1025 1026 & > div > li { 1027 list-style: none; 1028 opacity: 0.5; 1029 border: solid 1px #fff; 1030 } 1031 1032 & > div > li.is-active-thumb { 1033 opacity: 1; 1034 border: solid 1px ${h.y.color_979797}; 1035 } 1036 1037 ${(0,x.B)("desktopMD")} { 1038 max-height: ${394}px; 1039 } 1040 1041 ${(0,x.B)("mobile")} { 1042 display: none; 1043 } 1044`,M=n.A.div` 1045 position: absolute; 1046 top: 0px; 1047 left: 1rem; 1048 z-index: 4; 1049 display: flex; 1050 flex-direction: column; 1051 align-items: flex-start; 1052 gap: 6px; 1053 max-width: calc(100% - 64px); 1054 pointer-events: none; 1055 1056 > * { 1057 pointer-events: auto; 1058 } 1059`,T=n.A.div` 1060 position: relative; 1061 width: auto; 1062 display: flex; 1063 flex-direction: row; 1064 align-items: center; 1065 1066 .points { 1067 display: flex; 1068 flex-direction: row; 1069 align-items: center; 1070 justify-content: flex-start; 1071 background-color: #ede3f8; 1072 color: #9e2ea8; 1073 border: solid 1px #9e2ea8; 1074 padding: 2px 24px; 1075 margin: 0 -10px 0 0; 1076 border-radius: 30px; 1077 } 1078 .plus { 1079 display: flex; 1080 flex-direction: row; 1081 align-items: center; 1082 justify-content: flex-start; 1083 background-color: #ffffff; 1084 color: #9e2ea8; 1085 border: solid 1px #9e2ea8; 1086 padding: 3px; 1087 border-radius: 12px; 1088 z-index: 10; 1089 height: 20px; 1090 font-size: 20px; 1091 } 1092 .amount { 1093 display: flex; 1094 flex-direction: row; 1095 align-items: center; 1096 justify-content: flex-start; 1097 background-color: #9e2ea8; 1098 color: #ede3f8; 1099 border: solid 1px #9e2ea8; 1100 padding: 2px 20px; 1101 margin: 0 0 0 -10px; 1102 border-radius: 30px; 1103 font-size: 25px; 1104 } 1105`,_=n.A.div` 1106 position: relative; 1107 width: calc(100% - 25px - ${68}px); 1108 margin: 0px 10px 0px 10px; 1109 overflow: hidden; 1110
1111 .mySwiper { 1112 .swiper-slide { 1113 overflow: hidden; 1114 align-self: center; 1115 } 1116 } 1117 1118 & .swiper-pagination-bullet-active { 1119 background-color: #080808; 1120 } 1121 1122 ${(0,x.B)("mobile")} { 1123 width: 95%; 1124 } 1125`,S=n.A.h1` 1126 font-size: 20px; 1127 letter-spacing: normal; 1128 font-weight: 700; 1129 margin: 0; 1130 text-transform: uppercase; 1131 color: #080808; 1132`,U=(0,n.A)(r())` 1133 font-size: 16px; 1134 font-weight: 900; 1135 text-transform: uppercase; 1136 display: block; 1137 transition: all 0.3s ease-in-out; 1138 color: #080808; 1139 1140 :hover { 1141 text-decoration: underline; 1142 } 1143`,L=n.A.div` 1144 display: flex; 1145 flex-wrap: wrap; 1146 align-items: center; 1147 gap: 8px; 1148 margin-bottom: 0; 1149 1150 a { 1151 text-decoration: none; 1152 color: inherit; 1153 } 1154 1155 &.is-compact { 1156 flex-wrap: wrap; 1157 align-items: center; 1158 gap: 8px; 1159 margin-bottom: 0; 1160 width: 100%; 1161 1162 > * { 1163 max-width: 100%; 1164 min-width: 0; 1165 } 1166 } 1167`,C=n.A.span` 1168 font-family: Outfit, sans-serif; 1169 font-size: 14px; 1170 font-weight: 700; 1171 line-height: 1; 1172 padding: 6px 12px; 1173 border-radius: 999px; 1174 background-color: ${e=>e.colorCode?e.colorCode:h.y.default_ribbon_color}; 1175 color: ${e=>e.colorCode?"#fff":h.y.black}; 1176 display: inline-flex; 1177 align-items: center; 1178 gap: 5px; 1179 white-space: nowrap; 1180 max-width: 100%; 1181 box-shadow: 0 1px 2px rgba(8, 8, 8, 0.16); 1182 1183 .ribbon-icon { 1184 width: 16px; 1185 height: 16px; 1186 object-fit: contain; 1187 display: block; 1188 flex-shrink: 0; 1189 } 1190 1191 &.is-compact { 1192 font-size: 11px; 1193 padding: 6px 10px; 1194 gap: 4px; 1195 min-height: 24px; 1196 max-width: 100%; 1197 overflow: hidden; 1198 text-overflow: ellipsis; 1199 1200 .ribbon-icon { 1201 width: 12px; 1202 height: 12px; 1203 } 1204 } 1205`,R=n.A.div` 1206 font-size: 12px; 1207 font-weight: 600; 1208`,P=n.A.p` 1209 font-size: 16px; 1210 font-weight: bold; 1211 color: #080808; 1212 margin-top: 4px; 1213 margin-bottom: 16px; 1214`,N=n.A.div` 1215 display: flex; 1216 align-items: center; 1217 margin-top: 1rem; 1218 gap: 6px; 1219 1220 .discount-price { 1221 font-size: 20px; 1222 font-weight: 900; 1223 color: #9e2ea8; 1224 } 1225 1226 .selling-price { 1227 font-size: 20px; 1228 font-weight: 900; 1229 color: #9e2ea8; 1230 } 1231 1232 .selling-price-after { 1233 font-size: 17px; 1234 font-weight: normal; 1235 text-decoration: line-through; 1236 } 1237 1238 .save { 1239 font-size: 12px; 1240 color: #9e2ea8; 1241 font-weight: 800; 1242 } 1243`,D=n.A.div` 1244 margin-top: 10px; 1245 display: flex; 1246 gap: 5px; 1247 border: solid 1px #e8e8e8; 1248 padding: 8px 11px; 1249 border-radius: 18px; 1250 gap: 8px; 1251 width: fit-content; 1252 font-size: 10px; 1253 align-items: center; 1254 > span { 1255 font-size: 11px; 1256 font-weight: 800; 1257 } 1258 1259 > img { 1260 ${(0,x.B)("mobile")} { 1261 max-width: 60%; 1262 } 1263 } 1264`,O=n.A.div` 1265 color: #ff2f3b; 1266 font-size: 14px; 1267 margin-top: 10px; 1268 font-weight: bolder; 1269`;n.A.div` 1270 font-size: 12px; 1271 font-weight: 600; 1272`;let W=n.A.div` 1273 display: flex; 1274 justify-content: left; 1275 font-size: 12px; 1276 font-weight: 600; 1277 1278 .price { 1279 font-weight: bold; 1280 } 1281 1282 & > div { 1283 gap: 5px; 1284 display: flex; 1285 } 1286 & .isCN { 1287 gap: 0px; 1288 flex-direction: row-reverse; 1289 } 1290`,E=n.A.div` 1291 font-size: 12px; 1292 font-weight: bolder; 1293 color: ${h.y.color_saleMsg}; 1294`,F=n.A.div` 1295 margin-top: 14px; 1296 display: flex; 1297 gap: 10px; 1298 width: fit-content; 1299 align-items: center; 1300 font-size: 12px; 1301 font-weight: normal; 1302 color: ${h.y.color_saleMsg}; 1303 background-color: #f4f4f4; 1304 padding: 10px 24px; 1305 border-radius: 20px; 1306 1307 > span { 1308 font-weight: bold; 1309 font-size: 14px; 1310 } 1311 1312 > div { 1313 display: flex; 1314 align-items: center; 1315 font-size: 11px; 1316 font-weight: bold; 1317 cursor: pointer; 1318 gap: 4px; 1319 } 1320`,Z=n.A.div` 1321 font-size: 12px; 1322 color: ${h.y.redGift}; 1323`,q=n.A.button` 1324 padding: 1rem; 1325 font-size: 16px; 1326 text-align: center; 1327 display: flex; 1328 justify-content: center; 1329 align-items: center; 1330 font-weight: bold; 1331 border-radius: 6px; 1332 color: #fff; 1333 max-width: 100%; 1334 border: solid 2px 1335 ${e=>e.isoos?"#a1a1a1":e.isLuxury?"#080808":`${h.y.button_purple}`}; 1336 background-color: ${e=>e.isoos?"#a1a1a1":e.isLuxury?"#080808":`${h.y.button_purple}`}; 1337 text-transform: uppercase; 1338 margin-right: ${e=>e.isRTL?"0":"1rem"}; 1339 margin-left: ${e=>e.isRTL?"1rem":"0"}; 1340 cursor: pointer; 1341 white-space: nowrap; 1342 width: 100%; 1343 1344 ::before { 1345 content: ${e=>e.isLuxury?'url("https://a.cdnsbn.com/images/chat_luxury.svg")':""}; 1346 display: inline-block; 1347 margin-right: 5px; 1348 width: 22px; 1349 height: 22px; 1350 } 1351 1352 :hover { 1353 opacity: 0.8; 1354 } 1355 1356 ${(0,x.B)("desktop")} { 1357 width: 100%; 1358 } 1359`,H=n.A.div` 1360 padding: 10px 12.5px; 1361 border: solid 0px #080808; 1362 border-radius: 2px; 1363 display: flex; 1364 align-items: center; 1365 justify-content: center; 1366 cursor: pointer; 1367 1368 ${({isWishList:e})=>!e&&` 1369 :hover img {
1370 filter: invert(20%) sepia(70%) saturate(3724%) hue-rotate(290deg) brightness(50%) 1371 contrast(101%); 1372 }`} 1373`,V=n.A.div` 1374 display: flex; 1375 align-items: center; 1376 width: fit-content; 1377 background-color: ${h.y.productDetail_lightbox}; 1378 padding: 8px; 1379 font-weight: 600; 1380 margin: 13px 0px 15px 0px; 1381 color: ${h.y.black}; 1382 1383 img { 1384 margin-right: 8px; 1385 } 1386 1387 .login, 1388 .signup { 1389 text-decoration: underline; 1390 color: ${h.y.black}; 1391 } 1392`,Y=n.A.div` 1393 display: flex; 1394 max-width: 1000px; 1395 padding: 10px 0px; 1396 1397 .qty-block { 1398 margin-left: 5px; 1399 height: 60px; 1400 border: solid 1px #e8e8e8; 1401 border-radius: 8px; 1402 margin-right: 26px; 1403 } 1404 1405 .add-to-bag-block { 1406 display: flex; 1407 width: 700px; 1408 1409 > a { 1410 width: 100%; 1411 max-width: 513px; 1412 } 1413 } 1414 1415 ${(0,x.B)("mobile")} { 1416 display: flex; 1417 max-width: 100%; 1418 1419 .qty-block { 1420 margin: 0 10px 0 0; 1421 } 1422 1423 .add-to-bag-block { 1424 flex-grow: 1; 1425 margin-left: 0px; 1426 } 1427 1428 position: sticky; 1429 bottom: 0; 1430 left: 0; 1431 background-color: white; 1432 width: 100%; 1433 box-shadow: ${e=>e.isShowBoxShadow?"-2px -2px 5px #ccc":"none"}; 1434 1435 z-index: ${s.f.addToBagButtonBox}; 1436 } 1437`,G=n.A.div` 1438 max-width: 500px; 1439 padding: 0 15px; 1440 1441 ${(0,x.B)("mobile")} { 1442 max-width: 100%; 1443 } 1444`,X=(0,n.A)(m.A)` 1445 padding: 12px; 1446`,Q=n.A.ul` 1447 display: flex; 1448 flex-wrap: wrap; 1449 padding: 0; 1450 list-style: none; 1451 line-height: unset; 1452 gap: 18px; 1453 align-items: flex-end; 1454 margin: 30px 0 20px 0; 1455`;n.A.li` 1456 text-align: center; 1457 cursor: pointer; 1458 display: flex; 1459 align-items: end; 1460 margin: 2px 0; 1461 1462 & > div { 1463 position: relative; 1464 padding: 18px 0px 0px 0px; 1465 display: flex; 1466 flex-direction: column; 1467 1468 overflow: hidden; 1469 word-wrap: break-word; 1470 -webkit-line-clamp: 1; 1471 -webkit-box-orient: vertical; 1472 text-overflow: ellipsis; 1473 1474 & > div.optionsale { 1475 font-size: 12px; 1476 background-color: #000; 1477 color: #fff; 1478 font-weight: bold; 1479 text-align: center; 1480 height: 18px; 1481 width: 61px; 1482 position: absolute; 1483 top: 0px; 1484 left: -1px; 1485 } 1486 1487 & > img, 1488 & > div.optionsize { 1489 font-size: 12px; 1490 padding: 10px; 1491 display: block; 1492 1493 border: solid 1px #000; 1494 width: 100%; 1495 height: 100%; 1496 } 1497 } 1498`;let K=n.A.div` 1499 border: ${e=>e.isSelected?"solid 1px #c66ee2":"solid 1px #e8e8e8"}; 1500 border-radius: 0px; 1501 width: 60px; 1502 height: 60px; 1503 margin: 0; 1504 position: relative; 1505 1506 :hover { 1507 border: solid 1px #c66ee2; 1508 } 1509`,J=n.A.div` 1510 padding: 4px; 1511 border-radius: 0px; 1512 margin: 0; 1513 1514 position: relative; 1515 1516 &.image-option-save { 1517 top: ${e=>e.isSelected?"-8px;":""}; 1518 } 1519`,ee=n.A.img` 1520 width: 50px; 1521 height: 50px; 1522`,et=n.A.div` 1523 margin-top: -15px; 1524 font-size: 10px; 1525 text-align: center; 1526 color: #e91c1c; 1527 font-weight: 800; 1528`,ei=n.A.div` 1529 width: 60px; 1530 margin: -10px 0 0 -1px; 1531 padding: 2px 0 0 0; 1532 font-size: 12px; 1533 font-weight: bold; 1534 color: #fff; 1535 display: flex; 1536 justify-content: center; 1537 background-color: #c66ee2; 1538 border-radius: 0px; 1539 position: relative; 1540 z-index: 3; 1541`,eo=n.A.div` 1542 font-size: 12px; 1543 padding: 5px; 1544 font-weight: 600; 1545 text-align: center; 1546 width: 100%; 1547 line-height: 1.2; 1548 position: absolute; 1549 top: 50%; 1550 transform: translateY(-50%); 1551 1552 word-wrap: break-word; 1553 -webkit-line-clamp: 1; 1554 -webkit-box-orient: vertical; 1555 text-overflow: ellipsis; 1556`,er=n.A.section` 1557 margin: 1.5rem 0; 1558 border-top: solid 1px #e8e8e8; 1559 padding: 1rem; 1560 font-size: 14px; 1561 line-height: 1.5; 1562 1563 & > * { 1564 font-size: 14px; 1565 } 1566 1567 & > h2 { 1568 font-size: 16px; 1569 font-weight: 800; 1570 margin: 0 0 1rem 0; 1571 } 1572 1573 & > ul { 1574 margin: 0; 1575 padding: 0; 1576 1577 li { 1578 font-size: 14px; 1579 } 1580 } 1581 1582 .html { 1583 list-style: none; 1584 } 1585 1586 .list { 1587 list-style: "- "; 1588 } 1589 1590 & > ul.functions { 1591 li { 1592 list-style: none; 1593 } 1594 } 1595 1596 & > .ingredient > div > ul { 1597 margin: 0; 1598 padding: 0; 1599 1600 li { 1601 list-style: none; 1602 } 1603 } 1604 1605 & > div > p.show-all { 1606 text-decoration: underline; 1607 text-align: center; 1608 margin-top: 1rem; 1609 cursor: pointer; 1610 } 1611`,en=n.A.div` 1612 height: auto !important; 1613 ${e=>e.isIngredient&&!e.isShowAll&&(0,c.IC)(14,5,1.5)}} 1614`,ea=n.A.hr` 1615 border: 0; 1616 border-bottom: solid 1px #e8e8e8; 1617 margin: 24px 0px 14px 0px; 1618 1619 ${(0,x.B)("mobile")} { 1620 margin: 0px 0px 14px 0px; 1621 } 1622`,ep=n.A.div` 1623 background-color: #f8f8f8; 1624 1625 ${(0,x.B)("mobile")} { 1626 width: 90vw; 1627 } 1628`,ed=(0,n.A)(d.A)` 1629 margin-bottom: 1rem; 1630 1631 ${(0,x.B)("mobile")} { 1632 max-width: 90vw; 1633 } 1634`,el=n.A.button` 1635 padding: 8px; 1636 font-size: 16px; 1637 text-align: center; 1638 font-weight: bold; 1639 border-radius: 6px; 1640 border: solid 2px #121212; 1641 color: black; 1642 background-color: #fff; 1643 cursor: pointer; 1644 1645 ${(0,x.B)("mobile")} { 1646 width: 100%; 1647 } 1648`,es=n.A.h2` 1649 margin: 2rem 0 !important; 1650`,ex=n.A.div` 1651 ${(0,x.B)("desktop")} { 1652 display: none; 1653 } 1654`,ec=n.A.p` 1655 cursor: pointer; 1656 margin: 0 0 23px 0; 1657`,eg=(0,n.A)(l.A)` 1658 cursor: pointer; 1659 font-size: 10px; 1660`;n.A.div` 1661 cursor: pointer; 1662`;let em=(0,n.A)(p.A)` 1663 margin-top: 50px; 1664 display: flex; 1665 align-items: center; 1666 justify-content: center; 1667 1668 ${(0,x.B)("mobile")} { 1669 display: none; 1670 } 1671`,ef=n.A.div` 1672 max-width: ${g.vX.default-20}px; 1673 margin: auto; 1674 margin-bottom: 40px; 1675 1676 & #product-detail__product-detail-block { 1677 padding: 0 15px; 1678 } 1679 1680 ${(0,x.B)("desktop")} { 1681 display: grid; 1682 grid-template-columns: repeat(2, 50%); 1683 gap: 10px; 1684 padding: 0 15px; 1685 margin-right: 10px; 1686 } 1687 1688 @media only screen and (min-width: 1230px) { 1689 padding: 0 5px; 1690 } 1691 1692 ${(0,x.B)("mobile")} { 1693 display: block; 1694 } 1695`,eh=n.A.div` 1696 z-index: 20; 1697 1698 ${(0,x.B)("desktop")} { 1699 position: sticky; 1700 top: 140px; 1701 align-self: flex-start; 1702 } 1703 1704 ${(0,x.B)("mobile")} { 1705 margin-bottom: 20px; 1706 } 1707`,eu=n.A.span` 1708 font-size: 12px; 1709 font-weight: 500; 1710 color: #080808; 1711 margin-right: 10px; 1712`,eb=n.A.div` 1713 img { 1714 max-width: 80%; 1715 1716 ${(0,x.B)("mobile")} { 1717 max-width: 100%; 1718 } 1719 } 1720 1721 video { 1722 max-width: 60%; 1723 ${(0,x.B)("mobile")} { 1724 max-width: 100%; 1725 } 1726 } 1727 1728 iframe { 1729 max-width: 100%; 1730 ${(0,x.B)("mobile")} { 1731 max-width: 100%; 1732 } 1733 } 1734`,ew=n.A.a` 1735 color: #080808; 1736 text-decoration: none; 1737 padding: 0; 1738`,ey=(0,n.A)(f.A)` 1739 ${(0,x.B)("mobile")} { 1740 .mulltr-kta0lr-MuiPaper-root-MuiDialog-paper { 1741 width: 100%; 1742 margin: 0; 1743 border-radius: 40px; 1744 position: absolute; 1745 bottom: 0; 1746 } 1747 } 1748`,e$=(0,n.A)(u.A)` 1749 position: relative; 1750 top: 0.5px;
1751 cursor: pointer; 1752`,ev=n.A.div` 1753 background-color: white; 1754 display: none; 1755 flex-direction: column; 1756 justify-content: center; 1757 align-items: center; 1758 padding: 0 20px; 1759 height: 100vh; 1760 position: relative; 1761 1762 & .fullscreen-swiper-wrap { 1763 width: 100%; 1764 & .swiper { 1765 height: 100%; 1766 } 1767 } 1768 1769 & .swiper-pagination-bullet-active { 1770 background-color: ${h.y.button_purple}; 1771 } 1772 1773 .img-container { 1774 height: 100%; 1775 min-height: 0; 1776 display: flex; 1777 align-items: center; 1778 justify-content: center; 1779 } 1780 1781 .responsive-img { 1782 max-height: 100%; 1783 max-width: 100%; 1784 object-fit: contain; 1785 height: 100%; 1786 } 1787 1788 .exit { 1789 position: absolute; 1790 top: 30px; 1791 right: 30px; 1792 cursor: pointer; 1793 z-index: 999; 1794 } 1795`}}]);
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.