/**
* Pertamina Smexpo
* TODO : styling for homepage
* --
* * for homepage : index.html
* ? style-home.min.css
* ! important to minify
*/
/**
* * base
*/
/**required bootstrap*/
/**optional bootstrap*/
/**
* * layout
*/
/**grid bootstrap*/.container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%}@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:1230px){.container{max-width:1230px}}.container-fluid{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%}.row{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}.no-gutters{margin-left:0;margin-right:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-left:0;padding-right: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{min-height:1px;padding-left:15px;padding-right:15px;position:relative;width:100%}.col{flex-basis:0;flex-grow:1;max-width:100%}.col-auto{flex:0 0 auto;max-width:none;width:auto}.col-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-12{flex:0 0 100%;max-width:100%}.order-first{order:-1}.order-last{order:13}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.offset-1{margin-left:8.3333333333%}.offset-2{margin-left:16.6666666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.3333333333%}.offset-5{margin-left:41.6666666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.3333333333%}.offset-8{margin-left:66.6666666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.3333333333%}.offset-11{margin-left:91.6666666667%}@media (min-width:576px){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.col-sm-auto{flex:0 0 auto;max-width:none;width:auto}.col-sm-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-sm-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-sm-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-sm-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-sm-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-sm-12{flex:0 0 100%;max-width:100%}.order-sm-first{order:-1}.order-sm-last{order:13}.order-sm-0{order:0}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-9{order:9}.order-sm-10{order:10}.order-sm-11{order:11}.order-sm-12{order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.3333333333%}.offset-sm-2{margin-left:16.6666666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.3333333333%}.offset-sm-5{margin-left:41.6666666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.3333333333%}.offset-sm-8{margin-left:66.6666666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.3333333333%}.offset-sm-11{margin-left:91.6666666667%}}@media (min-width:768px){.col-md{flex-basis:0;flex-grow:1;max-width:100%}.col-md-auto{flex:0 0 auto;max-width:none;width:auto}.col-md-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-md-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-md-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-md-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-md-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-md-12{flex:0 0 100%;max-width:100%}.order-md-first{order:-1}.order-md-last{order:13}.order-md-0{order:0}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-9{order:9}.order-md-10{order:10}.order-md-11{order:11}.order-md-12{order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.3333333333%}.offset-md-2{margin-left:16.6666666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.3333333333%}.offset-md-5{margin-left:41.6666666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.3333333333%}.offset-md-8{margin-left:66.6666666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.3333333333%}.offset-md-11{margin-left:91.6666666667%}}@media (min-width:992px){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.col-lg-auto{flex:0 0 auto;max-width:none;width:auto}.col-lg-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-lg-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-lg-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-lg-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-lg-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-lg-12{flex:0 0 100%;max-width:100%}.order-lg-first{order:-1}.order-lg-last{order:13}.order-lg-0{order:0}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-9{order:9}.order-lg-10{order:10}.order-lg-11{order:11}.order-lg-12{order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.3333333333%}.offset-lg-2{margin-left:16.6666666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.3333333333%}.offset-lg-5{margin-left:41.6666666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.3333333333%}.offset-lg-8{margin-left:66.6666666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.3333333333%}.offset-lg-11{margin-left:91.6666666667%}}@media (min-width:1230px){.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.col-xl-auto{flex:0 0 auto;max-width:none;width:auto}.col-xl-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-xl-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-xl-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-xl-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-xl-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-xl-12{flex:0 0 100%;max-width:100%}.order-xl-first{order:-1}.order-xl-last{order:13}.order-xl-0{order:0}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-9{order:9}.order-xl-10{order:10}.order-xl-11{order:11}.order-xl-12{order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.3333333333%}.offset-xl-2{margin-left:16.6666666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.3333333333%}.offset-xl-5{margin-left:41.6666666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.3333333333%}.offset-xl-8{margin-left:66.6666666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.3333333333%}.offset-xl-11{margin-left:91.6666666667%}}*,:after,:before{box-sizing:border-box}:root{--grad-blugreen:linear-gradient(135deg,#175cc3 23.29%,#20fa55);--grad-rosegold:linear-gradient(270deg,#fbe2d6,#e2baa0)}body,html{margin:0;padding:0}body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;color:#1a1a1a;font-family:Manrope,sans-serif;font-size:16px;font-weight:400;line-height:normal;text-rendering:optimizeSpeed}a{background-color:transparent;color:inherit;outline:0;transition:color .2s ease;vertical-align:baseline}a,a:hover{text-decoration:none}a:focus,button:focus{outline:0;outline:0 auto -webkit-focus-ring-color;outline-offset:0}h1,h2,h3,h4{margin:0}img{-ms-interpolation-mode:bicubic;border-style:none;height:auto;vertical-align:top;width:auto}iframe,img{max-width:100%}iframe{border:none}iframe,video{vertical-align:top}ol,ul{list-style:none;margin:0;padding:0}strong{font-family:Manrope-Bold,sans-serif;font-weight:700}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{overflow:visible}button,select{text-transform:none}.button{background:transparent;border:0;cursor:pointer;padding:0}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}hr{border:0;border-top:1px solid #878787;margin:0;width:100%}.main{min-width:350px;padding-top:72px}@media (min-width:1230px){.main{padding-top:120px}}.col-left{flex:1}@media (min-width:1230px){.col-left{max-width:calc(75% + 30px)}}.col-left.row{margin-left:0;margin-right:0}@media (min-width:1230px){.col-left.row{margin-left:-15px;margin-right:-15px}}.col-offset-m{padding-left:0;padding-right:0}@media (min-width:1230px){.col-offset-m{padding-left:15px;padding-right:15px}}.icon{background-position:50%;background-repeat:no-repeat;display:inline-block}.batik .title span{-o-border-image:var(--grad-rosegold);border-image:var(--grad-rosegold);border-image-slice:1}.batik .title.footerLabel{font-size:16px;margin-bottom:10px}.batik .catalogImg{border:1px solid #efd8c8}.batik .uploadBtn{background:transparent}.batik .headerLogin{background-image:var(--grad-rosegold);text-align:center}.batik .headerReg,.batik .sellerCtaWrap{background-image:var(--grad-rosegold);border-radius:7px;color:#525252;font-family:Manrope-Bold,sans-serif;font-weight:700;position:relative;transition:all .2s ease}.batik .headerReg:hover,.batik .sellerCtaWrap:hover{color:#efd8c8}.batik .headerReg:before,.batik .sellerCtaWrap:before{background:var(--grad-rosegold)}.batik .headerReg .iconSeller,.batik .sellerCtaWrap .iconSeller{height:20px;margin-right:4px;vertical-align:bottom;width:20px}.batik .buttonRectBlue,.batik .popoverCta,.batik .popoverReset{background-image:var(--grad-rosegold);border:none;color:#1a1a1a}.batik .popoverReset{background:#fff;border:2px solid #bdbdbd;color:#676767}.batik .buttonRectGrad{color:#525252}.batik .buttonRectGrad:before{background:var(--grad-rosegold)}.batik .buttonRectGrad:hover{color:#1a1a1a}.batik .titleLink{color:#de9f47}.batik .sellerCtaWrap:before{background:transparent}.batik .sellerCtaWrap:hover{color:#525252}.batik .sellerCtaWrap:hover .icon{filter:invert(30%) sepia(0) saturate(450%) hue-rotate(253deg) brightness(102%) contrast(95%)!important}.batik .sellerItem:before{background:transparent;border:1px solid #e0e0e0}@media (min-width:1230px){.batik .sellerWrap.forHome{margin-left:-245px}}.batik .sellerCardChat:hover .iconChat{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath stroke='%231A1A1A' stroke-width='1.667' d='M16.453 5.833H5.62m10.833 3.334h-7.5m7.5-8.334H4.786a3.333 3.333 0 0 0-3.333 3.334v6.666a3.334 3.334 0 0 0 3.333 3.334h10l5 4.166V4.167A3.333 3.333 0 0 0 16.453.833Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M.62 0h20v20h-20z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")!important;background-position:50%!important;background-repeat:no-repeat!important;display:inline-block!important;filter:invert(30%) sepia(0) saturate(450%) hue-rotate(253deg) brightness(102%) contrast(95%)!important}.batik .official{background-image:url(../images/bg-batik-official-m2.png);background-position:0 0;background-repeat:no-repeat;background-size:cover;border-radius:0}@media (min-width:1230px){.batik .official{background:transparent}.batik .officialTitleWrap{background-image:url(../images/bg-batik-official2.png);background-position:100% 0;background-repeat:no-repeat;background-size:cover}.batik .officialTeaser{width:50%}}.batik .official .buttonRect,.batik .official .popoverCta,.batik .official .popoverReset{color:#525252}@media (max-width:768px){.batik .official .buttonRect,.batik .official .popoverCta,.batik .official .popoverReset{background:var(--grad-rosegold);border:2px solid #efd8c8;color:#525252}}.batik .official .buttonRect:hover,.batik .official .popoverCta:hover,.batik .official .popoverReset:hover{background:var(--grad-rosegold);border:2px solid #efd8c8}.batik .price-slider .progress{background:var(--grad-rosegold)}.batik .productOrigin,.batik .sellerOrigin{align-items:center;display:flex;gap:7px}.batik .sellerOrigin{justify-content:center}.batik .tabItem:before{background:var(--grad-rosegold)}.batik .couponBtn,.batik .popoverReset{background:#fff!important;border:2px solid #bdbdbd!important;color:#676767!important}.batik .sortLink.active,.batik .sortLink:hover{-webkit-text-fill-color:#de9f47;background:transparent;color:#de9f47}.batik .sortLink:before{background:var(--grad-rosegold)}.batik .roseReset{width:100%}.batik .breadcrumb,.batik .sortMore{color:#de9f47}.batik .chatBtn{background:var(--grad-rosegold)}.batik .pagingLink.active,.batik .pagingLink:hover{border-bottom:2px solid #de9f47;color:#de9f47}.batik .sellerCardChat .iconChat{filter:invert(31%) sepia(0) saturate(1246%) hue-rotate(208deg) brightness(96%) contrast(88%)}.batik .sellerPerform span{color:#de9f47}.batik .addressRadio:checked~.addressRadioState:before{background:var(--grad-rosegold)}.batik .addressCtaWrap .button,.batik .addressCtaWrap .dashboardDateBtn,.batik .addressCtaWrap .uploadImgClose{color:#de9f47}.batik .addressLabelBtn.active,.batik .tagBlue{border:1px solid #de9f47;color:#de9f47}.batik .custom-select .options li:hover{background:#fbf4ea;color:#de9f47}.batik .formCheckbox{border:2px solid #de9f47}.batik .formCheckbox:before{border-bottom:2px solid #de9f47;border-right:2px solid #de9f47}.batik .chatItemBox{background:var(--grad-rosegold);color:#525252}.batik .footerBottom{background-image:url(../images/bg-batik4.png);background-position:50%;background-repeat:no-repeat;background-size:cover;padding:15px 15px 25px}.batik .footerBottom .footerCopy,.batik .footerBottom .footerLabel{color:#fff;opacity:1}.badge,.batik .popoverReset,.buttonRectBlue,.catalogMenuLink,.helpTxt,.popoverCta,.popoverReset,.sellerItem{text-align:center}.batik .productMore .popoverReset span,.catalogImg,.catalogMenuLink,.headerCart,.headerCart .badge,.headerInbox,.headerNotif,.productMore .batik .popoverReset span,.productMore .buttonRect span,.productMore .popoverCta span,.productMore .popoverReset span,.sellerImg{
  /* NEW, Spec - Firefox, Chrome, Opera */align-items:center;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  /* TWEENER - IE 10 */
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */display:flex;justify-content:center}.flashTitleWrap,.menuMob.mobile .headerUserWrap{align-items:flex-start}.flashCounter,.footerCopy,.header--right,.headerAccess,.headerSeller,.headerUser,.headerUserWrap,.headerWrap,.nav,.navList,.productAttr,.productRating,.socmedWrap,.streamWrap{align-items:center}.headerUser,.headlineBottom .slick-dots,.menuMob.mobile .headerUserWrap,.nav,.officialTitleWrap,.socmedWrap{justify-content:center}.footerWrap,.header--right,.headerWrap,.navList{justify-content:space-between}.catalogMenuLink,.flashTitleWrap,.footerCopy,.footerWrap,.headerDashboard,.menuMob.mobile .headerUserWrap,.official,.officialTitleWrap,.streamWrap{flex-direction:column}.flashCounter,.flashTitleWrap,.footerCopy,.footerWrap,.header--right,.headerAccess,.headerDashboard,.headerSeller,.headerUser.mobile-only,.headerUserWrap,.headerWrap,.headlineBottom .slick-dots,.help,.menuMob,.nav,.navList,.official,.officialTitleWrap,.popoverCtaWrap,.productAttr,.productRating,.socmedWrap,.streamWrap{
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  /* TWEENER - IE 10 */
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */display:flex
  /* NEW, Spec - Firefox, Chrome, Opera */}.custom-select .hidden,.headerDashboard,.helpTxt,.popover{height:0;opacity:0;pointer-events:none;visibility:hidden}.headerUser.active~.headerDashboard,.helpWrap:hover .helpTxt,.popover.visible{animation:fadeInFromNone .5s ease;height:auto;opacity:1;pointer-events:all;visibility:visible}.headerItem .icon,.headerReg:hover .icon,.sellerCtaWrap:hover .icon{filter:invert(27%) sepia(87%) saturate(1470%) hue-rotate(200deg) brightness(94%) contrast(84%)}.headerReg .iconSeller,.sellerCtaWrap .iconSeller{filter:invert(100%) sepia(100%) saturate(1%) hue-rotate(96deg) brightness(106%) contrast(101%)}.custom-select .styledSelect:after,.menuMob.mobile .headerSeller:after,.menuMob.mobile .headerUsername:after,.menuMob.mobile .searchbox .iconSearch{filter:invert(40%) sepia(0) saturate(162%) hue-rotate(187deg) brightness(98%) contrast(92%)}.buttonLogout .iconLogout{filter:invert(30%) sepia(58%) saturate(4175%) hue-rotate(335deg) brightness(106%) contrast(86%)}.batik .headerReg:hover .icon,.batik .sellerCtaWrap:hover .icon{filter:invert(96%) sepia(61%) saturate(477%) hue-rotate(300deg) brightness(99%) contrast(89%)}.batik .headerReg .iconSeller,.batik .sellerCtaWrap .iconSeller{filter:invert(30%) sepia(0) saturate(450%) hue-rotate(253deg) brightness(102%) contrast(95%)}.headerSellerName,.notifPopTitle,.productOrigin,.productTitle,.sellerOrigin,.sellerTitle{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.notifPopIcon img,.productImg img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%;z-index:1}

/**
* * header
*/.headerCart .iconCart{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none'%3E%3Cpath fill='%23000' d='M20 8h-3V7a4 4 0 1 0-8 0v1H6a1 1 0 0 0-1 1L3 20a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3L21 9a1 1 0 0 0-1-1Zm-9-1a2 2 0 1 1 4 0v1h-4V7Zm10 13a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1l2-10h2v1a1 1 0 1 0 2 0v-1h4v1a1 1 0 0 0 2 0v-1h2l2 10Z'/%3E%3C/svg%3E")}.custom-select .styledSelect:after,.menuMob.mobile .headerSeller:after,.menuMob.mobile .headerUsername:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' fill='none'%3E%3Cpath fill='%231A1A1A' d='M4.096 8.227 5.73 6.5l4.365 4.679L14.46 6.5l1.635 1.727-6 6.273-6-6.273Z'/%3E%3C/svg%3E")}.headerInbox .iconInbox{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='24' fill='none'%3E%3Cpath fill='%23000' d='M3 3.692c-1.656 0-3 1.241-3 2.77v11.076c0 1.53 1.344 2.77 3 2.77h20c1.656 0 3-1.24 3-2.77V6.462c0-1.529-1.344-2.77-3-2.77H3ZM3 5.54h20c.551 0 1 .414 1 .923v.461l-11 5.481-11-5.48v-.462c0-.509.449-.923 1-.923ZM2 7.183l6.531 4.702-6.406 6.058 7.813-5.135L13 14.625l3.063-1.817 7.812 5.135-6.406-6.058L24 7.183v10.355a.826.826 0 0 1-.125.405.996.996 0 0 1-.875.519H3a.994.994 0 0 1-.875-.52.83.83 0 0 1-.125-.404V7.183Z'/%3E%3C/svg%3E")}.buttonLogout .iconLogout{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' fill='none'%3E%3Cpath fill='%231A1A1A' d='m14.167 6.749-1.175 1.175 1.316 1.325H7.5v1.666h6.808l-1.316 1.317 1.175 1.183 3.333-3.333-3.333-3.333Zm-10-2.5H10V2.582H4.167c-.917 0-1.667.75-1.667 1.667v11.666c0 .917.75 1.667 1.667 1.667H10v-1.667H4.167V4.25Z'/%3E%3C/svg%3E")}.headerNotif .iconNotif{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 19v-9a6 6 0 1 1 12 0v9M6 19h12M6 19H4m14 0h2m-9 3h2'/%3E%3Cpath stroke='%23000' stroke-width='2' d='M12 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z'/%3E%3C/svg%3E")}.searchbox .iconSearch{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='m13.224 13.677-2.858-2.86m0 0A4.94 4.94 0 0 0 6.87 2.383a4.941 4.941 0 1 0 3.495 8.436Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M.048.5h16v16h-16z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")}.batik .headerReg .iconSeller,.batik .sellerCtaWrap .iconSeller,.headerReg .iconSeller,.sellerCtaWrap .iconSeller{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%231A1A1A' d='M15.957 2.476a1.673 1.673 0 0 0-1.429-.81H5.472c-.582 0-1.13.31-1.429.81L1.786 6.238a.83.83 0 0 0-.12.429c.004.804.3 1.58.834 2.181v6.985c0 .92.747 1.667 1.667 1.667h11.666c.92 0 1.667-.747 1.667-1.667V8.848c.534-.601.83-1.377.833-2.181 0-.151-.04-.3-.119-.43l-2.257-3.761Zm.696 4.4A1.669 1.669 0 0 1 15 8.333c-.92 0-1.667-.747-1.667-1.666 0-.057-.02-.107-.032-.16l.017-.004-.635-3.17h1.845l2.125 3.543ZM9.016 3.333h1.967l.678 3.388A1.666 1.666 0 0 1 10 8.333c-.9 0-1.632-.719-1.66-1.612l.676-3.388Zm-3.544 0h1.845l-.634 3.17.017.004c-.013.053-.033.103-.033.16a1.668 1.668 0 0 1-2.768 1.25 1.67 1.67 0 0 1-.552-1.041l2.125-3.543Zm2.861 12.5v-2.5h3.334v2.5H8.333Zm5 0v-2.5c0-.919-.747-1.666-1.666-1.666H8.333c-.919 0-1.666.747-1.666 1.666v2.5h-2.5V9.882C4.434 9.95 4.71 10 5 10a3.326 3.326 0 0 0 2.5-1.13 3.325 3.325 0 0 0 5 0A3.324 3.324 0 0 0 15 10c.29 0 .566-.05.833-.118v5.951h-2.5Z'/%3E%3C/svg%3E")}.productAttr .iconStar{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' fill='none'%3E%3Cpath fill='url(%23a)' d='m10.248 15.03 5.15 3.108-1.367-5.858 4.55-3.942-5.991-.508-2.342-5.525L7.906 7.83l-5.991.508 4.55 3.942-1.367 5.858 5.15-3.108Z'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='1.915' x2='18.581' y1='18.138' y2='18.138' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FCDA2A'/%3E%3Cstop offset='1' stop-color='%23EC5F22'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E")}.iconClose{border:2px solid transparent;border-radius:40px;display:block;height:22px;position:relative;width:22px}.iconClose:after,.iconClose:before{background:#1a1a1a;border-radius:5px;content:"";display:block;height:2px;left:1px;position:absolute;top:8px;transform:rotate(45deg);width:16px}.iconClose:after{transform:rotate(-45deg)}.batik .popoverReset,.buttonRect,.popoverCta,.popoverReset{border-radius:10px;padding:13px 20px}.buttonRectGrad{background:#fff;color:#175cc3;font-family:Manrope-sBold,sans-serif;font-weight:600;position:relative;transition:all .2s ease}.buttonRectGrad:hover{background:transparent;color:#fff}.buttonRectGrad:hover span{background:transparent!important}.buttonRectGrad:before{background:var(--grad-blugreen);border-radius:12px;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}.buttonRectSpan{padding:0}.buttonRectSpan:hover span{background:transparent}.buttonRectSpan:before{z-index:0}.buttonRectSpan span{background:#fff;border-radius:10px;display:block;padding:12px 20px;position:relative;transition:background .2s ease}.batik .popoverReset,.buttonRectBlue,.popoverCta,.popoverReset{border:1px solid transparent;color:#fff;font-family:Manrope-sBold,sans-serif;font-weight:600}.buttonLang{height:24px;position:absolute;right:20px;top:15px;width:24px}@media (min-width:1230px){.buttonLang{margin-left:7.5px;position:relative;right:unset;top:unset}}.buttonLang[value=id]{background:url(../images/icon-lang/id.png)}.buttonLang[value=eng]{background:url(../images/icon-lang/eng.png)}.buttonLogout{color:#ed3d57;font-family:Manrope-Bold,sans-serif;font-weight:700;padding:5px}.buttonLogout .iconLogout{height:20px;margin-right:6px;vertical-align:middle;width:20px}.headerLogin{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:var(--grad-blugreen);text-align:center}.headerLogin:hover{-webkit-text-fill-color:#fff;-webkit-background-clip:border-box}.headerReg,.sellerCtaWrap{background-image:var(--grad-blugreen);border-radius:7px;color:#fff;font-family:Manrope-Bold,sans-serif;font-weight:700;position:relative;transition:all .2s ease}.headerReg:hover,.sellerCtaWrap:hover{background:#fff;color:#175cc3}.headerReg:before,.sellerCtaWrap:before{background:var(--grad-blugreen);border-radius:7px;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}.headerReg .iconSeller,.sellerCtaWrap .iconSeller{height:20px;margin-right:4px;vertical-align:bottom;width:20px}.batik .popoverReset,.buttonRectBlue,.popoverCta,.popoverReset{background:#175cc3}.popoverReset{background:#fff;border:2px solid #bdbdbd;color:#676767}.header{background:#fff;border-bottom:1px solid #cecece;min-width:350px;position:fixed;width:100%;z-index:999}@media (min-width:1230px){.header{min-width:1200px}}.header.batik{background-image:url(../images/bg-batik4.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.header.batik .headerItem .icon{filter:invert(96%) sepia(61%) saturate(477%) hue-rotate(300deg) brightness(99%) contrast(89%)}.header.batik .headerItem .iconSearch{filter:invert(41%) sepia(0) saturate(0) hue-rotate(70deg) brightness(96%) contrast(90%)}.header.batik .headerLogin{-webkit-text-fill-color:inherit;-webkit-background-clip:unset;background-image:none;color:#efd8c8;padding:5px 15px;text-align:center;text-transform:none;transition:color .3s}.header.batik .headerLoginWrap{background:transparent;border:1px solid #efd8c8;transition:background .3s,border .3s}.header.batik .headerLoginWrap:hover{background:#efd8c8;border:1px solid transparent}.header.batik .headerLoginWrap:hover .headerLogin{color:#1a1a1a}.header.batik .headerLoginWrap:before{content:none}.header.batik .headerReg{background:#efd8c8;color:#1a1a1a}.header.batik .headerReg:before{background:transparent}.header.batik .headerReg:hover{background:#fff;color:#1a1a1a}.header.batik .headerReg .icon{filter:invert(0) sepia(3%) saturate(3920%) hue-rotate(44deg) brightness(92%) contrast(80%)}.header.batik .headerSellerName{color:#fff}.header.batik .headerUser{background:#de9f47;color:#1a1a1a}.header.batik .headerCart{color:#efd8c8}.header.batik .headerCart:hover{background:#efd8c8;color:#1a1a1a}.header.batik .headerCart:hover .iconCart{filter:invert(0) sepia(34%) saturate(815%) hue-rotate(318deg) brightness(138%) contrast(80%)}.header.batik .headerInbox:hover,.header.batik .headerNotif:hover{background:#483a11}.header.batik .menuMob.mobile .headerLoginWrap{background:#efd8c8}.header.batik .menuMob.mobile .headerLogin{color:#1a1a1a}.headerWrap{margin:auto;max-width:1500px;padding:15px;width:100%}@media (min-width:1230px){.headerWrap{padding:24px 40px 0}}@media (min-width:1440px){.headerWrap{padding:24px 60px 0}}.header--dash{border-left:1px solid #d0d0d0;display:block;height:24px;margin-left:7.5px;margin-right:7.5px}.header--center{flex:1;max-width:600px}@media (min-width:1230px){.header--center{margin-left:40px;margin-right:40px}}.headerLogo{max-width:150px}@media (min-width:1230px){.headerLogo{max-width:unset}}.headerLogoWrap{line-height:0}.headerLogin,.headerLogoLink{display:block}.headerLogin{border-radius:12px;font-family:Manrope-Bold,sans-serif;font-size:13px;font-weight:700;min-height:28px;padding:5px 7px;text-transform:uppercase}.headerLoginWrap{background:#fff;border-radius:50px;margin-right:12.5px;order:1;position:relative}.headerLoginWrap:before{background:var(--grad-blugreen);border-radius:50px;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}.headerLoginWrap~.header--dash{margin-left:12.5px;margin-right:20px}.headerReg{margin-left:7.5px;margin-right:7.5px;padding:6px 8px}.headerCart,.headerInbox,.headerNotif{margin-left:8px;margin-right:8px;position:relative}@media (min-width:1230px){.headerCart,.headerInbox,.headerNotif{border-radius:7px;margin-left:4px;margin-right:4px;min-height:41px;min-width:41px}}@media (hover:hover){.headerCart:hover,.headerInbox:hover,.headerNotif:hover{background:#f0f4fd}}.headerCart .iconCart{height:34px;width:34px}.headerCart .badge{border:1px solid #fff;color:#fff;font-family:Manrope-Bold,sans-serif;font-size:10px;font-weight:700;letter-spacing:.2px;min-height:20px;min-width:20px;right:0;top:0}.headerInbox .iconInbox{height:24px;width:26px}.headerNotif .iconNotif{height:24px;width:24px}.headerNotif .badge{min-height:6px;min-width:6px;right:0;top:0}@media (min-width:1230px){.headerNotif .badge{right:8px;top:8px}}.headerUser{background:#2866c3;border-radius:50%;color:#fff;font-family:Manrope-Bold,sans-serif;font-size:18px;font-weight:700;height:34px;letter-spacing:-.54px;margin-left:7.5px;margin-right:7.5px;text-transform:uppercase;width:34px}.headerUserWrap{order:1}.headerUsername{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;order:-1;overflow:hidden;padding-bottom:3px;padding-top:3px;text-overflow:ellipsis}@media (min-width:1230px){.headerUsername{display:none}}.headerUsername:after{top:3px}@media (min-width:1230px){.headerUser.mobile-only{display:none}}.headerSeller{margin-left:7.5px;margin-right:7.5px;padding-bottom:3px;padding-top:3px;position:relative}.headerSellerName{-webkit-line-clamp:1;max-width:110px}.headerSeller img{height:34px;margin-right:8px;-o-object-fit:contain;object-fit:contain;width:34px}@media (hover:hover){.headerSeller:hover .headerPopover{animation:fadeInFromNone .5s ease;height:auto;opacity:1;pointer-events:all;visibility:visible}}@media (hover:none){.headerPopover{display:none}}@media (hover:hover){.headerPopover{right:0;top:40px;width:347px}}.headerDashboard{margin-top:2px;position:absolute;right:calc(50% - 79px);width:190px;z-index:2}.headerDashboardLink{background:#fff;border-left:1px solid #bdbdbd;border-right:1px solid #bdbdbd;border-top:1px solid #bdbdbd;color:#1a1a1a;display:block;padding:13px 20px;text-align:left}.headerDashboardLink:last-child{border-bottom:1px solid #bdbdbd}.headerDashboardLink:hover{color:#175cc3}.headerDashboardWrap{position:relative}.headerDashboard .buttonLogout{color:#ed3d57}.headerTitle{color:#333;left:56px;position:absolute;top:2px}.header .badge{background:#ff6868;position:absolute}.searchbox{background:#f6f6f6;border-radius:5px;padding:10px;position:relative}.searchboxInput{align-items:center;display:flex;justify-content:space-between;margin-left:26px;width:calc(100% - 26px)}.searchboxInput input,.searchboxInput select{background:transparent;border:0;padding:0}.searchboxInput input::-webkit-input-placeholder,.searchboxInput select::-webkit-input-placeholder{
  /* Chrome/Opera/Safari */color:#676767;font-size:14px;font-weight:false;letter-spacing:false;line-height:false}.searchboxInput input::-moz-placeholder,.searchboxInput select::-moz-placeholder{
  /* Firefox 19+ */color:#676767;font-size:14px;font-weight:false;letter-spacing:false;line-height:false}.searchboxInput input:-ms-input-placeholder,.searchboxInput select:-ms-input-placeholder{
  /* IE 10+ */color:#676767;font-size:14px;font-weight:false;letter-spacing:false;line-height:false}.searchboxInput input:-moz-placeholder,.searchboxInput select:-moz-placeholder{
  /* Firefox 18- */color:#676767;font-size:14px;font-weight:false;letter-spacing:false;line-height:false}@media (min-width:1230px){.searchboxInput input::-webkit-input-placeholder,.searchboxInput select::-webkit-input-placeholder{
    /* Chrome/Opera/Safari */color:#acacac;font-size:false;font-weight:false;letter-spacing:false;line-height:false}.searchboxInput input::-moz-placeholder,.searchboxInput select::-moz-placeholder{
    /* Firefox 19+ */color:#acacac;font-size:false;font-weight:false;letter-spacing:false;line-height:false}.searchboxInput input:-ms-input-placeholder,.searchboxInput select:-ms-input-placeholder{
    /* IE 10+ */color:#acacac;font-size:false;font-weight:false;letter-spacing:false;line-height:false}.searchboxInput input:-moz-placeholder,.searchboxInput select:-moz-placeholder{
    /* Firefox 18- */color:#acacac;font-size:false;font-weight:false;letter-spacing:false;line-height:false}}.searchboxInput input:focus,.searchboxInput select:focus{outline:0}.searchboxInput input::-webkit-search-cancel-button{cursor:pointer}.searchboxInput .custom-select,.searchboxInput select{color:#7b7b7b;cursor:pointer;font-size:14px}.searchboxInput .custom-select{font-family:Manrope,sans-serif;font-weight:400}.searchboxInput .custom-select .select{background:transparent;border:none;min-height:0}.searchboxInput .custom-select .select .styledSelect{padding:0 40px 0 0}.searchboxInput .custom-select .select .styledSelect:after{right:10px;top:0}.searchboxInput .custom-select .select .hidden{display:none}.searchbox .iconSearch{height:16px;position:absolute;top:14px;width:16px}.nav,.navList{width:100%}.navList{padding-bottom:5px}.navItem{margin-left:10px;margin-right:10px;position:relative}.navItem.active .navLink{color:#175cc3}.navItem.active:after{width:100%}.navItem:after{background:var(--grad-blugreen);bottom:-5px;content:"";height:5px;left:0;position:absolute;transition:width .2s ease;width:0}.navItem:hover{color:#175cc3}.navItem:hover:after{width:100%}.navLink{background:#fff;display:block;font-family:Manrope-mBold,sans-serif;font-weight:500;padding:10px 10px 5px;position:relative;z-index:1}@media (min-width:1230px){.batik .navItem.active .navLink{color:#efd8c8}.batik .navItem:after{background:#efd8c8}.batik .navItem:hover{color:#efd8c8}.batik .navLink{background:transparent;color:#fff}}.badge{border-radius:50%}.popover{background:#fff;border-radius:7px;box-shadow:0 4px 10px 0 rgba(0,0,0,.25);padding:12px 14px;position:absolute;width:100%;z-index:999}@media (min-width:1230px){.popover{max-height:400px;width:347px}}.popoverClose{position:absolute;right:14px;top:12px}.popoverContent{margin-top:8px;overflow:auto;overscroll-behavior:none;scrollbar-color:#d9d9d9 #f0f0f0;
  /* Firefox */
  /* Chrome, Edge, and Safari */scrollbar-width:thin}.popoverContent::-webkit-scrollbar{height:false;width:10px}.popoverContent::-webkit-scrollbar-track{background:#f0f0f0}.popoverContent::-webkit-scrollbar-thumb{background-color:#d9d9d9;border:transparent;border-radius:15px}.popoverCta,.popoverReset{margin-top:18px;width:100%}.popoverCtaWrap{margin-left:-5px;margin-right:-5px}.popoverCtaWrap .button{margin-left:5px;margin-right:5px}.menu{height:34px;left:0;opacity:1;overflow:hidden;position:relative;top:0;width:34px;z-index:4}.menu.hide{opacity:0}.menu.active{left:15px;position:absolute;top:10px}.menuToggle{cursor:pointer;height:32px;left:0;opacity:0;position:absolute;top:0;width:32px;z-index:2}.menuToggle:checked~.ham{transform:rotate(225deg)}.menuToggle:checked~.ham .top{stroke-dasharray:17 82;stroke-dashoffset:-62px}.menuToggle:checked~.ham .middle{stroke-dashoffset:23px;stroke-dasharray:40 111}.menuToggle:checked~.ham .bottom{stroke-dashoffset:-83px}.menuToggle:checked~.ham .hamLine{stroke:#333}.menuMob{align-items:flex-start;flex-direction:column;justify-content:flex-start}@media (min-width:1230px){.menuMob{align-items:center;flex-direction:row;justify-content:center}}.menuMob.mobile{background:#fff;height:100%;left:0;margin-top:0;opacity:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;padding:50px 0 22px;position:fixed;top:0;transform:translateZ(0);transition:all .2s ease;visibility:hidden;width:100%;z-index:3}.menuMob.mobile:before{border-top:8px solid #f2f2f2;content:"";width:100%}.menuMob.mobile.active{opacity:1;visibility:visible}.menuMob.mobile .nav{width:100%}.menuMob.mobile .navList{flex-direction:column;margin-left:0;margin-right:0;padding-bottom:20px}.menuMob.mobile .navItem{margin-left:5px;margin-right:5px;margin-top:8px;padding:4px 0;width:calc(100% - 10px)}.menuMob.mobile .navItem.active .navLink,.menuMob.mobile .navItem.active .navOpen,.menuMob.mobile .navItem:hover .navLink,.menuMob.mobile .navItem:hover .navOpen{color:#175cc3}.menuMob.mobile .navItem:after{opacity:0}.menuMob.mobile .headerAccessWrap,.menuMob.mobile .headerUserWrap{width:100%}.menuMob.mobile .headerSeller,.menuMob.mobile .headerUsername{padding-right:20px;position:relative;width:100%}.menuMob.mobile .headerSeller:after,.menuMob.mobile .headerUsername:after{content:"";height:20px;position:absolute;right:0;transform:rotate(270deg);width:20px}.menuMob.mobile .headerAccess{border-bottom:8px solid #f2f2f2;padding:20px 0}.menuMob.mobile .headerSeller{margin-left:0;margin-right:0}.menuMob.mobile .headerSellerName{font-family:Manrope-Bold,sans-serif;font-weight:700;max-width:unset}.menuMob.mobile .headerSellerName:after{top:6px}.menuMob.mobile .headerSeller img{height:24px;margin-right:6px;width:24px}.menuMob.mobile .headerReg{margin-left:2px;margin-right:2px;margin-top:8px}.menuMob.mobile .headerUserWrap{min-height:70px;padding-left:97px;padding-right:15px}.menuMob.mobile .headerUser{flex-shrink:0;height:70px;left:7.5px;position:absolute;width:70px}.menuMob.mobile .headerLogin{-webkit-text-fill-color:unset;border-radius:50px;color:#fff;padding:12px;position:relative}.menuMob.mobile .headerLoginWrap{margin-left:15px;margin-right:15px;width:100%}.menuMob.mobile .headerLoginWrap:before{z-index:0}.menuMob.mobile .searchbox{background:#fff;border:1px solid #676767;border-radius:10px;margin-left:15px;margin-right:15px;margin-top:20px;width:calc(100% - 30px)}.ham{-webkit-tap-highlight-color:transparent;cursor:pointer;height:44px;position:absolute;right:-5px;top:-5px;transition:transform .4s;-moz-user-select:none;-webkit-user-select:none;user-select:none;width:44px;z-index:1}.hamLine{fill:none;stroke:#efd8c8;stroke-width:5.5;stroke-linecap:round;transition:stroke-dasharray .4s,stroke-dashoffset .4s}.hamRotate{transform:rotate(180deg)}.ham .bottom,.ham .middle,.ham .top{stroke-dasharray:40 161}

/**
* * content
*/.headline{margin-top:25px;max-width:100%;overflow:hidden;position:relative}.headlineWrap{background-color:#f8f8f8;height:152px;min-width:350px;opacity:.2;overflow:hidden;transition:opacity .2s ease;width:100vw}@media (min-width:1230px){.headlineWrap{height:351px}}.headlineWrap.slick-initialized{background-color:transparent;height:unset;opacity:1}.headlineLink{display:block;padding-left:5px;padding-right:5px;width:100%}@media (min-width:768px){.headlineLink{padding-left:12px;padding-right:12px}}.headlineImg{width:100%}.headlineBottom{margin-top:15px}.headlineBottom .slick-dots button{background:#d9d9d9;border:0;border-radius:50px;cursor:pointer;font-size:0;height:8px;margin-left:4px;margin-right:4px;padding:0;transition-duration:.7s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:8px}.headlineBottom .slick-dots .slick-active button{background:#1fee5c;width:50px}.title{font-family:Manrope-Bold,sans-serif;font-size:18px;font-weight:700;line-height:1.45;padding-bottom:10px;padding-top:10px}@media (min-width:768px){.title{font-size:24px}}.titleWrap{position:relative}.titleLink{color:#175cc3;font-family:Manrope-sBold,sans-serif;font-size:12px;font-weight:600;position:absolute;right:0;top:18px}@media (min-width:768px){.titleLink{font-size:16px;top:15px}}.popoverTitle,.productPrice,.titleMedium{font-family:Manrope-xBold,sans-serif;font-weight:800}@media (min-width:1230px){.popoverTitle,.productPrice,.titleMedium{text-transform:uppercase}}.headerSellerName,.titleBold{font-family:Manrope-xBold,sans-serif;font-size:16px;font-weight:800}.footerLink,.headerDashboardLink,.titleMore{color:#676767;font-family:Manrope-Bold,sans-serif;font-weight:700}.title span{border-bottom:5px solid transparent;-o-border-image:var(--grad-blugreen);border-image:var(--grad-blugreen);border-image-slice:1;padding-bottom:6px}.buttonLogout,.catalogTitle,.flashTitleWrap .titleLink,.footerCopy,.footerLink,.headerDashboardLink,.headerReg,.headerUsername,.helpTxt,.menuMob.mobile .headerSellerName,.notifPop,.officialTeaser,.popoverContent,.sellerCtaWrap,.titleMore{font-size:13px;letter-spacing:.26px;line-height:1.45}.catalogMenu{flex-wrap:nowrap;justify-content:flex-start;margin-left:-8px;margin-right:-8px;overflow-x:auto;padding-bottom:20px}@media (min-width:768px){.catalogMenu{flex-wrap:wrap;justify-content:center;margin-left:-15px;margin-right:-15px;padding-bottom:0}}.catalogMenuLink{margin:auto;width:111px}.catalogMenuLink:hover .catalogTitle{color:#175cc3}.catalogItem{margin-top:20px;max-width:127px;padding-left:8px;padding-right:8px}@media (min-width:1230px){.catalogItem{margin-left:-25px;margin-right:-25px;max-width:inherit;padding-left:15px;padding-right:15px}}.catalogImg{aspect-ratio:1/1;border:1px solid #e0e0e0;border-radius:20px;height:100%;width:100%}.catalogTitle{color:#333;font-weight:400;margin-top:5px}.productWrap{margin-left:-5px;margin-right:-5px}.productItem{height:auto;margin-top:20px;overflow:hidden;padding-left:5px;padding-right:5px}@media (min-width:1230px){.productItem{min-height:300px}}.productLink{background:#fff;border:1px solid #e0e0e0;border-radius:7px;display:block;height:100%;overflow:hidden}.productLink:hover .productTitle{color:#175cc3}.productImg{aspect-ratio:1/1;position:relative;width:100%}.productAttr,.productDisc,.productOrigin,.productRemain,.productTitle,.sellerOrigin{margin-top:8px}.productDisc,.productDiscount,.productOrigin,.productPrice,.productTitle,.sellerOrigin{padding:0 10px}.productTitle{-webkit-line-clamp:1;font-size:14px;font-weight:400;margin-bottom:4px}.productPrice{line-height:1.1;margin-top:4px;text-transform:none!important}.productAttr,.productOrigin,.productRemain,.sellerOrigin{color:#525252;font-size:12px;letter-spacing:.48px}.productAttr{display:none;letter-spacing:.48px}.productAttr .iconStar{background-size:contain;flex-shrink:0;height:14px;margin-right:4px;width:14px}@media (min-width:768px){.productAttr .iconStar{height:20px;margin-right:7px;width:20px}}.productOrigin,.sellerOrigin{-webkit-line-clamp:1;padding-bottom:15px}.productDiscount{align-items:center;display:flex;gap:10px;margin-top:4px}.productDiscountPrice{color:var(--grey-90,#525252);font-size:12px;font-weight:500;letter-spacing:.6px;text-decoration:line-through}.productDiscountPercentage{-webkit-text-fill-color:transparent;background:var(--gradien-orange,linear-gradient(90deg,#c22121 0,#f05512 100%));background-clip:text;-webkit-background-clip:text;font-size:12px;font-weight:700;letter-spacing:.24px}.productRemain{color:#d20b0b}.batik .productMore .popoverReset,.productMore .batik .popoverReset,.productMore .buttonRect,.productMore .popoverCta,.productMore .popoverReset{border:1px solid transparent;font-size:15px;padding:2px}.batik .productMore .popoverReset:before,.productMore .batik .popoverReset:before,.productMore .buttonRect:before,.productMore .popoverCta:before,.productMore .popoverReset:before{border-radius:7px;bottom:0;left:0;right:0;top:0}.batik .productMore .popoverReset span,.productMore .batik .popoverReset span,.productMore .buttonRect span,.productMore .popoverCta span,.productMore .popoverReset span{height:100%;padding:12px}.product--dash{margin-left:4px;margin-right:4px}@media (min-width:768px){.product--dash{margin-left:7px;margin-right:7px}}.priceDisc{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:linear-gradient(90deg,#c22121,#f05512);font-family:Manrope-Bold,sans-serif;font-size:12px;font-weight:700}.priceDisc,.priceNet{display:inline-block;letter-spacing:.24px}.priceNet{color:#525252;font-family:Manrope-mBold,sans-serif;font-size:9px;font-weight:500;margin-left:8px;text-decoration-line:line-through;vertical-align:middle}.flash{background:#f0f4fd;padding-bottom:30px;padding-top:30px}.flashTitle{color:#eb5757;font-family:Manrope-Bold,sans-serif;font-size:18px;font-weight:700;line-height:1.45}@media (min-width:768px){.flashTitle{font-size:24px}.flashTitleWrap{align-items:center;flex-direction:row}}.flashTitleWrap .titleLink{font-family:Manrope,sans-serif;font-weight:400;top:8px}@media (min-width:768px){.flashTitleWrap .titleLink{top:15px}}.flashSlide{background-color:#f8f8f8;height:410px;margin-left:-5px;margin-right:-20px;opacity:.2;overflow:hidden;transition:opacity .2s ease;width:calc(100% + 20px)}@media (min-width:768px){.flashSlide{margin-right:-5px;width:calc(100% + 5px)}}.flashSlide.slick-initialized{background-color:transparent;height:unset;opacity:1;overflow:unset}.flashSlide .slick-list{padding-left:0;padding-right:46%}@media (min-width:768px) and (max-width:1230px){.flashSlide .slick-list{padding-right:78px}}@media (min-width:1230px){.flashSlide .slick-list{padding-right:150px}}.flashSlide .slick-track{display:flex}.flashSlide .slick-slide{flex:1;height:inherit}.flashSlide .slick-arrow{top:calc(50% - 7px)}@media (hover:none){.flashSlide .slick-arrow{opacity:0;pointer-events:none}}@media (min-width:1230px){.flashSlide .slick-arrow{opacity:1;pointer-events:all}}@media (hover:none){.flashSlide .slick-arrow.slick-disabled{opacity:0}}@media (min-width:1230px){.flashSlide .slick-arrow.slick-disabled{opacity:.3}.flashSlide .slick-next{right:-17px}.flashSlide .slick-prev{left:-11px}}.flashCounter{align-self:center;font-size:14px;margin-top:10px}@media (min-width:768px){.flashCounter{margin-left:15px;margin-top:0}}.flashCounter .countdown{margin-left:15px}.flash .productTitle{-webkit-line-clamp:1}.bannerWrap{margin-left:-10px;margin-right:-10px}.bannerItem{padding-left:10px;padding-right:10px}.official{background:var(--grad-blugreen);margin-left:-15px;margin-right:-15px;padding-top:20px}@media (min-width:768px) and (max-width:1230px){.official{border-radius:20px;margin-left:0;margin-right:0}}@media (min-width:1230px){.official{background:transparent;border-radius:0;flex-direction:row;margin-left:0;margin-right:0;padding-top:0}}.officialTitle{color:#fff;font-family:Manrope-Bold,sans-serif;font-size:18px;font-weight:700;line-height:1.45;text-transform:uppercase}@media (min-width:768px){.officialTitle{font-size:24px}}.officialTitleWrap{border-radius:0}@media (min-width:1230px){.officialTitleWrap{background:var(--grad-blugreen);border-radius:20px;min-height:325px;padding-left:34px;padding-right:34px}}.officialTeaser{color:#fff;font-family:Manrope-Bold,sans-serif;font-weight:700;margin-top:15px}.batik .official .popoverReset,.official .batik .popoverReset,.official .buttonRect,.official .popoverCta,.official .popoverReset{align-self:flex-start;border:2px solid transparent;margin-top:15px;padding:11px 20px}.batik .official .popoverReset:hover,.official .batik .popoverReset:hover,.official .buttonRect:hover,.official .popoverCta:hover,.official .popoverReset:hover{border:2px solid #fff}.sellerWrap{flex:1;flex-wrap:nowrap;margin-left:0;margin-right:0;overflow-x:auto;padding-left:10px;padding-right:10px}@media (min-width:768px) and (max-width:1230px) and (hover:hover){.sellerWrap{margin-bottom:10px;scrollbar-color:#f8f8f8 transparent;
    /* Firefox */
    /* Chrome, Edge, and Safari */scrollbar-width:thin}.sellerWrap::-webkit-scrollbar{height:4px;width:false}.sellerWrap::-webkit-scrollbar-track{background:transparent}.sellerWrap::-webkit-scrollbar-thumb{background-color:#f8f8f8;border:transparent;border-radius:15px}}@media (hover:none){.sellerWrap{scrollbar-height:none;padding-bottom:10px;scrollbar-width:none}.sellerWrap::-webkit-scrollbar{height:0;width:0}}@media (min-width:1230px){.sellerWrap{flex-wrap:wrap;margin-left:-45px;margin-right:-15px;padding-left:0;padding-right:10px}}.sellerItem{background:#f8f8f8;border-radius:20px;flex-basis:180px;flex-grow:1;margin:20px 5px 10px;max-width:180px;padding:0 13px 20px;position:relative}@media (min-width:1230px){.sellerItem{margin:20px 5px}}.sellerItem:before{background:var(--grad-blugreen);border-radius:20px;bottom:-1px;content:"";left:-1px;position:absolute;right:-1px;top:-1px;z-index:-1}.sellerImg{background:#fff;border-top-left-radius:20px;border-top-right-radius:20px;height:145px;margin-left:-13px;margin-right:-13px;width:calc(100% + 26px)}.sellerImg img{max-height:97px;max-width:97px;-o-object-fit:contain;object-fit:contain}.sellerOrigin{color:#1a1a1a;margin-top:7px}.sellerTitle{-webkit-line-clamp:1;font-family:Manrope-sBold,sans-serif;font-size:16px;font-weight:600;margin-top:15px}.sellerCta{border-radius:7px;display:block;padding:5px 10px;position:relative;z-index:1}.sellerCtaWrap{display:inline-block;margin-top:22px}.sellerCtaWrap:before{pointer-events:none;z-index:0}.sellerCtaWrap:hover{background:transparent}.sellerCtaWrap:hover .sellerCta{background:#fff}.sellerCtaTxt{position:relative;z-index:1}.help{justify-content:flex-end;opacity:1;pointer-events:all}.help.hide{opacity:0;pointer-events:none;transition:opacity .2s ease}.helpWrap{bottom:10px;position:fixed;right:10px;z-index:1}@media (min-width:1230px){.helpWrap{bottom:20px;right:20px}}.helpWrap img{width:60px}@media (min-width:768px){.helpWrap img{width:auto}}.helpTxt{background:#175cc3;border-radius:6px;color:#fff;padding:5px 10px;position:absolute;right:0;top:-90px;width:130px}@media (min-width:768px){.helpTxt{top:-74px;width:227px}}.helpTxt:after{border-color:transparent #175cc3 transparent transparent;border-style:solid;border-width:0 20px 20px 0;bottom:0;content:"";height:0;margin-bottom:-15px;position:absolute;right:0;width:0}.notifPop{border:1px solid #e0e0e0;color:#1a1a1a;margin-left:15px;margin-right:15px;max-height:400px;overflow:auto;overscroll-behavior:none;padding:0;right:0;scrollbar-color:#d9d9d9 #f0f0f0;
  /* Firefox */
  /* Chrome, Edge, and Safari */scrollbar-width:thin;top:60px;width:calc(100% - 30px)}.notifPop::-webkit-scrollbar{height:false;width:4px}.notifPop::-webkit-scrollbar-track{background:#f0f0f0}.notifPop::-webkit-scrollbar-thumb{background-color:#d9d9d9;border:transparent;border-radius:15px}@media (min-width:768px){.notifPop{margin-left:0;margin-right:0;right:15px;width:284px}}@media (min-width:1230px){.notifPop{right:unset;top:74px}}.notifPopItem{background:#e8f4ff;border-bottom:1px solid #e0e0e0;display:block;padding:12px 14px 10px}.notifPopItem:first-child{border-top-left-radius:7px;border-top-right-radius:7px}.notifPopItem:last-child{border-bottom:0;border-bottom-left-radius:7px;border-bottom-right-radius:7px}.notifPopItem:visited{background:#fff}.notifPopTitle{-webkit-line-clamp:1;font-family:Manrope-Bold,sans-serif;font-weight:700}.notifPopDesc{margin-top:4px}.notifPopDate{color:#676767;font-size:10px;margin-top:8px}.notifPopIcon{display:inline-block;height:20px;position:relative;vertical-align:bottom;width:20px}.stream{margin-bottom:25px;padding-bottom:26px;position:relative;width:100%}@media (min-width:768px){.stream{padding-top:18px}}.streamBg{height:100%;position:absolute;top:0;width:100%;z-index:0}.streamWrap{margin:auto;max-width:900px;padding:0;position:relative;z-index:1}@media (min-width:768px) and (max-width:1230px){.streamWrap{align-items:flex-start}}@media (min-width:1230px){.streamWrap{flex-direction:row}}.streamVid{overflow:hidden;width:100%}@media (min-width:768px) and (max-width:1230px){.streamVid{padding-left:15px;padding-right:15px}}@media (min-width:1230px){.streamVid{border-radius:5px;width:auto}}@media (max-width:768px){.streamVid iframe{width:100%}}.streamContent{flex:1;margin-top:15px;padding-left:15px;padding-right:15px}@media (min-width:1230px){.streamContent{margin-left:34px;margin-top:0;padding-left:0;padding-right:0}}.streamTitle{color:#fff;font-family:Manrope-Bold,sans-serif;font-size:18px;font-weight:700;line-height:1.45;margin-top:16px}@media (min-width:768px){.streamTitle{font-size:24px}}.streamLink{border:1px solid #fff;color:#fff;display:inline-block;font-family:Manrope-sBold,sans-serif;font-weight:600;margin-top:24px}.streamLink:hover{background:#fff;color:#175cc3}.streamCaption{background:#fff;border-radius:7px;display:inline-block;font-family:Manrope-sBold,sans-serif;font-size:14px;font-weight:600;letter-spacing:.7px;padding:5px 10px 5px 20px;position:relative}.streamCaption:before{animation:blink 1s infinite;background:#ed3d57;border-radius:5px;content:"";height:5px;left:10px;position:absolute;top:12px;width:5px}.streamCaption span{color:#ed3d57;text-transform:uppercase}@keyframes blink{0%{opacity:.1}50%{opacity:1}to{opacity:.1}}.videoPage .videoList{flex-wrap:wrap;gap:20px 0}.videoList{display:flex;margin-top:20px}.videoWrap{padding:0 5px}@media (min-width:1230px){.videoWrap{flex:0 0 20%;max-width:20%}}.videoCard{border-radius:8px;height:403px;overflow:hidden;position:relative;width:100%}.videoCard img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.videoCardOverlay{background:linear-gradient(180deg,rgba(68,38,38,0) 16.16%,rgba(68,38,38,.3) 52.03%,rgba(68,38,38,.79));height:89px}.videoCardOverlay,.videoCardViews{bottom:0;left:0;position:absolute;width:100%}.videoCardViews{color:var(--Putih,#fff);display:flex;font-size:14px;font-weight:700;gap:6px;
  /* 150% */letter-spacing:.28px;line-height:21px;padding:14px}

/**
* * footer
*/.footer hr{padding-bottom:20px}@media (min-width:1230px){.footer hr{padding-bottom:0}.footerWrap{flex-direction:row;margin-top:40px}}.footerMenu{margin-top:12px}@media (min-width:1230px){.footerMenu{margin-top:24px}}.footerLabel{font-family:Manrope-sBold,sans-serif;font-weight:600;margin-top:24px}@media (min-width:1230px){.footerLabel{margin-top:0}}.footerLink{display:block;margin-bottom:2px;margin-top:2px;padding-bottom:3px;padding-top:3px}@media (min-width:1230px){.footerPayment{max-width:384px}}@media (min-width:1440px){.footerPayment{max-width:418px}}.footerPayment .footerList{margin-left:-6px;margin-right:-6px;margin-top:14px}.footerPayment .footerItem{margin:6px}@media (min-width:1230px){.footerBank{max-width:332px}}.footerBank .footerList{margin-left:-4px;margin-right:-4px;margin-top:14px}.footerBank .footerItem{margin:4px}@media (min-width:1230px){.footerDelivery{max-width:335px}}@media (min-width:1440px){.footerDelivery{max-width:417px}}.footerDelivery .footerList{margin-left:-3px;margin-right:-3px;margin-top:14px}.footerDelivery .footerItem{margin:3px}.footerItem{display:inline-block;vertical-align:middle}.footerBottom{background:#fff;border-top:1px solid #f0f0f0;margin-left:-15px;margin-right:-15px;margin-top:40px;padding:15px 15px 25px;position:relative;z-index:1}@media (min-width:768px){.footerBottom{background:transparent;margin-left:0;margin-right:0;padding:15px 0 25px}}.footerCopy{color:#525252}@media (min-width:768px){.footerCopy{flex-direction:row}}.footerCopyTxt{margin-top:10px;position:relative;text-align:center}@media (min-width:768px){.footerCopyTxt{margin-top:0;padding-left:24px;text-align:left}}.footerCopyTxt:before{background:#676767;bottom:7px;content:none;height:22px;left:0;margin-left:12px;margin-right:12px;position:absolute;width:1px}@media (min-width:768px){.footerCopyTxt:before{content:""}}.footerCopyTxt span{display:block}@media (min-width:768px){.footerCopyTxt span{display:inline-block}}.footerLogo{max-width:106px}.socmed{margin-top:24px}@media (min-width:1230px){.socmed{margin-top:0}}.socmedItem{margin-left:7.5px;margin-right:7.5px}.socmedItem:last-of-type{margin-right:0}.socmedLink{display:block;transition:transform .2s ease}.socmedLink:hover{transform:scale(1.1)}.socmed .footerLabel{margin-right:16px;margin-top:0}

/**
* * plugin
*/
/*fade in animation*/@keyframes fadeInFromNone{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}1%{opacity:1}to{opacity:0}}.spacing-xl{margin-top:54px}.spacing-lg{margin-top:50px}.spacing-md{margin-top:40px}.spacing-sm{margin-top:20px}.spacing-xs{margin-top:14px}.border-sm{border-radius:7px}.container{min-width:350px}@media (min-width:1440px){.container-xl{max-width:1280px}}.text-center{text-align:center}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.desktop-only{display:none}@media (min-width:1230px){.desktop-only{display:block}}.mobile-only{display:block}@media (min-width:1230px){.mobile-only{display:none}}.zb-0:before{z-index:0}.zb-1:before{z-index:1}.zb-2:before{z-index:2}.center-flex{align-items:center;display:flex;justify-content:center}.align-start{align-items:flex-start}.align-center{align-items:center}.align-end{align-items:end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.display-flex{display:flex;flex-wrap:wrap}.display-block{display:block}.display-none{display:none}@media screen and (min-width:768px){.display-md-flex{display:flex}.display-md-block{display:block}.display-md-none{display:none}}.w-100{width:100%!important}

/*the container must be positioned relative:*/.custom-select{color:#676767;font-family:Manrope-sBold,sans-serif;font-weight:600;position:relative}.custom-select .formSelect{display:none}.custom-select .styledSelect{padding:11px 60px 11px 20px}.custom-select .styledSelect.open:after{transform:rotate(180deg)}.custom-select .styledSelect:after{content:"";height:20px;left:unset;position:absolute;right:18px;top:14px;transition:all .2s ease;width:20px}.custom-select .select{background:#fff;border:1px solid #676767;border-radius:10px;cursor:pointer;min-height:48px;min-width:100%;position:relative;text-align:left;-webkit-user-select:none;-moz-user-select:none;user-select:none}.custom-select .options{background:#fff;border:1px solid #d7d7d7;left:0;position:absolute;top:100%;width:100%;z-index:2}.custom-select .options li{border:0;cursor:pointer;padding:15px 18px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.custom-select .options li:hover{background:#f0f4fd;color:#175cc3}.custom-select .options li[disabled]{color:#aaa;cursor:default;pointer-events:none}.custom-select .hidden{display:none}

/*# sourceMappingURL=style-home.css.map*/