.btn.dropdown-toggle.product-btn[data-v-d143f4bb]{background:transparent;border:none;color:inherit;cursor:pointer;font-size:17px;padding:8px 16px;text-decoration:none;transition:color .3s}.zoom-fade-enter-active[data-v-d143f4bb],.zoom-fade-leave-active[data-v-d143f4bb]{transition:all .3s ease}.zoom-fade-enter-from[data-v-d143f4bb],.zoom-fade-leave-to[data-v-d143f4bb]{opacity:0;transform:scale(.95)}.dropdown-menu[data-v-d143f4bb]{background:#fff;border-radius:12px;box-shadow:0 8px 24px #0003;left:67%;min-width:500px;overflow:hidden;padding:1.5rem;position:absolute;top:110%;transform:translate(-50%);z-index:9999}.dropdown-content[data-v-d143f4bb]{align-items:center;display:flex;gap:2rem}.left-column[data-v-d143f4bb]{flex:1;text-align:center}.dropdown-title[data-v-d143f4bb]{border-bottom:2px solid #ff3a3a;color:#ff3a3a;font-size:20px;font-weight:700;margin-bottom:1rem;padding-bottom:.5rem}.dropdown-item[data-v-d143f4bb]{border-radius:6px;color:#333;display:block;font-weight:600;margin-bottom:.5rem;padding:.75rem 0;text-decoration:none;transition:background-color .3s,color .3s}.dropdown-item[data-v-d143f4bb]:hover{background-color:#ffe3ec;color:#ff3a3a}.divider-vertical[data-v-d143f4bb]{background-color:#ddd;height:250px;width:1px}.right-column[data-v-d143f4bb]{display:flex;flex:1;flex-direction:column;justify-content:center;text-align:center}.product-title[data-v-d143f4bb]{color:#333;font-size:18px;font-weight:700;margin-bottom:1rem}.navigation-drawer[data-v-d143f4bb]{background:#fff;box-shadow:2px 0 5px #0003;height:100vh;left:0;max-width:300px;padding:1rem;position:fixed;top:0;width:80%;z-index:1000}.drawer-header[data-v-d143f4bb]{align-items:center;display:flex;justify-content:space-between;margin:10px 0}.logotap[data-v-d143f4bb]{height:25px;margin-left:3%;-o-object-fit:contain;object-fit:contain;width:80px}.logoiso[data-v-d143f4bb]{height:55px}.logobppt[data-v-d143f4bb],.logoiso[data-v-d143f4bb]{-o-object-fit:contain;object-fit:contain;width:60px}.logobppt[data-v-d143f4bb]{height:30px;margin-right:3%}.divider[data-v-d143f4bb]{background-color:#a8a8a8;border:none;height:1px;margin:8px 0}.menu[data-v-d143f4bb]{list-style:none;margin:0;padding:0}.menu-item[data-v-d143f4bb]{color:#000;display:block;font-size:16px;font-weight:700;padding:8px 16px;text-decoration:none}.menu-item[data-v-d143f4bb]:hover{background-color:#1976d21a}.close-btn[data-v-d143f4bb]{background-color:#ff3a3a;border:none;cursor:pointer;font-size:16px;font-weight:700;margin:8px 0;padding:8px}.app-bar[data-v-d143f4bb],.close-btn[data-v-d143f4bb]{color:#fff;width:100%}.app-bar[data-v-d143f4bb]{background-color:transparent;display:flex;flex-direction:column;height:110px;justify-content:center;position:fixed;top:0;transition:all .5s ease-in-out;z-index:900}.scrolled-app-bar[data-v-d143f4bb]{background-color:#fff!important;box-shadow:0 4px 12px #0003;color:#000}.mobile-only[data-v-d143f4bb]{display:none}.mobile-header .container[data-v-d143f4bb]{align-items:center;display:flex;justify-content:space-between;padding:0 12px}.header-logo[data-v-d143f4bb]{align-items:center;display:flex;gap:6px}.header-logo img[data-v-d143f4bb]{-o-object-fit:contain;object-fit:contain;width:auto}.desktop-only[data-v-d143f4bb]{display:block}@media(max-width:768px){.mobile-only[data-v-d143f4bb]{display:block}.desktop-only[data-v-d143f4bb]{display:none}.app-bar[data-v-d143f4bb]{height:60px}.app-bar-line[data-v-d143f4bb]{height:5px;top:60px}}.col[data-v-d143f4bb]{flex:1}.left-col[data-v-d143f4bb]{align-items:center;display:flex}.right-col[data-v-d143f4bb]{align-items:flex-end;display:flex;flex-direction:column;justify-content:center}.header-bg[data-v-d143f4bb]{background-color:#f5f5f5;clip-path:polygon(-1% 0,100% 0,100% 100%,20% 100%);height:4.5rem;position:relative;z-index:0}.nav-links[data-v-d143f4bb]{align-items:center;display:flex;margin-top:-1rem;padding-left:5rem}.text-id[data-v-d143f4bb]{margin-right:3rem}.nav-link[data-v-d143f4bb]{color:inherit;color:gray;font-size:14px;font-weight:700;padding:8px 12px;text-decoration:none;transition:color .5s ease}.nav-link[data-v-d143f4bb]:hover{color:#ff3a3a}.nav-buttons[data-v-d143f4bb]{align-items:center;display:flex;gap:1rem;margin-top:1rem}.btn[data-v-d143f4bb]{background:transparent;border:none;cursor:pointer;font-size:17px;font-weight:600;padding:2px 12px;text-decoration:none;transition:color .3s}.btn[data-v-d143f4bb]:hover{color:#ff3a3a!important}.scrolled[data-v-d143f4bb]{color:gray}.btn[data-v-d143f4bb]:not(.scrolled){color:#fff}.custom-btn[data-v-d143f4bb]:hover{background-color:#000!important;color:#fff!important;font-weight:700}.app-bar-line[data-v-d143f4bb]{height:10px;position:fixed;top:110px;transition:all .5s ease-in-out;width:100%}.scrolled-app-bar-line[data-v-d143f4bb]{background-color:#ff3a3a!important;box-shadow:0 4px 12px #0003;color:#000}.hamburger[data-v-d143f4bb]{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;justify-content:center;padding:0;position:relative;transition:stroke .3s ease,fill .3s ease;z-index:1002}.hamburger svg[data-v-d143f4bb]{height:3em;transition:transform .6s cubic-bezier(.4,0,.2,1)}.line[data-v-d143f4bb]{stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.line[data-v-d143f4bb],.linehitam[data-v-d143f4bb]{fill:none;transition:stroke-dasharray .6s cubic-bezier(.4,0,.2,1),stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.linehitam[data-v-d143f4bb]{stroke:#f81c1c;stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.line-top-bottom[data-v-d143f4bb]{stroke:#fff;stroke-dasharray:12 63}.line-top-bottom-hitam[data-v-d143f4bb],.linehitam-top-bottom-hitam[data-v-d143f4bb]{stroke:#f81c1c;stroke-dasharray:12 63}.hamburger.active svg[data-v-d143f4bb],.hamburger.active svg hitam[data-v-d143f4bb]{transform:rotate(-45deg)}.hamburger.active .line-top-bottom[data-v-d143f4bb]{stroke-dasharray:20 300;stroke-dashoffset:-32.42}.stroke-black[data-v-d143f4bb]{stroke:#000}.stroke-white[data-v-d143f4bb]{stroke:#fff}.slide-fade-enter-active[data-v-d143f4bb],.slide-fade-leave-active[data-v-d143f4bb]{transition:transform .4s ease,opacity .4s ease}.slide-fade-enter-from[data-v-d143f4bb],.slide-fade-leave-to[data-v-d143f4bb]{opacity:0;transform:translate(-100%)}.slide-fade-enter-to[data-v-d143f4bb],.slide-fade-leave-from[data-v-d143f4bb]{opacity:1;transform:translate(0)}