.desktop-view,.desktop-view-flex{display:none!important}.mobile-view{display:block!important}@media(min-width:768px){.desktop-view{display:block!important}.desktop-view-flex{display:flex!important}.mobile-view{display:none!important}}#vto-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483640!important;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;transition:opacity .3s ease,visibility .3s ease}#modal-panel{background:#fff;box-shadow:0 30px 60px -15px #00000026;position:relative;display:flex;flex-direction:column;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),opacity .4s ease}@media(min-width:768px){#modal-panel{border-radius:32px;padding:40px 48px}}@media(max-width:767px){#modal-panel{border-radius:28px;padding:24px 20px}}#vto-modal.hidden-modal{opacity:0;visibility:hidden;pointer-events:none}#vto-modal.hidden-modal:not(.is-desktop) #modal-panel{transform:scale(.95) translateY(20px);opacity:0}#vto-modal.is-desktop.hidden-modal #modal-panel{transform:translate(-50%,-45%) scale(calc(var(--dynamic-scale) * .95))!important;opacity:0}#vto-modal.is-desktop{display:block;padding:0;overflow:hidden}#vto-modal.is-desktop #modal-panel{position:absolute;top:50%;left:50%;margin:0;transform:translate(-50%,-50%) scale(var(--dynamic-scale));transform-origin:center center}.phone-bounding-box{width:calc(320px * var(--phone-scale, 1));height:calc(620px * var(--phone-scale, 1));position:relative;margin:0 auto;transition:all .3s ease}.phone-inner-scaler{position:absolute;top:0;left:0;width:320px;height:620px;transform:scale(var(--phone-scale, 1));transform-origin:top left}.phone{width:100%;height:100%;border-radius:48px;background:#111;box-shadow:0 0 0 8px #1a1a1a,0 0 0 10px #2a2a2a,0 40px 80px #00000040,0 8px 24px #00000026;position:relative;overflow:hidden}.phone:before{content:"";position:absolute;top:12px;left:50%;transform:translate(-50%);width:90px;height:24px;background:#111;border-radius:20px;z-index:999}.phone:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:43px;border:2px solid #111;z-index:1000;pointer-events:none}.screen{position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:42px;overflow:hidden;background:#000;transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(white,black)}.layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}#layer-product{z-index:10;background:#fafafa;animation:productVisible 20s infinite;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}#layer-product::-webkit-scrollbar{display:none}@keyframes productVisible{0%,34%{opacity:1}35%,to{opacity:0}}.product-img-demo{width:100%;height:230px;object-fit:cover;border-radius:0 0 32px 32px}.tryon-btn-anim{animation:btnClick 20s infinite;transform-origin:center}@keyframes btnClick{0%,19%{transform:scale(1)}20%{transform:scale(.93)}21%,to{transform:scale(1)}}#layer-sheet{z-index:20;background:transparent;pointer-events:none;animation:sheetLayerVisible 20s infinite}@keyframes sheetLayerVisible{0%,22%{opacity:0}24%,34%{opacity:1}36%,to{opacity:0}}.sheet-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.action-sheet{position:absolute;bottom:0;left:0;right:0;background:#ffffffd9;-webkit-backdrop-filter:blur(30px) saturate(150%);backdrop-filter:blur(30px) saturate(150%);border-radius:28px 28px 0 0;padding:20px 20px 32px;animation:sheetSlideUp 20s infinite;box-shadow:0 -20px 40px #00000026;border-top:1px solid rgba(255,255,255,.4)}@keyframes sheetSlideUp{0%,22%{transform:translateY(100%)}24%,34%{transform:translateY(0)}36%,to{transform:translateY(100%)}}.sheet-handle{width:40px;height:5px;background:#00000026;border-radius:10px;margin:0 auto 18px}.sheet-option{display:flex;align-items:center;gap:14px;padding:16px 18px;background:#fff;border:none;box-shadow:0 4px 12px #0000000f;border-radius:18px;color:#111;font-size:15px;font-weight:600;margin-bottom:12px}.take-photo-btn{animation:takePhotoClick 20s infinite;transform-origin:center}@keyframes takePhotoClick{0%,29%{transform:scale(1);background:#fff}30%{transform:scale(.95);background:#f3f4f6}32%,to{transform:scale(1);background:#fff}}#layer-camera{z-index:30;animation:cameraVisible 20s infinite;background:#000}@keyframes cameraVisible{0%,33%{opacity:0}35%,54%{opacity:1}55%,to{opacity:0}}.camera-feed{width:100%;height:100%;object-fit:cover}.cam-top-bar{position:absolute;top:0;left:0;right:0;padding:54px 20px 16px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to bottom,rgba(0,0,0,.6),transparent);animation:hideCamUI 20s infinite}.cam-bottom{position:absolute;bottom:0;left:0;right:0;padding:20px 32px 36px;display:flex;justify-content:center;align-items:center;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);animation:hideCamUI 20s infinite}@keyframes hideCamUI{0%,41%{opacity:1;visibility:visible}43%,to{opacity:0;visibility:hidden}}.shutter-outer{width:72px;height:72px;border-radius:50%;border:3px solid rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;animation:shutterPress 20s infinite}@keyframes shutterPress{0%,41%{transform:scale(1)}42%{transform:scale(.85)}43%,to{transform:scale(1)}}.shutter-inner{width:56px;height:56px;border-radius:50%;background:#fff}.flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;border-radius:44px;opacity:0;animation:flashAnim 20s infinite;pointer-events:none}@keyframes flashAnim{0%,42%{opacity:0}43%{opacity:.95}44%,to{opacity:0}}.customize-sheet{position:absolute;bottom:0;left:0;right:0;background:#ffffffd9;-webkit-backdrop-filter:blur(30px) saturate(150%);backdrop-filter:blur(30px) saturate(150%);border-radius:36px 36px 0 0;padding:16px 16px 32px;animation:customizeSlideUp 20s infinite;box-shadow:0 -20px 40px #00000026;border-top:1px solid rgba(255,255,255,.4)}@keyframes customizeSlideUp{0%,44%{transform:translateY(100%);opacity:0}46%,71%{transform:translateY(0);opacity:1}73%,to{transform:translateY(100%);opacity:0}}.cust-handle{width:48px;height:5px;background:#00000026;border-radius:10px;margin:0 auto 16px}.cust-title{font-size:18px;font-weight:700;color:#111;text-align:center;margin-bottom:20px;letter-spacing:-.02em}.cust-body{display:flex;gap:12px;margin-bottom:24px;align-items:center}.cust-thumb{width:76px;height:102px;border-radius:18px;overflow:hidden;border:3px solid #fff;flex-shrink:0;box-shadow:0 12px 24px #0000001f}.cust-thumb img{width:100%;height:100%;object-fit:cover}.cust-options{flex:1;display:flex;flex-direction:column;gap:14px}.cust-label{font-size:9px;font-weight:800;color:#9ca3af;text-transform:uppercase;margin-bottom:6px;letter-spacing:.1em}.cust-size-guide{font-size:8px;font-weight:800;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;background:#e5e7eb;border:none;border-radius:9999px;padding:5px 8px;display:flex;align-items:center;gap:4px}.generate-btn{width:100%;background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;font-weight:700;font-size:15px;padding:16px;border-radius:22px;display:flex;justify-content:center;align-items:center;gap:8px;animation:generateClick 20s infinite;transform-origin:center;box-shadow:0 8px 28px #7c3aed73;letter-spacing:.01em}@keyframes generateClick{0%,51%{transform:scale(1);filter:brightness(1)}52%{transform:scale(.95);filter:brightness(.85)}53%,to{transform:scale(1);filter:brightness(1)}}#layer-ai{z-index:40;background:#080814f7;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:aiVisible 20s infinite}@keyframes aiVisible{0%,53%{opacity:0}55%,71%{opacity:1}72%,to{opacity:0}}.ai-orb{width:120px;height:120px;border-radius:50%;position:relative;margin-bottom:32px}.orb-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid transparent;animation:orbSpin 2s linear infinite}.orb-ring:nth-child(1){border-top-color:#a78bfa;border-right-color:#7c3aed;animation-duration:1.8s}.orb-ring:nth-child(2){top:10px;right:10px;bottom:10px;left:10px;border-bottom-color:#38bdf8;border-left-color:#0ea5e9;animation-duration:2.4s;animation-direction:reverse}.orb-ring:nth-child(3){top:20px;right:20px;bottom:20px;left:20px;border-top-color:#f472b6;border-right-color:#ec4899;animation-duration:1.4s}@keyframes orbSpin{to{transform:rotate(360deg)}}.orb-core{position:absolute;top:28px;right:28px;bottom:28px;left:28px;border-radius:50%;background:radial-gradient(circle,#c4b5fd,#7c3aed);animation:corePulse 1.5s ease-in-out infinite;box-shadow:0 0 30px 10px #7c3aed80,0 0 60px 20px #7c3aed33}@keyframes corePulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.15);opacity:1}}.sparkle{position:absolute;width:6px;height:6px;border-radius:50%;background:#a78bfa;animation:sparkleFly 2s ease-in-out infinite}.sparkle:nth-child(1){top:-10px;left:50%;animation-delay:0s}.sparkle:nth-child(2){top:50%;right:-10px;animation-delay:.5s;background:#38bdf8}.sparkle:nth-child(3){bottom:-10px;left:30%;animation-delay:1s;background:#f472b6}.sparkle:nth-child(4){top:20%;left:-10px;animation-delay:1.5s;background:#fbbf24}@keyframes sparkleFly{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.3) translateY(-6px);opacity:.3}}.ai-title{color:#fff;font-size:20px;font-weight:700;font-family:Playfair Display,serif;letter-spacing:.01em;margin-bottom:8px;animation:textGlow 2s ease-in-out infinite}@keyframes textGlow{0%,to{text-shadow:0 0 10px rgba(167,139,250,.5)}50%{text-shadow:0 0 24px rgba(167,139,250,1),0 0 40px rgba(124,58,237,.5)}}.ai-sub{color:#ffffff73;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.ai-dots{display:flex;gap:8px;margin-top:24px}.ai-dot{width:8px;height:8px;border-radius:50%;background:#7c3aed;animation:dotPop 1.2s ease-in-out infinite}.ai-dot:nth-child(2){animation-delay:.2s;background:#38bdf8}.ai-dot:nth-child(3){animation-delay:.4s;background:#f472b6}@keyframes dotPop{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.6);opacity:1}}#layer-result{z-index:50;background:#0a0a0a;animation:resultVisible 20s infinite;position:absolute;top:0;right:0;bottom:0;left:0}@keyframes resultVisible{0%,71%{opacity:0}73%,97%{opacity:1}99%,to{opacity:0}}.result-top-bar{position:absolute;top:0;left:0;right:0;height:100px;background:linear-gradient(to bottom,rgba(0,0,0,.65) 0%,transparent 100%);animation:resultUIFadeInTop 20s ease-out infinite;z-index:20}@keyframes resultUIFadeInTop{0%,75%{opacity:0;transform:translateY(-15px)}80%,95%{opacity:1;transform:translateY(0)}98%,to{opacity:0;transform:translateY(-5px)}}.close-btn-mock{position:absolute;top:24px;right:20px;width:36px;height:36px;border-radius:50%;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center}.result-bottom{position:absolute;bottom:0;left:0;right:0;padding:24px 16px 36px;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.4) 60%,transparent 100%);animation:resultUIFadeInBottom 20s ease-out infinite;z-index:20}@keyframes resultUIFadeInBottom{0%,75%{opacity:0;transform:translateY(20px)}80%,95%{opacity:1;transform:translateY(0)}98%,to{opacity:0;transform:translateY(10px)}}.result-info{color:#ffffffe6;font-size:13px;font-weight:500;text-align:center;margin-bottom:16px;letter-spacing:.01em;text-shadow:0 1px 4px rgba(0,0,0,.3)}.result-actions{display:flex;gap:10px;width:100%;justify-content:center;align-items:center}.result-actions .btn-download{flex:1;padding:14px;border-radius:18px;background:#ffffff1f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.25);color:#fff;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px}.result-actions .btn-cart{flex:1.6;padding:14px;border-radius:18px;background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 8px 24px #7c3aed80}.demo-anim-img,.final-result-img{width:100%;height:100%;object-fit:cover}#layer-reset{z-index:60;background:#fff;animation:resetFlash 20s infinite;pointer-events:none}@keyframes resetFlash{0%,97%{opacity:0}98%,98.5%{opacity:1}to{opacity:0}}.product-info{padding:12px 18px 0}.product-tag{display:inline-flex;align-items:center;gap:4px;background:#f3f0ff;color:#7c3aed;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:20px;margin-bottom:6px}.product-title{font-family:Playfair Display,serif;font-size:16px;color:#111;line-height:1.25;margin-bottom:6px;font-weight:700}.product-price-row{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}.price-main{font-size:22px;font-weight:700;color:#111}.price-old{font-size:14px;color:#aaa;text-decoration:line-through}.price-badge{font-size:11px;font-weight:700;background:#fef2f2;color:#ef4444;padding:2px 8px;border-radius:20px}.stars{display:flex;align-items:center;gap:4px;margin-bottom:6px}.star{color:#f59e0b;font-size:13px}.star-count{font-size:12px;color:#888}.divider{height:1px;background:#f0f0f0;margin:0 18px 10px}.color-row{display:flex;align-items:center;gap:10px;padding:0 18px;margin-bottom:10px}.color-label{font-size:12px;color:#888;font-weight:500;margin-right:2px}.swatch{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer}.swatch.active{border-color:#7c3aed;box-shadow:0 0 0 2px #fff,0 0 0 4px #7c3aed}.size-row{display:flex;align-items:center;gap:8px;padding:0 18px;margin-bottom:16px}.size-label{font-size:12px;color:#888;font-weight:500;margin-right:2px}.size-btn{width:34px;height:34px;border-radius:10px;border:1.5px solid #e5e7eb;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#555;background:#fff}.size-btn.active{border-color:#7c3aed;background:#7c3aed;color:#fff;box-shadow:0 4px 12px #7c3aed4d}.action-row{display:flex;gap:12px;margin-bottom:10px}.qty-control{display:flex;align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:22px;overflow:hidden;flex-shrink:0;height:48px}.qty-btn{width:36px;height:100%;background:transparent;border:none;font-size:18px;font-weight:500;color:#555;display:flex;align-items:center;justify-content:center;cursor:pointer}.qty-val{width:24px;text-align:center;font-size:14px;font-weight:700;color:#111}.tryon-btn-wrap{padding:0 18px 30px;display:flex;flex-direction:column}.cart-btn-mock{flex:1;height:52px;border-radius:22px;background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 8px 24px #7c3aed73;letter-spacing:.01em}.tryon-btn{width:100%;padding:16px;border-radius:22px;background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 8px 28px #7c3aed73;letter-spacing:.01em}@media(min-width:768px){.steps-container{display:flex;flex-direction:column;gap:1.5rem}.step-1 .step-icon-wrap{animation:dIcon1 20s infinite}.step-1 .step-text{animation:dText1 20s infinite}.step-2 .step-icon-wrap{animation:dIcon2 20s infinite}.step-2 .step-text{animation:dText2 20s infinite}.step-3 .step-icon-wrap{animation:dIcon3 20s infinite}.step-3 .step-text{animation:dText3 20s infinite}.step-4 .step-icon-wrap{animation:dIcon4 20s infinite}.step-4 .step-text{animation:dText4 20s infinite}.step-5 .step-icon-wrap{animation:dIcon5 20s infinite}.step-5 .step-text{animation:dText5 20s infinite}@keyframes dIcon1{0%,22%{background:#7c3aed;color:#fff;box-shadow:0 8px 24px #7c3aed66;transform:scale(1.15);border-color:transparent}24%,to{background:#f8fafc;color:#94a3b8;transform:scale(1);border-color:#e2e8f0;box-shadow:none}}@keyframes dText1{0%,22%{opacity:1;transform:translate(10px)}24%,to{opacity:.4;transform:translate(0)}}@keyframes dIcon2{0%,23%{background:#f8fafc;color:#94a3b8;transform:scale(1);box-shadow:none;border-color:#e2e8f0}24%,44%{background:#7c3aed;color:#fff;box-shadow:0 8px 24px #7c3aed66;transform:scale(1.15);border-color:transparent}46%,to{background:#f8fafc;color:#94a3b8;transform:scale(1);box-shadow:none;border-color:#e2e8f0}}@keyframes dText2{0%,23%{opacity:.4;transform:translate(0)}24%,44%{opacity:1;transform:translate(10px)}46%,to{opacity:.4;transform:translate(0)}}@keyframes dIcon3{0%,45%{background:#f8fafc;color:#94a3b8;transform:scale(1);box-shadow:none;border-color:#e2e8f0}46%,53%{background:#7c3aed;color:#fff;box-shadow:0 8px 24px #7c3aed66;transform:scale(1.15);border-color:transparent}55%,to{background:#f8fafc;color:#94a3b8;transform:scale(1);box-shadow:none;border-color:#e2e8f0}}@keyframes dText3{0%,45%{opacity:.4;transform:translate(0)}46%,53%{opacity:1;transform:translate(10px)}55%,to{opacity:.4;transform:translate(0)}}@keyframes dIcon4{0%,54%{background:#f8fafc;color:#94a3b8;transform:scale(1);box-shadow:none;border-color:#e2e8f0}55%,71%{background:#7c3aed;color:#fff;box-shadow:0 8px 24px #7c3aed66;transform:scale(1.15);border-color:transparent}73%,to{background:#f8fafc;color:#94a3b8;transform:scale(1);box-shadow:none;border-color:#e2e8f0}}@keyframes dText4{0%,54%{opacity:.4;transform:translate(0)}55%,71%{opacity:1;transform:translate(10px)}73%,to{opacity:.4;transform:translate(0)}}@keyframes dIcon5{0%,72%{background:#f8fafc;color:#94a3b8;transform:scale(1);box-shadow:none;border-color:#e2e8f0}73%,97%{background:#10b981;color:#fff;box-shadow:0 8px 24px #10b98166;transform:scale(1.15);border-color:transparent}99%,to{background:#f8fafc;color:#94a3b8;transform:scale(1);box-shadow:none;border-color:#e2e8f0}}@keyframes dText5{0%,72%{opacity:.4;transform:translate(0)}73%,97%{opacity:1;transform:translate(10px)}99%,to{opacity:.4;transform:translate(0)}}}@media(max-width:767px){.steps-container{display:grid;grid-template-areas:"slideshow";width:100%;height:80px;align-items:center}.step-wrapper{grid-area:slideshow;opacity:0;pointer-events:none;text-align:center;justify-content:center}.step-wrapper>div:first-child{display:none!important}.step-icon-wrap{background:#7c3aed!important;color:#fff!important;box-shadow:0 8px 24px #7c3aed66!important;transform:scale(1.1)!important;border-color:transparent!important}.step-5 .step-icon-wrap{background:#10b981!important;color:#fff!important;box-shadow:0 8px 24px #10b98166!important}.step-1{animation:mFade1 20s infinite}.step-2{animation:mFade2 20s infinite}.step-3{animation:mFade3 20s infinite}.step-4{animation:mFade4 20s infinite}.step-5{animation:mFade5 20s infinite}@keyframes mFade1{0%,22%{opacity:1;transform:translateY(0);pointer-events:auto}24%,to{opacity:0;transform:translateY(-10px);pointer-events:none}}@keyframes mFade2{0%,23%{opacity:0;transform:translateY(10px);pointer-events:none}24%,44%{opacity:1;transform:translateY(0);pointer-events:auto}46%,to{opacity:0;transform:translateY(-10px);pointer-events:none}}@keyframes mFade3{0%,45%{opacity:0;transform:translateY(10px);pointer-events:none}46%,53%{opacity:1;transform:translateY(0);pointer-events:auto}55%,to{opacity:0;transform:translateY(-10px);pointer-events:none}}@keyframes mFade4{0%,54%{opacity:0;transform:translateY(10px);pointer-events:none}55%,71%{opacity:1;transform:translateY(0);pointer-events:auto}73%,to{opacity:0;transform:translateY(-10px);pointer-events:none}}@keyframes mFade5{0%,72%{opacity:0;transform:translateY(10px);pointer-events:none}73%,97%{opacity:1;transform:translateY(0);pointer-events:auto}99%,to{opacity:0;transform:translateY(-10px);pointer-events:none}}}#upload-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}#upload-modal.is-open #upload-panel{transform:translate(0) scale(1)}#customize-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}#customize-modal.is-open #customize-panel{transform:translate(0) scale(1)}#size-chart-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}#size-chart-modal.is-open #size-chart-panel{transform:translate(0) scale(1)}#generating-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}#generating-modal.is-open #generating-panel{transform:scale(1)}#result-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}#result-modal.is-open #result-panel{transform:scale(1);opacity:1}#result-modal.show-ui .delayed-ui-top,#result-modal.show-ui .delayed-ui-bottom{opacity:1;transform:translateY(0)}#guest-limit-modal.is-open,#file-limit-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}#guest-limit-modal.is-open .popup-panel,#file-limit-modal.is-open .popup-panel{transform:scale(1)}#result-modal:not(.show-ui) .delayed-ui-top *,#result-modal:not(.show-ui) .delayed-ui-bottom *{pointer-events:none!important}
/*# sourceMappingURL=/cdn/shop/t/14/assets/vto-styles.css.map */