.vto{margin:48px 0;padding:32px;background:#faf9f8;border:1px solid #ede8e3;border-radius:12px;font-family:inherit}.vto__header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.vto__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,#c96b5a,#e08a75);border-radius:50%;flex-shrink:0}.vto__icon svg{color:#fff}.vto__title{font-size:17px;font-weight:700;color:#1a1a1a;letter-spacing:-.02em;margin:0}.vto__subtitle{font-size:13px;color:#7a7a7a;margin:0 0 16px;line-height:1.5;padding-left:46px}.vto__tips-guide{background:#fff;border:1px solid #ede8e3;border-radius:8px;margin-bottom:14px;overflow:hidden}.vto__tips-summary{display:flex;align-items:center;gap:6px;padding:11px 14px;cursor:pointer;font-size:12.5px;font-weight:600;color:#5a4f4a;list-style:none;-webkit-user-select:none;user-select:none}.vto__tips-summary::-webkit-details-marker{display:none}.vto__tips-summary:hover{color:#c96b5a}.vto__tips-chevron{margin-left:auto;transition:transform .25s ease}.vto__tips-guide[open] .vto__tips-chevron{transform:rotate(180deg)}.vto__tips-body{padding:0 14px 14px}.vto__tips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media(max-width:480px){.vto__tips-grid{grid-template-columns:repeat(2,1fr)}}.vto__tip-card{position:relative;background:#faf9f8;border-radius:8px;padding:12px 10px 10px;text-align:center;border:1px solid #ede8e3}.vto__tip-card--good{background:#f4faf4;border-color:#c8e6c8}.vto__tip-card--bad{background:#fef5f4;border-color:#f5c6c0}.vto__tip-badge{position:absolute;top:-9px;left:50%;transform:translate(-50%);font-size:9px;font-weight:700;letter-spacing:.06em;padding:2px 7px;border-radius:20px;white-space:nowrap}.vto__tip-badge--good{background:#6a9e6a;color:#fff}.vto__tip-badge--bad{background:#c96b5a;color:#fff}.vto__tip-icon{font-size:22px;margin:4px 0 6px}.vto__tip-card-text{font-size:11px;color:#5a4f4a;line-height:1.4;margin:0}.vto__privacy{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#6a9e6a;background:#f0f8f0;border:1px solid #c8e6c8;border-radius:20px;padding:3px 10px;margin-bottom:16px}.vto__saved{margin-bottom:14px;padding:12px 14px;background:#fff;border:1px solid #ede8e3;border-radius:8px}.vto__saved-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.vto__saved-label{font-size:12px;font-weight:700;color:#5a4f4a}.vto__saved-clear{font-size:11px;color:#c96b5a;background:none;border:none;cursor:pointer;padding:0;text-decoration:underline}.vto__saved-grid{display:flex;gap:8px;flex-wrap:wrap}.vto__saved-thumb{position:relative;width:68px}.vto__saved-thumb img{width:68px;height:90px;object-fit:cover;border-radius:6px;border:2px solid #ede8e3;display:block}.vto__saved-use{display:block;width:100%;margin-top:4px;font-size:9.5px;font-weight:700;letter-spacing:.03em;padding:3px 4px;background:#c96b5a;color:#fff;border:none;border-radius:4px;cursor:pointer;text-align:center;transition:opacity .2s}.vto__saved-use:hover{opacity:.85}.vto__saved-del{position:absolute;top:-5px;right:-5px;width:18px;height:18px;background:#0000008c;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .2s}.vto__saved-del:hover{background:#c96b5a}.vto__upload-zone{position:relative;border:2px dashed #d9cfc8;border-radius:10px;padding:28px 20px;text-align:center;cursor:pointer;transition:border-color .25s ease,background .25s ease;background:#fff;min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.vto__upload-zone:hover,.vto__upload-zone.is-drag-over{border-color:#c96b5a;background:#fdf5f3}.vto__upload-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.vto__upload-icon{color:#c9a898}.vto__upload-text{font-size:14px;font-weight:600;color:#4a3f3a;margin:0}.vto__upload-hint{font-size:12px;color:#9a8e88;margin:0}.vto__photo-strip{margin-top:12px;padding:12px 14px;background:#fff;border:1px solid #ede8e3;border-radius:8px}.vto__photo-strip-label{font-size:12px;font-weight:700;color:#5a4f4a;margin:0 0 10px}.vto__photo-strip-grid{display:flex;gap:10px;flex-wrap:wrap}.vto__photo-thumb{position:relative;cursor:pointer;border-radius:8px;overflow:visible}.vto__photo-thumb img{width:76px;height:100px;object-fit:cover;border-radius:8px;border:2.5px solid #d9cfc8;display:block;transition:border-color .2s ease}.vto__photo-thumb.is-selected img{border-color:#c96b5a;box-shadow:0 0 0 3px #c96b5a33}.vto__photo-thumb.is-selected:after{content:"\2713";position:absolute;bottom:5px;right:5px;background:#c96b5a;color:#fff;font-size:10px;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:18px;text-align:center}.vto__photo-remove{position:absolute;top:-5px;right:-5px;width:18px;height:18px;background:#0000008c;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;z-index:10;transition:background .2s}.vto__photo-remove:hover{background:#c96b5a}.vto__add-more{display:flex;align-items:center;gap:5px;margin-top:10px;background:none;border:1.5px dashed #d9cfc8;border-radius:8px;padding:7px 12px;font-size:12px;font-weight:600;color:#7a7a7a;cursor:pointer;transition:border-color .2s,color .2s}.vto__add-more:hover{border-color:#c96b5a;color:#c96b5a}.vto__generate-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:14px;padding:14px 20px;background:linear-gradient(135deg,#c96b5a,#b85a49);color:#fff;font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:none;border-radius:8px;cursor:pointer;transition:opacity .2s ease,transform .1s ease,box-shadow .2s ease;box-shadow:0 4px 16px #c96b5a4d}.vto__generate-btn:hover:not(:disabled){opacity:.92;box-shadow:0 6px 20px #c96b5a66;transform:translateY(-1px)}.vto__generate-btn:disabled,.vto__generate-btn.is-loading{opacity:.5;cursor:not-allowed;transform:none}.vto__loading{display:none;flex-direction:column;align-items:center;gap:12px;padding:28px 0 12px;text-align:center}.vto__loading.is-visible{display:flex}.vto__spinner{width:40px;height:40px;border:3px solid #ede8e3;border-top-color:#c96b5a;border-radius:50%;animation:vto-spin .8s linear infinite}@keyframes vto-spin{to{transform:rotate(360deg)}}.vto__loading-text{font-size:14px;color:#6a5a55;margin:0;font-weight:500}.vto__loading-dots:after{content:"";animation:vto-dots 1.5s steps(4,end) infinite}@keyframes vto-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.vto__error{display:none;align-items:flex-start;gap:8px;margin-top:12px;padding:12px 14px;background:#fef5f4;border:1px solid #f5c6c0;border-radius:8px;font-size:13px;color:#b94a3a;line-height:1.4}.vto__error.is-visible{display:flex}.vto__tip{display:flex;align-items:flex-start;gap:6px;font-size:11.5px;color:#9a8e88;margin-top:8px;line-height:1.5}.vto__tip svg{flex-shrink:0;margin-top:1px;color:#c9a898}.vto__result{display:none;flex-direction:column;gap:14px;margin-top:20px}.vto__result.is-visible{display:flex}.vto__result-label{font-size:12px;font-weight:700;color:#7a7a7a;letter-spacing:.08em;text-transform:uppercase;margin:0}.vto__result-image-wrap{position:relative;border-radius:10px;overflow:hidden;background:#f0ebe6}.vto__result-img{width:100%;display:block;border-radius:10px;opacity:0;transition:opacity .5s ease}.vto__result-img.is-loaded{opacity:1}.vto__result-badge{position:absolute;top:12px;left:12px;background:#c96b5ae6;color:#fff;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:20px}.vto__result-actions{display:flex;gap:10px}.vto__result-download{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:11px 16px;background:#fff;color:#4a3f3a;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border:1.5px solid #d9cfc8;border-radius:8px;cursor:pointer;text-decoration:none;transition:border-color .2s ease,color .2s ease}.vto__result-download:hover{border-color:#c96b5a;color:#c96b5a}.vto__result-retry{padding:11px 16px;background:transparent;color:#9a8e88;font-size:12px;font-weight:600;border:1.5px solid #d9cfc8;border-radius:8px;cursor:pointer;transition:border-color .2s ease,color .2s ease}.vto__result-retry:hover{border-color:#9a8e88;color:#4a3f3a}@media(min-width:768px){.vto{padding:36px 40px}}.vto-intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:none;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .35s ease}@media(min-width:560px){.vto-intro{align-items:center}}.vto-intro.is-visible{opacity:1}.vto-intro__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#140f0c8c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.vto-intro__panel{position:relative;z-index:1;background:#fff;border-radius:20px 20px 0 0;padding:32px 28px 36px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 -8px 40px #0000002e;transform:translateY(40px);transition:transform .35s cubic-bezier(.34,1.26,.64,1)}@media(min-width:560px){.vto-intro__panel{border-radius:20px;transform:translateY(24px) scale(.97);transition:transform .35s cubic-bezier(.34,1.26,.64,1)}}.vto-intro.is-visible .vto-intro__panel{transform:translateY(0) scale(1)}.vto-intro__close{position:absolute;top:16px;right:16px;width:32px;height:32px;background:#f0ebe6;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#7a7a7a;transition:background .2s,color .2s}.vto-intro__close:hover{background:#ede8e3;color:#1a1a1a}.vto-intro__hero{font-size:42px;text-align:center;margin-bottom:14px;line-height:1}.vto-intro__title{font-size:22px;font-weight:800;color:#1a1a1a;text-align:center;letter-spacing:-.03em;line-height:1.2;margin:0 0 12px}.vto-intro__lead{font-size:14px;color:#7a7a7a;text-align:center;line-height:1.6;margin:0 0 24px}.vto-intro__steps{display:flex;flex-direction:column;gap:14px;margin-bottom:22px;padding:20px 18px;background:#faf9f8;border-radius:12px;border:1px solid #ede8e3}.vto-intro__step{display:flex;align-items:flex-start;gap:14px}.vto-intro__step-num{flex-shrink:0;width:26px;height:26px;background:linear-gradient(135deg,#c96b5a,#e08a75);color:#fff;font-size:12px;font-weight:800;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:1px}.vto-intro__step strong{display:block;font-size:13px;font-weight:700;color:#1a1a1a;margin-bottom:2px}.vto-intro__step p{font-size:12px;color:#9a8e88;margin:0;line-height:1.4}.vto-intro__privacy{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#6a9e6a;text-align:center;justify-content:center;margin:0 0 22px;line-height:1.4}.vto-intro__privacy svg{flex-shrink:0}.vto-intro__cta{display:block;width:100%;padding:16px;background:linear-gradient(135deg,#c96b5a,#b85a49);color:#fff;font-size:15px;font-weight:800;letter-spacing:.01em;border:none;border-radius:10px;cursor:pointer;box-shadow:0 4px 18px #c96b5a66;transition:opacity .2s,transform .15s,box-shadow .2s}.vto-intro__cta:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 6px 22px #c96b5a73}.vto--highlight{animation:vto-pulse .55s ease 2}@keyframes vto-pulse{0%{box-shadow:0 0 #c96b5a66}50%{box-shadow:0 0 0 10px #c96b5a00}to{box-shadow:0 0 #c96b5a00}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/virtual-try-on.css.map */