:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh}:root{--primary: #7B2CBF;--secondary: #2BD9D9;--tertiary: #FF6B6B;--neutral-light: #FAF8F6;--neutral-dark: #1E1E1E;--font-sans: "Inter", sans-serif;--font-heading: "Montserrat", sans-serif;--bg-primary: #FAF8F6;--bg-secondary: #FFFFFF;--text-primary: #1E1E1E;--text-secondary: #666666;--border-color: #E0E0E0;--shadow: rgba(0, 0, 0, .1);--card-bg: #FFFFFF;--nav-bg: #FFFFFF;--nav-shadow: rgba(0, 0, 0, .1)}[data-theme=dark]{--bg-primary: #0F0F0F;--bg-secondary: #1A1A1A;--text-primary: #FFFFFF;--text-secondary: #B0B0B0;--border-color: #333333;--shadow: rgba(0, 0, 0, .3);--card-bg: #1A1A1A;--nav-bg: #1A1A1A;--nav-shadow: rgba(0, 0, 0, .5)}body{margin:0;padding:0;min-height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);transition:background-color .3s ease,color .3s ease}.container{max-width:1200px;margin:0 auto;padding:0 1rem;width:100%;box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;margin:.5em 0}a{color:var(--primary);text-decoration:none}.btn-primary{background:var(--primary);color:#fff;padding:.5em 1.5em;border-radius:8px;font-weight:700;border:none;cursor:pointer;transition:background .2s;font-size:1rem}.btn-primary:hover{background:#5a1e8a}@media (max-width: 900px){.container{max-width:100%;padding:0 .5rem}}@media (max-width: 700px){h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.2rem}.btn-primary{width:100%;padding:1em;font-size:1em}}@media (max-width: 600px){.container{padding:0 .25rem}h1,h2,h3{font-size:1.1em}}.cart-modal[data-v-07aa7c2a]{position:fixed;top:0;right:0;bottom:0;width:370px;background:var(--card-bg);box-shadow:-2px 0 24px var(--shadow);z-index:2000;padding:2rem 1.2rem 1.2rem;display:flex;flex-direction:column;gap:1.2rem;animation:slideIn-07aa7c2a .3s;transition:all .3s ease}@keyframes slideIn-07aa7c2a{0%{right:-400px;opacity:0}to{right:0;opacity:1}}.cart-header[data-v-07aa7c2a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.close-btn[data-v-07aa7c2a]{background:none;border:none;font-size:2rem;color:var(--primary);cursor:pointer}.cart-empty[data-v-07aa7c2a]{text-align:center;color:var(--text-secondary);font-size:1.1rem;margin-top:2rem}.cart-items[data-v-07aa7c2a]{display:flex;flex-direction:column}.cart-item[data-v-07aa7c2a]{display:flex;align-items:center;justify-content:space-between;gap:.7rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.cart-item-info[data-v-07aa7c2a]{flex:1}.cart-item-name[data-v-07aa7c2a]{font-weight:600;color:var(--primary)}.cart-item-dimensions[data-v-07aa7c2a]{font-size:.95rem;color:var(--text-secondary)}.cart-item-qty[data-v-07aa7c2a]{font-size:.95rem;color:var(--text-primary)}.cart-item-price[data-v-07aa7c2a]{font-weight:600;color:var(--secondary, #7b2cbf);min-width:70px;text-align:right}.remove-btn[data-v-07aa7c2a]{background:none;border:none;color:#e1306c;font-weight:700;cursor:pointer;font-size:1rem}.cart-total[data-v-07aa7c2a]{text-align:right;font-size:1.2rem;margin-top:1rem;color:var(--primary)}.btn-finalize[data-v-07aa7c2a]{width:100%;background:var(--primary);color:#fff;padding:1rem 0;border-radius:50px;font-weight:700;font-size:1.1rem;border:none;margin-top:1.2rem;cursor:pointer;transition:background .2s}.btn-finalize[data-v-07aa7c2a]:hover{background:var(--secondary)}.qty-btn[data-v-07aa7c2a]{background:var(--bg-secondary);border:1px solid var(--primary);color:var(--primary);border-radius:50%;width:28px;height:28px;font-size:1.1rem;font-weight:700;margin:0 .3rem;cursor:pointer;transition:background .2s,color .2s}.qty-btn[data-v-07aa7c2a]:hover{background:var(--primary);color:#fff}.cart-form[data-v-07aa7c2a]{display:flex;flex-direction:column;gap:.7rem;margin-top:1.2rem}.form-row[data-v-07aa7c2a]{display:flex;gap:.7rem}.form-row input[data-v-07aa7c2a]{flex:1;min-width:0}.cart-form input[data-v-07aa7c2a],.cart-form textarea[data-v-07aa7c2a]{background:var(--bg-secondary);color:var(--text-primary);border:1.5px solid var(--primary);border-radius:.7rem;padding:.7rem 1rem;font-size:1rem;font-family:inherit;resize:none;box-shadow:none;transition:border .2s,box-shadow .2s}.cart-form input[data-v-07aa7c2a]::placeholder,.cart-form textarea[data-v-07aa7c2a]::placeholder{color:var(--text-secondary);opacity:1}.cart-form input[data-v-07aa7c2a]:focus,.cart-form textarea[data-v-07aa7c2a]:focus{outline:none;border-color:var(--secondary);box-shadow:0 0 0 2px #7b2cbf1a}.cart-form textarea[data-v-07aa7c2a]{min-height:60px;max-height:120px}@media (max-width: 600px){.cart-modal[data-v-07aa7c2a]{width:100vw;height:100vh;max-width:100vw;max-height:100vh;left:0;top:0;right:0;bottom:0;border-radius:0;padding:1rem .5rem .7rem;box-sizing:border-box}.cart-header[data-v-07aa7c2a]{margin-bottom:.7rem}.cart-item[data-v-07aa7c2a]{gap:.4rem;padding-bottom:.3rem;font-size:.97rem}.btn-finalize[data-v-07aa7c2a]{font-size:1rem;padding:.8rem 0;border-radius:20px;margin-top:.7rem}.cart-total[data-v-07aa7c2a]{font-size:1rem;margin-top:.7rem}}.logo[data-v-507981c3]{display:flex;align-items:center}.container[data-v-507981c3]{max-width:1200px;margin:0 auto;padding:0 1rem}.nav-bar[data-v-507981c3]{display:flex;justify-content:space-between;align-items:center;position:relative}.nav-links[data-v-507981c3]{display:flex;gap:2rem}.header-actions[data-v-507981c3]{display:flex;align-items:center;gap:1rem}.theme-toggle[data-v-507981c3]{background:none;border:none;cursor:pointer;color:var(--text-primary);padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.theme-toggle[data-v-507981c3]:hover{background:var(--bg-secondary);color:var(--primary)}.menu-btn[data-v-507981c3]{display:none;background:none;border:none;font-size:2rem;cursor:pointer;color:var(--primary)}.menu-btn[data-v-507981c3]:hover{color:var(--secondary)}.router-link-active[data-v-507981c3]{text-decoration:underline}.christmas-link[data-v-507981c3]{font-weight:600;transition:all .3s ease}.christmas-link[data-v-507981c3]:hover{color:#c41e3a;transform:scale(1.05)}.christmas-link.router-link-active[data-v-507981c3]{color:#c41e3a}@media (max-width: 700px){.nav-links[data-v-507981c3]{display:none;flex-direction:column;position:absolute;top:60px;right:1rem;background:var(--card-bg);border-radius:8px;box-shadow:0 2px 8px var(--shadow);padding:1rem;z-index:10}.nav-links.open[data-v-507981c3]{display:flex}.menu-btn[data-v-507981c3]{display:block}.header-actions[data-v-507981c3]{gap:.5rem}.cart-icon-wrapper[data-v-507981c3]{margin-left:0}}.cart-icon-wrapper[data-v-507981c3]{position:relative;cursor:pointer;display:flex;align-items:center}.cart-icon[data-v-507981c3]{width:28px;height:28px;stroke:var(--primary);transition:stroke .2s}.cart-icon-wrapper:hover .cart-icon[data-v-507981c3]{stroke:var(--secondary)}.cart-badge[data-v-507981c3]{position:absolute;bottom:-2px;right:-10px;background:var(--primary);color:#fff;font-size:.75rem;font-weight:700;min-width:14px;height:14px;border-radius:7px;display:flex;align-items:center;justify-content:center;padding:0 3px;box-shadow:0 1px 4px #00000014}footer[data-v-5c0bea5d]{background:var(--bg-secondary);color:var(--text-primary);padding:3rem 0 1rem;border-top:2px solid var(--border-color);width:100%;box-sizing:border-box;margin:0;transition:all .3s ease}.container[data-v-5c0bea5d]{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:0 auto;padding:0 1rem}.links-container[data-v-5c0bea5d]{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.social-link[data-v-5c0bea5d]{color:var(--secondary);display:flex;align-items:center;gap:.5rem;text-decoration:none;transition:color .3s ease;font-weight:500}.social-link[data-v-5c0bea5d]:hover{color:var(--primary)}.social-link svg[data-v-5c0bea5d],.social-link img[data-v-5c0bea5d]{flex-shrink:0;transition:transform .3s ease}.social-link:hover svg[data-v-5c0bea5d],.social-link:hover img[data-v-5c0bea5d]{transform:scale(1.1)}.shopee-icon[data-v-5c0bea5d]{filter:brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(10000%) hue-rotate(180deg);transition:filter .3s ease}.social-link:hover .shopee-icon[data-v-5c0bea5d]{filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%)}.separator[data-v-5c0bea5d]{color:var(--text-secondary);font-weight:300;-webkit-user-select:none;user-select:none}.copyright[data-v-5c0bea5d]{text-align:center;margin-top:2rem;color:var(--text-secondary)}@media (max-width: 900px){.container[data-v-5c0bea5d]{grid-template-columns:1fr;text-align:center;gap:1rem}.container>div[data-v-5c0bea5d]{margin-bottom:1rem}.links-container[data-v-5c0bea5d]{justify-content:center}}@media (max-width: 600px){.links-container[data-v-5c0bea5d]{flex-direction:column;gap:.5rem}.separator[data-v-5c0bea5d]{display:none}}.toast[data-v-b913865e]{position:fixed;top:20px;right:20px;display:flex;align-items:center;gap:12px;padding:16px;border-radius:8px;background:var(--card-bg);box-shadow:0 4px 12px var(--shadow);min-width:300px;max-width:400px;z-index:1000;transition:all .3s ease}.toast.success[data-v-b913865e]{border-left:6px solid #22c55e;background:var(--card-bg);color:#22c55e}.toast.error[data-v-b913865e]{border-left:6px solid #dc2626;background:var(--card-bg);color:#dc2626}.toast-icon[data-v-b913865e]{flex-shrink:0;width:24px;height:24px}.toast.success .toast-icon[data-v-b913865e]{color:#22c55e}.toast.error .toast-icon[data-v-b913865e]{color:#dc2626}.toast-content[data-v-b913865e]{flex-grow:1}.toast-message[data-v-b913865e]{margin:0;color:var(--text-primary);font-size:.875rem;line-height:1.25rem}.toast-close[data-v-b913865e]{flex-shrink:0;background:none;border:none;padding:4px;cursor:pointer;color:var(--text-secondary);border-radius:4px;transition:all .2s}.toast-close[data-v-b913865e]:hover{background:var(--bg-secondary);color:var(--text-primary)}.toast-enter-active[data-v-b913865e],.toast-leave-active[data-v-b913865e]{transition:all .3s ease}.toast-enter-from[data-v-b913865e],.toast-leave-to[data-v-b913865e]{opacity:0;transform:translate(30px)}.toast-container[data-v-5b7fdb41]{position:fixed;top:20px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:10px}.toast-move[data-v-5b7fdb41]{transition:transform .3s ease}.logo[data-v-6575cb94]{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo[data-v-6575cb94]:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vue[data-v-6575cb94]:hover{filter:drop-shadow(0 0 2em #42b883aa)}.page-wrapper[data-v-6575cb94]{min-height:100vh;display:flex;flex-direction:column}main[data-v-6575cb94]{flex:1}.product-card[data-v-407702bf]{background:var(--card-bg);border-radius:1rem;box-shadow:0 2px 8px var(--shadow);overflow:hidden;display:flex;flex-direction:column;max-width:350px;min-width:220px;height:400px;transition:all .3s ease}.image[data-v-407702bf]{width:100%;aspect-ratio:1/1;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;border-top-left-radius:1rem;border-top-right-radius:1rem;overflow:hidden;box-shadow:0 2px 8px var(--shadow);position:relative}.image-loading[data-v-407702bf]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary)}.loading-spinner[data-v-407702bf]{width:32px;height:32px;border:2px solid var(--border-color);border-top:2px solid var(--primary);border-radius:50%;animation:spin-407702bf 1s linear infinite}@keyframes spin-407702bf{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.image img[data-v-407702bf]{width:100%;height:100%;object-fit:cover;display:block}.info[data-v-407702bf]{padding:1rem}.category[data-v-407702bf]{color:var(--primary);font-size:.85rem;font-weight:600}.price[data-v-407702bf]{color:var(--primary);font-weight:700;font-size:1.05rem}.bottom[data-v-407702bf]{display:flex;justify-content:space-between;align-items:center;margin-top:.7rem;gap:.7rem}.btn-primary[data-v-407702bf]{background:var(--primary, #5f1d91);color:#fff;padding:.6rem 1.2rem;border-radius:50px;font-weight:600;font-size:1rem;border:none;cursor:pointer;transition:background .2s}.btn-primary[data-v-407702bf]:hover{background:var(--secondary, #7b2cbf)}.action-buttons[data-v-407702bf]{position:absolute;top:10px;right:10px;z-index:2;display:flex;gap:8px;align-items:center}.btn-cart-icon[data-v-407702bf]{background:var(--secondary, #7b2cbf);color:#fff;border:none;border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.btn-cart-icon[data-v-407702bf]:hover{background:var(--primary, #5f1d91)}.btn-cart-icon svg[data-v-407702bf]{display:block}.btn-shopee-icon[data-v-407702bf]{background:#ee4d2d;color:#fff;border:none;border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.btn-shopee-icon[data-v-407702bf]:hover{background:#d6361f}.btn-shopee-icon svg[data-v-407702bf]{display:block}@media (max-width: 700px){.product-card[data-v-407702bf]{padding:.3rem;border-radius:.5rem;max-width:100%;min-width:0}.image[data-v-407702bf]{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.info[data-v-407702bf]{padding:.7rem}.bottom[data-v-407702bf]{flex-direction:column;gap:.4rem;width:100%}.btn-primary[data-v-407702bf]{width:100%;box-sizing:border-box}}.product-grid[data-v-e14ca469]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}@media (max-width: 600px){.product-grid[data-v-e14ca469]{grid-template-columns:1fr;gap:1rem}}.christmas-banner[data-v-8e143ac3]{background:linear-gradient(135deg,#c41e3a,#228b22);color:#fff;padding:3rem 0;text-align:center;width:100vw;margin-left:calc(50% - 50vw);position:relative;overflow:hidden;cursor:pointer;transition:transform .3s ease;box-shadow:0 10px 30px #c41e3a4d}.christmas-banner[data-v-8e143ac3]:hover{transform:translateY(-2px);box-shadow:0 15px 40px #c41e3a66}.banner-content[data-v-8e143ac3]{position:relative;z-index:2;max-width:800px;margin:0 auto}.banner-tag[data-v-8e143ac3]{background:#fff3;padding:.5rem 1rem;border-radius:50px;font-size:.9rem;font-weight:600;display:inline-block;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);margin-bottom:1rem}.banner-title[data-v-8e143ac3]{font-size:3rem;font-weight:800;margin:.5rem 0;line-height:1.2;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.banner-subtitle[data-v-8e143ac3]{font-size:1.2rem;margin:1rem 0 1.5rem;opacity:.95}.banner-button[data-v-8e143ac3]{display:inline-flex;align-items:center;gap:.5rem;background:#fff;color:#c41e3a;padding:1rem 2rem;border-radius:50px;border:none;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0003}.banner-button[data-v-8e143ac3]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000004d;background:gold;color:#c41e3a}.button-icon[data-v-8e143ac3]{transition:transform .3s ease}.banner-button:hover .button-icon[data-v-8e143ac3]{transform:translate(4px)}.banner-decoration[data-v-8e143ac3]{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;pointer-events:none;overflow:hidden}.snowflake[data-v-8e143ac3]{position:absolute;font-size:1.5rem;opacity:.6;animation:fall-8e143ac3 linear infinite;color:#fffc}.snowflake-1[data-v-8e143ac3]{left:10%;animation-duration:8s;animation-delay:0s}.snowflake-2[data-v-8e143ac3]{left:25%;animation-duration:10s;animation-delay:1s}.snowflake-3[data-v-8e143ac3]{left:50%;animation-duration:12s;animation-delay:2s}.snowflake-4[data-v-8e143ac3]{left:75%;animation-duration:9s;animation-delay:.5s}.snowflake-5[data-v-8e143ac3]{left:90%;animation-duration:11s;animation-delay:1.5s}.snowflake-6[data-v-8e143ac3]{left:40%;animation-duration:13s;animation-delay:2.5s}@keyframes fall-8e143ac3{0%{transform:translateY(-100px) rotate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(calc(100vh + 100px)) rotate(360deg);opacity:0}}@media (max-width: 768px){.christmas-banner[data-v-8e143ac3]{padding:2rem 0}.banner-title[data-v-8e143ac3]{font-size:2rem}.banner-subtitle[data-v-8e143ac3]{font-size:1rem}.banner-button[data-v-8e143ac3]{padding:.8rem 1.5rem;font-size:.9rem}}@media (max-width: 480px){.banner-title[data-v-8e143ac3]{font-size:1.5rem}.banner-subtitle[data-v-8e143ac3]{font-size:.9rem}}.home[data-v-865beaa9]{overflow-x:hidden}.christmas-intro[data-v-865beaa9]{padding:4rem 0;background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 50%);position:relative;overflow:hidden}.christmas-intro[data-v-865beaa9]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 10% 20%,rgba(196,30,58,.05) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(34,139,34,.05) 0%,transparent 40%);z-index:0}.christmas-intro .container[data-v-865beaa9]{position:relative;z-index:1}.intro-content[data-v-865beaa9]{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:1000px;margin:0 auto}.intro-text[data-v-865beaa9]{text-align:left}.intro-title[data-v-865beaa9]{font-size:2.5rem;font-weight:800;margin-bottom:1.5rem;background:linear-gradient(135deg,#c41e3a,#228b22);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.intro-description[data-v-865beaa9]{font-size:1.1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:2rem}.intro-features[data-v-865beaa9]{display:flex;flex-direction:column;gap:1rem;margin-bottom:2.5rem}.feature-item[data-v-865beaa9]{display:flex;align-items:center;gap:.75rem;font-size:1rem;color:var(--text-primary);font-weight:500}.feature-icon[data-v-865beaa9]{font-size:1.5rem;width:2rem;text-align:center}.intro-actions[data-v-865beaa9]{display:flex;gap:1rem;flex-wrap:wrap}.btn-christmas-primary[data-v-865beaa9]{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#c41e3a,#a01a2e);color:#fff;padding:1rem 2rem;border-radius:50px;text-decoration:none;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #c41e3a4d}.btn-christmas-primary[data-v-865beaa9]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #c41e3a66;background:linear-gradient(135deg,#a01a2e,#c41e3a)}.btn-christmas-secondary[data-v-865beaa9]{display:inline-flex;align-items:center;padding:1rem 2rem;border:2px solid #C41E3A;color:#c41e3a;border-radius:50px;text-decoration:none;font-weight:600;transition:all .3s ease;background:transparent}.btn-christmas-secondary[data-v-865beaa9]:hover{background:#c41e3a;color:#fff;transform:translateY(-2px)}.intro-visual[data-v-865beaa9]{position:relative;height:300px;display:flex;align-items:center;justify-content:center}.christmas-ornament[data-v-865beaa9]{position:absolute;font-size:4rem;animation:float-865beaa9 3s ease-in-out infinite;opacity:.8}.ornament-1[data-v-865beaa9]{top:20%;left:20%;animation-delay:0s}.ornament-2[data-v-865beaa9]{top:50%;right:20%;animation-delay:1s;font-size:3rem}.ornament-3[data-v-865beaa9]{bottom:20%;left:50%;animation-delay:2s;font-size:3.5rem}@keyframes float-865beaa9{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(5deg)}}@media (max-width: 900px){.intro-content[data-v-865beaa9]{grid-template-columns:1fr;gap:2rem;text-align:center}.intro-text[data-v-865beaa9]{text-align:center}.intro-visual[data-v-865beaa9]{height:200px}.intro-title[data-v-865beaa9]{font-size:2rem}.intro-features[data-v-865beaa9]{align-items:center}.intro-actions[data-v-865beaa9]{justify-content:center}}@media (max-width: 600px){.christmas-intro[data-v-865beaa9]{padding:3rem 0}.intro-title[data-v-865beaa9]{font-size:1.75rem}.intro-description[data-v-865beaa9]{font-size:1rem}.btn-christmas-primary[data-v-865beaa9],.btn-christmas-secondary[data-v-865beaa9]{width:100%;justify-content:center;padding:.9rem 1.5rem}.intro-visual[data-v-865beaa9]{height:150px}.christmas-ornament[data-v-865beaa9]{font-size:2.5rem}}.hero[data-v-865beaa9]{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;padding:6rem 0 4rem;text-align:center;width:100vw;margin-left:calc(50% - 50vw);position:relative;overflow:hidden}.hero[data-v-865beaa9]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url(/formata3d.png) center/cover;opacity:.1;z-index:0}.hero-content[data-v-865beaa9]{position:relative;z-index:1;max-width:800px;margin:0 auto}.hero h1[data-v-865beaa9]{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;line-height:1.2}.hero-subtitle[data-v-865beaa9]{font-size:1.5rem;margin-bottom:1rem;opacity:.9}.hero-description[data-v-865beaa9]{font-size:1.1rem;margin-bottom:2rem;opacity:.8}.btn-primary[data-v-865beaa9]{display:inline-flex;align-items:center;gap:.5rem;background:#fff;color:var(--primary);padding:1rem 2rem;border-radius:50px;text-decoration:none;font-weight:600;transition:transform .3s ease}.btn-primary[data-v-865beaa9]:hover{transform:translateY(-2px)}.btn-icon[data-v-865beaa9]{transition:transform .3s ease}.btn-primary:hover .btn-icon[data-v-865beaa9]{transform:translate(4px)}.section-title[data-v-865beaa9]{font-size:2.5rem;text-align:center;margin-bottom:3rem;color:var(--primary)}.featured[data-v-865beaa9]{padding:.5rem 0 2rem;background:var(--bg-primary)}.about-us[data-v-865beaa9]{padding:.5rem 0 2rem;background:var(--bg-secondary)}.how-it-works[data-v-865beaa9]{padding:.5rem 0 2rem;background:var(--bg-primary)}.features-grid[data-v-865beaa9]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.feature-card[data-v-865beaa9]{background:var(--card-bg);padding:2rem;border-radius:1rem;box-shadow:0 4px 6px var(--shadow);transition:transform .3s ease}.feature-card[data-v-865beaa9]:hover{transform:translateY(-5px)}.feature-icon[data-v-865beaa9]{font-size:2.5rem;margin-bottom:1rem}.feature-card h3[data-v-865beaa9]{color:var(--primary);margin-bottom:1rem}.steps-container[data-v-865beaa9]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.step[data-v-865beaa9]{text-align:center;padding:2rem;position:relative}.step-number[data-v-865beaa9]{width:40px;height:40px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin:0 auto 1rem}.animate-fade-in[data-v-865beaa9]{animation:fadeIn-865beaa9 1s ease-out}.animate-fade-in-delay[data-v-865beaa9]{animation:fadeIn-865beaa9 1s ease-out .3s forwards;opacity:0}.animate-fade-in-delay-2[data-v-865beaa9]{animation:fadeIn-865beaa9 1s ease-out .6s forwards;opacity:0}.animate-fade-in-delay-3[data-v-865beaa9]{animation:fadeIn-865beaa9 1s ease-out .9s forwards;opacity:0}@keyframes fadeIn-865beaa9{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading[data-v-865beaa9],.error[data-v-865beaa9]{text-align:center;padding:2rem;font-size:1.1rem;color:var(--primary)}.error[data-v-865beaa9]{color:#dc3545}@media (max-width: 768px){.hero[data-v-865beaa9]{padding:4rem 0 3rem}.hero h1[data-v-865beaa9]{font-size:2.5rem}.hero-subtitle[data-v-865beaa9]{font-size:1.2rem}.section-title[data-v-865beaa9]{font-size:2rem}.features-grid[data-v-865beaa9],.steps-container[data-v-865beaa9]{grid-template-columns:1fr}}@media (max-width: 480px){.hero h1[data-v-865beaa9]{font-size:2rem}.hero-subtitle[data-v-865beaa9]{font-size:1.1rem}.btn-primary[data-v-865beaa9]{padding:.8rem 1.5rem;width:auto}}.container[data-v-629a571e]{max-width:1200px;margin:0 auto;padding:2rem 1rem}.filters[data-v-629a571e]{margin-bottom:2rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.search-box[data-v-629a571e]{position:relative;width:220px;flex-shrink:0}.search-box input[data-v-629a571e]{width:100%;padding:.8rem 2.5rem .8rem 1.2rem;border:2px solid var(--primary);border-radius:50px;font-size:1rem;background:var(--bg-secondary);color:var(--text-primary);transition:all .3s ease;box-shadow:0 2px 8px var(--shadow)}.search-box input[data-v-629a571e]:focus{outline:none;box-shadow:0 0 0 3px #7b2cbf1a;border-color:var(--secondary)}.search-box svg[data-v-629a571e]{position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);color:var(--primary);pointer-events:none;opacity:.7;transition:opacity .3s ease}.search-box input:focus+svg[data-v-629a571e]{opacity:1}.category-filters[data-v-629a571e]{display:flex;flex-wrap:wrap;gap:1.2rem;align-items:center;flex:1;justify-content:flex-end}.category-filters button[data-v-629a571e]{padding:.7rem 1.5rem;border:2px solid var(--primary);border-radius:50px;background:transparent;color:var(--primary);font-weight:600;cursor:pointer;transition:all .3s ease}.category-filters button[data-v-629a571e]:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.category-filters button.active[data-v-629a571e]{background:var(--primary);color:#fff}.no-results[data-v-629a571e]{text-align:center;padding:3rem;color:var(--text-secondary);font-size:1.1rem}@media (max-width: 900px){.filters[data-v-629a571e]{flex-direction:column;align-items:stretch;gap:1rem;justify-content:flex-start}.search-box[data-v-629a571e]{width:100%;margin-bottom:.5rem}.category-filters[data-v-629a571e]{justify-content:center;gap:.7rem}}@media (max-width: 600px){.search-box input[data-v-629a571e]{padding:.7rem 2.2rem .7rem 1rem;font-size:.9rem}.search-box svg[data-v-629a571e]{right:1rem}.category-filters[data-v-629a571e]{gap:.5rem}.category-filters button[data-v-629a571e]{padding:.5rem 1rem;font-size:.9rem}}.container[data-v-2b0efa1b]{max-width:1200px;margin:0 auto;padding:2rem 1rem}.detail[data-v-2b0efa1b]{display:flex;gap:3rem;align-items:flex-start;justify-content:center}.image-area[data-v-2b0efa1b]{background:linear-gradient(135deg,var(--primary) 10%,var(--secondary) 90%);border-radius:.7rem;box-shadow:0 2px 8px #7b2cbf12,0 1px 4px #00000008;padding:1rem .5rem;display:flex;flex-direction:column;align-items:center;min-width:340px;max-width:370px;min-height:340px;justify-content:center}.image-area img[data-v-2b0efa1b],.carousel img[data-v-2b0efa1b]{max-width:325px;max-height:100%;border-radius:1rem;background:#fff;box-shadow:0 4px 16px #7b2cbf1a;object-fit:cover;transition:box-shadow .3s,transform .3s}.carousel[data-v-2b0efa1b]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.carousel-arrow[data-v-2b0efa1b]{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffd9;border:none;font-size:2.2rem;cursor:pointer;z-index:2;padding:.2em .7em;border-radius:50%;box-shadow:0 2px 8px #7b2cbf1a;transition:background .2s,color .2s,box-shadow .2s;color:var(--primary);opacity:.85}.carousel-arrow.left[data-v-2b0efa1b]{left:-2.5rem}.carousel-arrow.right[data-v-2b0efa1b]{right:-2.5rem}.carousel-arrow[data-v-2b0efa1b]:hover{background:var(--primary);color:#fff;box-shadow:0 4px 16px #7b2cbf2e;opacity:1}.arrow-icon[data-v-2b0efa1b]{display:flex;align-items:center;justify-content:center;font-size:2.2rem}.carousel-indicators[data-v-2b0efa1b]{display:flex;justify-content:center;gap:.7rem;margin-top:1.2rem}.carousel-indicators span[data-v-2b0efa1b]{display:block;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid var(--primary);cursor:pointer;transition:background .2s,border .2s,transform .2s;opacity:.7}.carousel-indicators .active[data-v-2b0efa1b]{background:var(--primary);border-color:var(--secondary);opacity:1;transform:scale(1.15)}.fade-slide-enter-active[data-v-2b0efa1b],.fade-slide-leave-active[data-v-2b0efa1b]{transition:opacity .4s,transform .4s}.fade-slide-enter-from[data-v-2b0efa1b],.fade-slide-leave-to[data-v-2b0efa1b]{opacity:0;transform:translate(30px)}.fade-slide-leave-from[data-v-2b0efa1b],.fade-slide-enter-to[data-v-2b0efa1b]{opacity:1;transform:translate(0)}.info-card[data-v-2b0efa1b]{background:var(--card-bg);border-radius:1.5rem;box-shadow:0 4px 24px var(--shadow);padding:2.5rem 2rem;flex:1;min-width:320px;max-width:600px;display:flex;flex-direction:column;transition:all .3s ease}.category[data-v-2b0efa1b]{color:var(--primary);font-size:1.1rem;font-weight:700;letter-spacing:.04em}h1[data-v-2b0efa1b]{font-family:var(--font-heading);font-size:2.3rem;color:var(--primary);margin-bottom:.5rem}.long-description[data-v-2b0efa1b]{font-size:1.1rem;color:var(--text-secondary);margin-bottom:1.2rem}h2[data-v-2b0efa1b]{font-size:1.2rem;color:var(--secondary);margin:1.2rem 0 .5rem;font-family:var(--font-heading)}.features-list[data-v-2b0efa1b],.specs-list[data-v-2b0efa1b]{margin:0 0 .7rem 1.2rem;padding:0;color:var(--text-primary);font-size:1rem;list-style:disc inside}.price[data-v-2b0efa1b]{color:var(--primary);font-weight:700;font-size:2rem;margin:1.2rem 0 .5rem}.btn-primary[data-v-2b0efa1b]{display:inline-block;background:var(--primary);color:#fff;padding:1rem 2.2rem;border-radius:50px;text-decoration:none;font-weight:700;font-size:1.1rem;margin-top:1.2rem;box-shadow:0 2px 8px #7b2cbf1a;transition:background .2s,transform .2s}.btn-primary[data-v-2b0efa1b]:hover{background:var(--secondary);color:var(--primary);transform:translateY(-2px)}.action-buttons-detail[data-v-2b0efa1b]{display:flex;gap:1rem;align-items:center;margin:1.2rem 0 .7rem;flex-wrap:wrap}.btn-cart[data-v-2b0efa1b]{display:inline-block;background:var(--secondary, #7b2cbf);color:#fff;padding:1rem 2rem;border-radius:50px;text-decoration:none;font-weight:700;font-size:1.1rem;border:none;cursor:pointer;transition:background .2s}.btn-cart[data-v-2b0efa1b]:hover{background:var(--primary, #5f1d91)}.btn-shopee[data-v-2b0efa1b]{display:inline-block;background:#ee4d2d;color:#fff;padding:1rem 2rem;border-radius:50px;text-decoration:none;font-weight:700;font-size:1.1rem;border:none;cursor:pointer;transition:background .2s}.btn-shopee[data-v-2b0efa1b]:hover{background:#d6361f}@media (max-width: 900px){.detail[data-v-2b0efa1b]{flex-direction:column;gap:2rem;align-items:stretch}.image-area[data-v-2b0efa1b]{min-width:0;max-width:100%;min-height:0;padding:1.5rem .5rem}.info-card[data-v-2b0efa1b]{min-width:0;max-width:100%;padding:1.5rem .7rem}}@media (max-width: 600px){body[data-v-2b0efa1b],html[data-v-2b0efa1b]{background:var(--neutral-light)}.container[data-v-2b0efa1b]{padding:.2rem .01rem;margin:0;max-width:100vw}.detail[data-v-2b0efa1b]{margin:10px}.image-area[data-v-2b0efa1b]{padding:.1rem .01rem;min-width:0;max-width:100vw;min-height:0;border-radius:.3rem;box-shadow:none}.carousel-img-wrapper img[data-v-2b0efa1b],.carousel-video[data-v-2b0efa1b]{max-width:99vw;max-height:38vw;border-radius:.3rem}.carousel-arrow.left[data-v-2b0efa1b]{left:.1rem;right:auto}.carousel-arrow.right[data-v-2b0efa1b]{right:.1rem;left:auto}.arrow-icon[data-v-2b0efa1b]{font-size:1rem}.carousel-indicators[data-v-2b0efa1b]{gap:.2rem;margin-top:.3rem}.carousel-indicators span[data-v-2b0efa1b]{width:6px;height:6px;border-width:1px}.zoom-btn[data-v-2b0efa1b]{bottom:3px;right:3px;width:24px;height:24px;padding:.05em}.modal-content img[data-v-2b0efa1b],.modal-video[data-v-2b0efa1b]{max-width:99vw;max-height:45vh;border-radius:.3rem}.close-modal[data-v-2b0efa1b]{top:-7px;right:-7px;font-size:1rem;width:22px;height:22px}.info-card[data-v-2b0efa1b]{padding:.5rem .2rem .7rem;min-width:0;max-width:100vw;border-radius:.3rem;box-shadow:none;gap:.7rem}.category[data-v-2b0efa1b]{font-size:.9rem;margin-bottom:.2rem}h1[data-v-2b0efa1b]{font-size:1.05rem;margin-bottom:.2rem}.long-description[data-v-2b0efa1b]{font-size:.98rem;margin-bottom:.5rem}h2[data-v-2b0efa1b]{font-size:1rem;margin:.7rem 0 .2rem;color:var(--primary);font-weight:700;letter-spacing:.01em}.features-list[data-v-2b0efa1b],.specs-list[data-v-2b0efa1b]{margin:0 0 .3rem .7rem;font-size:.97rem}.price[data-v-2b0efa1b]{font-size:1.05rem;margin:.7rem 0 .2rem;color:var(--primary);font-weight:700}.action-buttons-detail[data-v-2b0efa1b]{flex-direction:column;gap:.5rem;width:100%}.btn-cart[data-v-2b0efa1b],.btn-shopee[data-v-2b0efa1b]{width:100%;font-size:1rem;padding:.7rem 0;border-radius:1.2rem;box-sizing:border-box}.btn-primary[data-v-2b0efa1b]{width:100%;font-size:1rem;padding:.7rem 0;border-radius:1.2rem;margin-top:.3rem;margin-bottom:.7rem;box-shadow:none}footer[data-v-2b0efa1b],.footer[data-v-2b0efa1b],.copyright[data-v-2b0efa1b]{margin-top:1.2rem!important;padding-bottom:.5rem!important}}.carousel-img-wrapper[data-v-2b0efa1b]{position:relative;display:flex;align-items:center;justify-content:center}.image-loading[data-v-2b0efa1b]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary)}.loading-spinner[data-v-2b0efa1b]{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--primary);border-radius:50%;animation:spin-2b0efa1b 1s linear infinite;margin-bottom:1rem}@keyframes spin-2b0efa1b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.image-loading p[data-v-2b0efa1b]{margin:0;font-size:.9rem;font-weight:500}.carousel-img-wrapper img[data-v-2b0efa1b]{cursor:zoom-in}.zoom-btn[data-v-2b0efa1b]{position:absolute;bottom:12px;right:12px;background:#ffffffd9;border:none;border-radius:50%;box-shadow:0 2px 8px #7b2cbf1a;padding:.3em;cursor:pointer;transition:background .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center}.zoom-btn[data-v-2b0efa1b]:hover{background:var(--primary)}.zoom-btn:hover svg[data-v-2b0efa1b]{stroke:#fff}.modal-overlay[data-v-2b0efa1b]{position:fixed;top:0;left:0;right:0;bottom:0;background:#1e1e1ed9;z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s}.modal-content[data-v-2b0efa1b]{position:relative;background:none;border-radius:1.2rem;box-shadow:0 8px 32px #7b2cbf2e;padding:0;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.modal-content img[data-v-2b0efa1b]{max-width:80vw;max-height:80vh;border-radius:1.2rem;box-shadow:0 4px 24px #7b2cbf2e;background:#fff}.close-modal[data-v-2b0efa1b]{position:absolute;top:-18px;right:-18px;background:#fff;color:var(--primary);border:none;border-radius:50%;font-size:2.2rem;width:38px;height:38px;box-shadow:0 2px 8px #7b2cbf1a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.close-modal[data-v-2b0efa1b]:hover{background:var(--primary);color:#fff}.carousel-video[data-v-2b0efa1b]{max-width:325px;max-height:100%;border-radius:1rem;background:#fff;box-shadow:0 4px 16px #7b2cbf1a;object-fit:cover;transition:box-shadow .3s,transform .3s;cursor:zoom-in}.modal-video[data-v-2b0efa1b]{max-width:80vw;max-height:80vh;border-radius:1.2rem;box-shadow:0 4px 24px #7b2cbf2e;background:#fff}.variation-block[data-v-2b0efa1b]{padding:1.2rem 1rem;background:var(--bg-secondary);border-radius:1rem;box-shadow:0 2px 8px var(--shadow);display:flex;flex-direction:column;gap:.7rem}.variation-label[data-v-2b0efa1b]{font-weight:600;color:var(--primary);font-size:1.2rem;margin-bottom:.3rem}.variation-selector[data-v-2b0efa1b]{display:flex;gap:.7rem;margin-bottom:.5rem}.variation-selector button[data-v-2b0efa1b]{padding:.5rem 1.2rem;border:2px solid var(--primary);border-radius:50px;background:var(--card-bg);color:var(--primary);font-weight:600;cursor:pointer;transition:all .2s}.variation-selector button.active[data-v-2b0efa1b],.variation-selector button[data-v-2b0efa1b]:hover{background:var(--primary);color:#fff}.variation-info[data-v-2b0efa1b]{font-size:1.1rem;color:var(--text-primary);display:flex;gap:2rem}@media (max-width: 600px){.variation-block[data-v-2b0efa1b]{padding:.7rem .3rem;border-radius:.5rem;gap:.4rem}.variation-selector[data-v-2b0efa1b]{gap:.3rem}.variation-selector button[data-v-2b0efa1b]{padding:.3rem .7rem;font-size:.95rem}.variation-info[data-v-2b0efa1b]{flex-direction:column;gap:.2rem;font-size:1rem}}.container[data-v-1080b8b2],.container[data-v-e60f0a58]{max-width:800px;margin:0 auto;padding:2rem 1rem}.not-found[data-v-899502c0]{min-height:100vh;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.container[data-v-899502c0]{max-width:1200px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.not-found-content[data-v-899502c0]{text-align:left}.error-code[data-v-899502c0]{font-size:8rem;font-weight:900;color:var(--primary);line-height:1;margin-bottom:1rem;text-shadow:0 4px 8px rgba(123,44,191,.2)}h1[data-v-899502c0]{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;font-family:var(--font-heading)}p[data-v-899502c0]{font-size:1.2rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.actions[data-v-899502c0]{display:flex;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.btn-primary[data-v-899502c0],.btn-secondary[data-v-899502c0]{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;text-decoration:none;font-weight:600;transition:all .3s ease;border:2px solid transparent}.btn-primary[data-v-899502c0]{background:var(--primary);color:#fff}.btn-primary[data-v-899502c0]:hover{background:var(--secondary);transform:translateY(-2px);box-shadow:0 8px 25px #7b2cbf4d}.btn-secondary[data-v-899502c0]{background:transparent;color:var(--text-primary);border-color:var(--border-color)}.btn-secondary[data-v-899502c0]:hover{background:var(--bg-secondary);border-color:var(--primary);transform:translateY(-2px)}.help-section[data-v-899502c0]{background:var(--card-bg);padding:2rem;border-radius:1rem;border:1px solid var(--border-color);box-shadow:0 4px 12px var(--shadow)}.help-section h3[data-v-899502c0]{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;font-family:var(--font-heading)}.help-section p[data-v-899502c0]{font-size:1rem;color:var(--text-secondary);margin-bottom:1.5rem}.contact-info[data-v-899502c0]{display:flex;flex-direction:column;gap:1rem}.contact-link[data-v-899502c0]{display:inline-flex;align-items:center;gap:.75rem;color:var(--primary);text-decoration:none;font-weight:500;transition:color .3s ease}.contact-link[data-v-899502c0]:hover{color:var(--secondary)}.illustration[data-v-899502c0]{display:flex;align-items:center;justify-content:center;opacity:.8}@media (max-width: 768px){.container[data-v-899502c0]{grid-template-columns:1fr;gap:2rem;text-align:center}.not-found-content[data-v-899502c0]{text-align:center}.error-code[data-v-899502c0]{font-size:6rem}h1[data-v-899502c0]{font-size:2rem}p[data-v-899502c0]{font-size:1rem}.actions[data-v-899502c0]{justify-content:center}.btn-primary[data-v-899502c0],.btn-secondary[data-v-899502c0]{padding:.625rem 1.25rem;font-size:.9rem}.help-section[data-v-899502c0]{padding:1.5rem}.illustration svg[data-v-899502c0]{width:250px;height:150px}}@media (max-width: 480px){.not-found[data-v-899502c0]{padding:1rem}.error-code[data-v-899502c0]{font-size:4rem}h1[data-v-899502c0]{font-size:1.5rem}.actions[data-v-899502c0]{flex-direction:column;align-items:center}.btn-primary[data-v-899502c0],.btn-secondary[data-v-899502c0]{width:100%;max-width:280px;justify-content:center}.illustration svg[data-v-899502c0]{width:200px;height:120px}}