@charset "UTF-8";.bg-home-container[data-v-865f9416]{align-items:center;background-image:url(https://treetan.s3.ap-southeast-3.amazonaws.com/assets/Image/category/bg-home.png);background-position:50%;background-size:cover;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:40px;width:100%}.hero-section[data-v-865f9416]{align-items:center;color:#fff;display:flex;text-align:center}.hero-text[data-v-865f9416]{margin-bottom:40px}.hero-text h1[data-v-865f9416]{font-size:2.5em;margin-bottom:10px}.hero-text p[data-v-865f9416]{font-size:1.2em;margin-bottom:20px}.quote[data-v-865f9416]{font-size:1em;font-style:italic;margin-top:20px}.quote cite[data-v-865f9416]{color:#ccc;display:block;font-size:.9em;font-style:normal;margin-top:5px}.tab-buttons[data-v-865f9416]{border-bottom:1px solid #eee;display:flex;margin-bottom:20px}.tab-buttons button[data-v-865f9416]{background:none;border:none;color:#777;cursor:pointer;font-size:1em;padding:10px 20px;transition:color .3s ease}.tab-buttons button.active[data-v-865f9416]{border-bottom:2px solid #2c3e50;color:#2c3e50}.search-form[data-v-865f9416]{display:flex;flex-direction:column}.form-group[data-v-865f9416]{margin-bottom:20px}.form-group label[data-v-865f9416]{color:#555;display:block;font-size:.9em;margin-bottom:5px}.select-wrapper[data-v-865f9416]{border:1px solid #ccc;border-radius:4px;overflow:hidden;position:relative}.select-wrapper select[data-v-865f9416]{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:none;font-size:1em;padding:10px;width:100%}.dropdown-arrow[data-v-865f9416]{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #777;height:0;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:0}.card-text[data-v-865f9416]{max-width:640px;width:100%}.search-button[data-v-865f9416]{background-color:#2ea7b3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.1em;padding:12px 20px;transition:background-color .3s ease}.search-button[data-v-865f9416]:hover{background-color:#e68a00}.svg-container[data-v-865f9416]{justify-content:flex-start}@media (max-width:768px){.bg-home-container[data-v-865f9416]{align-items:center;background-image:url(https://treetan.s3.ap-southeast-3.amazonaws.com/assets/Image/category/bg-home.png);background-position:0;background-size:cover;box-sizing:border-box;display:flex;justify-content:center;min-height:calc(100vh - 100px);padding:0;width:100vw!important}.hero-section[data-v-865f9416]{align-items:center;display:grid;padding-top:70px;text-align:center}.svg-container[data-v-865f9416]{align-items:center;display:flex;justify-content:center}svg[data-v-865f9416]{height:22px;width:177px}.hero-text h1[data-v-865f9416]{font-size:2em}.hero-text p[data-v-865f9416]{font-size:1em}.search-card[data-v-865f9416]{padding:20px 10px}}.card-product-image[data-v-41b72c7a]{height:100px;margin-bottom:16px;width:203px}.card-product-image-md[data-v-41b72c7a]{height:100px;margin-bottom:16px;width:163px}.card-product-title[data-v-41b72c7a]{height:40px}.card-product-price[data-v-41b72c7a]{height:26px}@font-face{font-family:slick;src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAATsAA0AAAAAB2wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE0AAAABoAAAAcdIcYB0dERUYAAAS0AAAAHAAAAB4AJwANT1MvMgAAAZwAAABRAAAAYFAQ/45jbWFwAAACAAAAAFcAAAFiIhFFt2dhc3AAAASsAAAACAAAAAj//wADZ2x5ZgAAAmgAAAE1AAACLD+btmBoZWFkAAABMAAAAC8AAAA2AAEx+2hoZWEAAAFgAAAAHAAAACQD5QIFaG10eAAAAfAAAAAQAAAAFgZKAEpsb2NhAAACWAAAABAAAAAQATYBoG1heHAAAAF8AAAAHQAAACAASwBHbmFtZQAAA6AAAADcAAABbgUngcJwb3N0AAAEfAAAAC4AAABFOXjBpHjaY2BkYGAA4vMGfuHx/DZfGbiZGEDgfGFFPZxWZVBlvM14G8jlYABLAwAT1QnNAHjaY2BkYGC8zcDAoMfEAAJANiMDKmABADBkAe942mNgZGBgYGdwYWBiAAEQycgAEnMA8xkACcgAkwAAAHjaY2BmYmCcwMDKwMDow5jGwMDgDqW/MkgytDAwMDGwcjKAQQNQCZBSYICCgDTXFAYHhkTFSYwP/j9g0GO8/f82A0QNA+NtsBIFBkYANHMN4wAAAHjaY2KAACYIVoVAAALCAJt42mNgYGBmgGAZBkYGEIgB8hjBfBYGByDNw8DBwARkMzAkKigpTlCc9P8/WB0S7/+i+4/uld4rgZoAB4xsDHAhRiYgwcSApoCBcsBMBTNYGGgGAEdEDyUAAAAAAAAAAAAAZgCKANABFnjadZBdToNAEMd3CrtAl5TQLtS0LCoN0A8SGkBI+mAfPET75B1896HppfQcvnII4w3cLYpW6k4ymdn9z8xvBwEKUQg11OgBIXAYWUEQR1uIZoFGpLGxKy3PqrIq8+waXIfJ+5mQSSvkvXwRqqocu1D39QMl2JgvN9zzhsyk1GRDz+OBfzMioCqx0rtdLYo0SiZTZttsOkmidBkveKibFF4Oep9SI46bqk3Twhp4iihUemrMWFPy2NRbthfqKkHi/PxlJLITZdAiSj6ouZ+tn9eZz78DuD9LZYB6bZ8rlCAUVuVdkULjxV4sIEysIc/KSyPmnJDdjhCOdQ0fCTliTX/tjH3ysWao+71qaNjHQjcQwrcuyl+WLZQthCMotJP/h+Xjazz+hfTeRWmG4zOiSyif/q1OtAAAAHjabY49asNAEIU/2ZJDfkiRIvXapUFCEqpcptABUrg3ZhEiQoKVfY9UqVLlGDlADpAT5e16IUWysMz3hjfzBrjjjQT/EjKpCy+4YhN5yZoxcirPe+SMWz4jr6S+5UzSa3VuwpTnBfc8RF7yxDZyKs9r5IxHPiKv1P9iZqDnyAvMQ39UecbScVb/gJO03Xk4CFom3XYK1clhMdQUlKo7/d9NF13RkIdfy+MV7TSe2sl11tRFaXYmJKpWTd7kdVnJ8veevZKc+n3I93t9Jnvr5n4aTVWU/0z9AI2qMkV42mNgYkAGjAzogB0sysTgwtDOyMTIzJlYVJRfnpOaVsIFZhVlpmeUAABuKQkSAAAAAAAB//8AAnjaY2BkYGDgAWIxIGZiYARCNiBmAfMYAAPgADV42mNgYGBkAIKrS9Q5QPT5wop6GA0APf8GGAAA) format("woff")}.slick-next,.slick-prev{border:none;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:20px}.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{background:transparent;color:transparent;outline:none}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-family:slick;font-size:20px;line-height:1;opacity:.75}.slick-prev{left:-25px}[dir=rtl] .slick-prev{left:auto;right:-25px}.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{left:-25px;right:auto}.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{bottom:-25px;display:block;list-style:none;margin:0;padding:0;position:absolute;text-align:center;width:100%}.slick-dots li{display:inline-block;margin:0 5px;padding:0;position:relative}.slick-dots li,.slick-dots li button{cursor:pointer;height:20px;width:20px}.slick-dots li button{background:transparent;border:0;color:transparent;display:block;font-size:0;line-height:0;outline:none;padding:5px}.slick-dots li button:focus,.slick-dots li button:hover{outline:none}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;content:"•";font-family:slick;font-size:6px;height:20px;left:0;line-height:20px;opacity:.25;position:absolute;text-align:center;top:0;width:20px}.slick-dots li.slick-active button:before{color:#000;opacity:.75}.custom-carousel[data-v-30e9b6db]{background-color:transparents!important;position:relative}.custom-carousel-button[data-v-30e9b6db]{align-items:center;background-color:#fff;border:none;border-radius:50%;box-shadow:0 0 6px 0 hsla(0,1%,45%,.149);color:#2f2f2f;cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:30px;z-index:10}.custom-carousel-prev[data-v-30e9b6db]{left:-22px}.custom-carousel-next[data-v-30e9b6db]{right:-22px}.custom-carousel-arrow[data-v-30e9b6db]{background-color:#fff;border:none;border-radius:8px;box-shadow:0 0 6px 0 hsla(0,1%,45%,.149);color:#2f2f2f;cursor:pointer;height:30px;position:absolute;top:50%;transform:translateY(-50%);width:30px;z-index:10}@media (min-width:769px){.custom-carousel-prev[data-v-30e9b6db]{left:-30px}}@media (max-width:768px){.custom-carousel-prev[data-v-30e9b6db]{left:5px}}@media (min-width:769px){.custom-carousel-next[data-v-30e9b6db]{right:-30px}}@media (max-width:768px){.custom-carousel-next[data-v-30e9b6db]{right:5px}}.image-size[data-v-30e9b6db]{height:163px!important}.image-size[data-v-30e9b6db],.size-card[data-v-30e9b6db]{border-top-left-radius:8px;border-top-right-radius:8px;width:206px}.size-card[data-v-30e9b6db]{height:317px}.center-svg[data-v-30e9b6db]{align-items:center;display:flex;height:100%;justify-content:center}.slick-carousel[data-v-30e9b6db]{padding:0 10px}.slick-carousel .slick-card[data-v-30e9b6db]{background:transparent!important;box-shadow:none!important;margin-right:8px!important;padding:0!important}.slick-card img[data-v-30e9b6db]{height:auto;-o-object-fit:cover;object-fit:cover}.w-mobile[data-v-4d434109]{width:calc(100vw - 15px)!important}.custom-carousel[data-v-2a181cc8]{-webkit-overflow-scrolling:touch;overflow-x:auto;scroll-snap-type:x mandatory}.carousel-track>div[data-v-2a181cc8]{scroll-snap-align:start}.custom-carousel[data-v-2a181cc8]::-webkit-scrollbar{display:none}.custom-carousel[data-v-2a181cc8]{-ms-overflow-style:none;scrollbar-width:none}.carousel-container[data-v-2a181cc8]{-webkit-overflow-scrolling:touch;overflow-x:auto}.carousel-track[data-v-2a181cc8]{display:flex;transition:transform .3s ease-in-out}.carousel-slide[data-v-2a181cc8]{margin-right:16px}.carousel-slide[data-v-2a181cc8]:last-child{margin-right:0}.carousel-container[data-v-2a181cc8]::-webkit-scrollbar{display:none}.w-mobile[data-v-2a181cc8]{width:calc(100vw - 15px)!important}.carousel-container[data-v-2a181cc8]{-ms-overflow-style:none;scrollbar-width:none}.size-card[data-v-2a181cc8]{width:260px}.image-size[data-v-2a181cc8]{height:163px!important}.image-size[data-v-2a181cc8],.size-card[data-v-2a181cc8]{border-top-left-radius:8px;border-top-right-radius:8px;width:195px}.size-card[data-v-2a181cc8]{height:317px}.subtitle-2-semibold[data-v-2a181cc8]{font-size:16px;font-weight:600}.body-2-semibold[data-v-2a181cc8]{font-size:14px;font-weight:600}.body-2-regular[data-v-2a181cc8]{font-size:14px;font-weight:400}.caption-2-regular[data-v-2a181cc8]{font-size:12px;font-weight:400}.circular-tiny-regular[data-v-2a181cc8]{font-size:10px;font-weight:400}.line-clamp-1[data-v-2a181cc8]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (max-width:767px){.carousel-slide[data-v-2a181cc8]{margin-right:10px;width:calc(66.67% - 10px)}.size-card[data-v-2a181cc8]{height:337px}}@media (min-width:768px) and (max-width:1023px){.carousel-slide[data-v-2a181cc8]{width:calc(50% - 16px)}}.no-scrollbar[data-v-0d51a198]::-webkit-scrollbar{display:none}.no-scrollbar[data-v-0d51a198]{-ms-overflow-style:none;scrollbar-width:none}@media (max-width:768px){.inline-class[data-v-601cdea6]{grid-gap:4px;display:grid!important;gap:4px;grid-template-columns:repeat(3,1fr)}.inline-class>div[data-v-601cdea6]{width:100%}}.bg-promo[data-v-e14cf22a]{background-image:linear-gradient(180deg,#b4e9ec,#5bccd4);gap:40px;padding:60px 100px}.bg-card-promo[data-v-e14cf22a]{background:#fff;border-radius:10px;padding:16px;width:363px}.overflow-x-auto[data-v-e14cf22a]{-webkit-overflow-scrolling:touch}.custom-scrollbar-hide[data-v-e14cf22a]::-webkit-scrollbar{display:none}.custom-scrollbar-hide[data-v-e14cf22a]{scrollbar-width:none}@media (max-width:768px){.w-mobile[data-v-e14cf22a]{width:calc(100vw - 15px)!important}.bg-card-promo[data-v-e14cf22a]{background:#fff;border-radius:10px;padding:16px;width:305px}.bg-promo[data-v-e14cf22a]{gap:16px;padding:24px 0 24px 16px}}.text-title[data-v-4e4a5e08]{color:#1c252e;line-height:36px!important}.text-deskripsi[data-v-4e4a5e08]{color:#637381}.text-tabungan[data-v-4e4a5e08]{color:#2b929a}.text-talangan[data-v-4e4a5e08]{color:#f57f17}.style-card[data-v-4e4a5e08]{border-radius:20px;padding:32px 48px}@media (max-width:768px){.style-card[data-v-4e4a5e08]{padding:16px}}.text-title[data-v-7ad7b409]{color:#1c252e;line-height:36px!important}.text-deskripsi[data-v-7ad7b409]{color:#637381}.button-active[data-v-7ad7b409]{background-color:#1c252e!important;color:#fff!important}.button-active[data-v-7ad7b409],.button-inactive[data-v-7ad7b409]{border-radius:8px!important;padding:12px!important}.button-inactive[data-v-7ad7b409]{background-color:#fff!important;border:1px solid rgba(145,158,171,.322)!important;color:#1c252e!important}.button-inactive[data-v-7ad7b409]:hover{background-color:#1c252e!important;color:#fff!important}.transition-all[data-v-7ad7b409]{transition-property:all}.duration-300[data-v-7ad7b409]{transition-duration:.3s}.no-scrollbar[data-v-7ad7b409]::-webkit-scrollbar{display:none}.no-scrollbar[data-v-7ad7b409]{-ms-overflow-style:none;scrollbar-width:none}.carousel-container[data-v-7ad7b409]{-webkit-overflow-scrolling:touch;overflow-x:auto;padding-left:16px;padding-right:16px}.carousel-track[data-v-7ad7b409]{display:flex;width:-moz-fit-content;width:fit-content}.carousel-slide[data-v-7ad7b409]{margin-right:16px;width:calc(100% - 32px)}.carousel-slide[data-v-7ad7b409]:last-child{margin-right:0}.carousel-container[data-v-7ad7b409]::-webkit-scrollbar{display:none}.carousel-container[data-v-7ad7b409]{-ms-overflow-style:none;scrollbar-width:none}@media (max-width:767px){.carousel-slide[data-v-7ad7b409]{width:calc(50% - 8px)}.w-mobile[data-v-7ad7b409]{width:calc(100vw - 15px)!important}}@media (min-width:768px) and (max-width:1239px){.carousel-slide[data-v-7ad7b409]{width:260px}}@media (min-width:1240px){.carousel-slide[data-v-7ad7b409]{width:300px}}.text-title[data-v-4b5e919d]{color:#1c252e;line-height:36px!important}.text-deskripsi[data-v-4b5e919d]{color:#637381}.img-review[data-v-e6c94556]{border-radius:10px;height:200px!important;width:200px!important}.card-review[data-v-e6c94556]{gap:24px;height:366px!important;transition:height .3s ease-in-out;width:200px!important}.bg-review[data-v-e6c94556]{background-color:rgba(49,183,197,.078);gap:40px;padding:60px 100px}.custom-carousel[data-v-e6c94556]{-webkit-overflow-scrolling:touch;overflow-x:auto}.carousel-track>div[data-v-e6c94556]{scroll-snap-align:start}.custom-carousel[data-v-e6c94556]::-webkit-scrollbar{display:none}.custom-carousel[data-v-e6c94556]{-ms-overflow-style:none;scrollbar-width:none}.carousel-container[data-v-e6c94556]{-webkit-overflow-scrolling:touch;overflow-x:auto}.carousel-track[data-v-e6c94556]{display:flex;transition:transform 1s ease-in-out}.carousel-slide[data-v-e6c94556]{margin-right:40px}.carousel-slide[data-v-e6c94556]:last-child{margin-right:0}.carousel-container[data-v-e6c94556]::-webkit-scrollbar{display:none}.carousel-container[data-v-e6c94556]{-ms-overflow-style:none;scrollbar-width:none}.card-review.expanded[data-v-e6c94556]{height:auto!important}.comment-container[data-v-e6c94556]{-webkit-line-clamp:6;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card-review.expanded .comment-container[data-v-e6c94556]{-webkit-line-clamp:unset;overflow:visible}@media (max-width:768px){.bg-review[data-v-e6c94556]{gap:16px;padding:24px 0 24px 16px}.img-review[data-v-e6c94556]{border-radius:10px;height:150px!important;width:150px!important}.w-mobile[data-v-e6c94556]{width:calc(100vw - 15px)!important}.card-review[data-v-e6c94556]{gap:8px;height:300px!important;width:150px!important}.comment-container[data-v-e6c94556]{-webkit-line-clamp:4}}@media (min-width:1230px){.w-mobile[data-v-e6c94556]{width:550px!important}}.img-teaser[data-v-74dd525e]{border-radius:20px;height:368px;width:630px}.sales__item_preview[data-v-74dd525e]{position:relative}button[data-v-74dd525e]{background:none;border:none;cursor:pointer}.modal[data-v-74dd525e]{align-items:center;background:rgba(0,0,0,.75);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-content[data-v-74dd525e]{background:#fff;border-radius:.5rem;padding:1rem;position:relative}.modal-close[data-v-74dd525e]{cursor:pointer;font-size:2rem;margin:1rem;position:absolute;right:0;top:0}.youtubeIframe[data-v-74dd525e]{height:34rem;width:67rem}button svg.play-button-icon[data-v-74dd525e]{height:100px;width:100px}@media (max-width:768px){.youtubeIframe[data-v-74dd525e]{height:16rem;width:22rem}button svg.play-button-icon[data-v-74dd525e]{height:50px;width:50px}.img-teaser[data-v-74dd525e]{border-radius:20px;height:198px;width:341px}}.text-title[data-v-f58611bc]{color:#1c252e;line-height:36px!important}.text-deskripsi[data-v-f58611bc]{color:#637381}.style-card[data-v-f58611bc]{padding:32px 48px}@media (max-width:768px){.style-card[data-v-f58611bc]{padding:16px}}