[hidden]{display:none!important}
.live-tryon-link{position:absolute;top:382px;left:50%;transform:translateX(-50%);z-index:4;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;padding:10px 16px;min-height:42px;border:1px solid #d0d7cb;border-radius:24px;background:#fcfcf5f2;box-shadow:0 3px 14px #202d2110;font-size:14px;color:#34432e}
.live-tryon-link svg{width:17px;height:17px}.live-tryon-link:hover{background:#e6eddf;border-color:#9aa98e}
#tryon-dialog{inset:0;margin:auto;width:min(980px,calc(100% - 40px));height:auto;max-height:calc(100dvh - 40px);overflow:auto;border-radius:12px;background:#fcfcf9;box-shadow:0 20px 80px #17241840}
.tryon-header{display:flex;align-items:center;justify-content:space-between;padding:17px 22px;border-bottom:1px solid var(--line)}.tryon-header h2{font-size:20px;letter-spacing:-.03em;font-weight:400;margin:0}.tryon-header .close-button{width:42px;height:42px}
.tryon-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,1fr)}
.tryon-stage{position:relative;display:grid;place-items:center;min-height:470px;height:min(72dvh,670px);overflow:hidden;background:#1d2420;color:#fff}
.tryon-canvas{width:100%;height:100%;object-fit:contain;display:block}.tryon-video{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.tryon-poster{position:absolute;width:74%;height:87%;object-fit:contain;opacity:.65;filter:drop-shadow(0 8px 16px #0002)}
.tryon-camera-cover{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:28px;background:linear-gradient(transparent 48%,#111914e6)}
.tryon-camera-cover p{margin:0;text-align:center;font-size:16px;line-height:1.5;max-width:320px}.tryon-camera-cover small{display:block;font-size:14px;color:#c6d2c6;margin-top:7px}
.tryon-hud{position:absolute;top:18px;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;gap:8px;pointer-events:none}.tryon-state{display:flex;align-items:center;gap:7px;background:#17231ee0;padding:8px 11px;border-radius:20px;font-size:14px;max-width:85%;line-height:1.35}.tryon-state-dot{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#b4b7ab}.tryon-state[data-live="true"] .tryon-state-dot{background:#a3d083}.tryon-mode{background:#17231edc;font-size:12px;white-space:nowrap;border:1px solid #7c958357;border-radius:4px;padding:6px 8px;letter-spacing:.04em}
.tryon-guide{position:absolute;inset:12% 19% 8%;border:1px dashed #ffffff58;border-radius:80px 80px 15px 15px;pointer-events:none}.tryon-guide span{position:absolute;bottom:14px;left:10px;right:10px;text-align:center;font-size:14px;color:#fff;text-shadow:0 1px 6px #000}
.tryon-details{padding:28px;display:flex;flex-direction:column;justify-content:center;gap:20px}.tryon-product{display:flex;align-items:center;gap:13px}.tryon-product img{width:54px;height:78px;object-fit:contain}.tryon-product h3{font-size:19px;font-weight:400;line-height:1.4;margin:0 0 7px;letter-spacing:-.02em}.tryon-price{margin:0;color:#71796b;font-size:16px;font-variant-numeric:tabular-nums}
.tryon-intro{margin:0;font-size:16px;line-height:1.55;color:#45513d}.tryon-tips{padding:0;margin:0;list-style:none;display:grid;gap:11px;counter-reset:tips}.tryon-tips li{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5;color:#697260}.tryon-tips li:before{counter-increment:tips;content:counter(tips);width:22px;height:22px;display:grid;place-items:center;flex-shrink:0;background:#edf0e7;border-radius:50%;font-size:12px;color:#41533a}
.tryon-actions{display:grid;gap:9px}.tryon-primary,.tryon-secondary{width:100%;min-height:46px;border-radius:5px;font-size:14px;padding:12px 14px;border:1px solid #35462c}.tryon-primary{background:#35462c;color:#fff}.tryon-primary:hover:not(:disabled){background:#273820}.tryon-primary:disabled{opacity:.7}.tryon-secondary{background:transparent;border-color:#c7d0bf}.tryon-secondary:hover:not(:disabled){background:#edf1e6}.tryon-secondary:disabled{opacity:.4}.tryon-camera-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tryon-fit{display:grid;gap:8px;border-top:1px solid #e1e5dc;padding-top:16px}.tryon-fit label{display:flex;justify-content:space-between;font-size:14px;color:#59664f}.tryon-fit input{width:100%;accent-color:#4d653f;height:25px}.tryon-fit button{justify-self:end;font-size:14px;padding:7px 0;border:0;background:transparent;text-decoration:underline;text-underline-offset:3px;color:#67775b}
.tryon-feedback{font-size:14px;line-height:1.55;margin:0;min-height:22px;color:#66765b}.tryon-feedback[data-error="true"]{color:#9d3b31}.tryon-note{border-top:1px solid #e1e5dc;padding-top:16px;margin:0;font-size:14px;color:#79816f;line-height:1.55}.tryon-note strong{display:block;font-weight:400;color:#526449;margin-bottom:5px}.tryon-dialog-enter{animation:tryon-enter 220ms var(--ease)}
@keyframes tryon-enter{from{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:760px){.live-tryon-link{top:298px;font-size:14px;padding:8px 13px;min-height:38px}#tryon-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.tryon-layout{grid-template-columns:1fr}.tryon-stage{height:48dvh;min-height:290px}.tryon-header{padding:10px 16px}.tryon-header h2{font-size:18px}.tryon-details{padding:20px;gap:16px}.tryon-product{gap:12px}.tryon-product img{height:62px;width:43px}.tryon-product h3{font-size:17px;margin-bottom:4px}.tryon-intro{font-size:16px}.tryon-tips{gap:7px}.tryon-hud{top:12px;left:12px;right:12px}.tryon-camera-cover{padding:20px}.tryon-fit{padding-top:12px}.tryon-note{padding-top:12px}.tryon-guide{inset:9% 25% 7%}}
@media(prefers-reduced-motion:reduce){.tryon-dialog-enter{animation:none}}