/* tryon593 (20.10.2026): кнопка «Примерить на себя» в карточке товара (размеры в единицах макета --u, как cr-product.css) и окно примерки. */
.cr-tryon{margin:calc(15*var(--u)) 0 0}
.cr-tryon__btn{width:100%;box-sizing:border-box;height:calc(52*var(--u));min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:calc(12*var(--u));background:var(--crp-pink-soft,#fde6ee);color:var(--crp-pink-text,#c0346f);border:1px solid var(--crp-pink-btn,#f29bb8);border-radius:calc(10*var(--u));font:500 calc(16*var(--u))/1 var(--crp-font);cursor:pointer;padding:0 calc(10*var(--u));transition:background .15s,color .15s}
.cr-tryon__btn svg{width:calc(24*var(--u));height:calc(24*var(--u));min-width:18px;min-height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media(hover:hover){.cr-tryon__btn:hover{background:var(--crp-pink-btn,#f29bb8);color:#fff}}
.cr-tryon__note{margin-top:calc(7*var(--u));font:400 max(11px,calc(12.5*var(--u)))/1.35 var(--crp-font);color:#8a8a8a;text-align:center}
html.cr-to-lock,html.cr-to-lock body{overflow:hidden!important}
.cr-to{position:fixed;inset:0;z-index:10000050;background:rgba(28,28,28,.55);display:none;align-items:flex-end;justify-content:center;font-family:var(--crp-font,'Inter',Arial,sans-serif);color:#1c1c1c;-webkit-font-smoothing:antialiased}
.cr-to.on{display:flex}
.cr-to__box{position:relative;width:100%;max-width:460px;max-height:92vh;max-height:92dvh;overflow-y:auto;box-sizing:border-box;background:#fff;border-radius:18px 18px 0 0;padding:22px 16px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -10px 40px rgba(0,0,0,.18)}
@media(min-width:600px){.cr-to{align-items:center}.cr-to__box{border-radius:18px;padding:28px 28px 22px}}
.cr-to__x{position:absolute;right:8px;top:8px;width:40px;height:40px;border:0;background:none;font:300 30px/1 Arial,sans-serif;color:#777;cursor:pointer}
.cr-to__kicker{font:600 11px/1 var(--crp-font,'Inter',Arial,sans-serif);letter-spacing:.14em;text-transform:uppercase;color:#f06aa8}
.cr-to__title{margin:8px 40px 4px 0;font:400 26px/1.15 Georgia,'Times New Roman',serif;color:#1c1c1c}
.cr-to__prod{font-size:14px;line-height:1.35;color:#7d7d7d;margin-bottom:16px}
.cr-to__tips{display:flex;flex-direction:column;gap:6px;background:#fdf1f6;border-radius:12px;padding:14px 16px;margin-bottom:14px;font-size:14px;line-height:1.35}
.cr-to__tips b{font-weight:600;margin-bottom:2px}
.cr-to__tips span{position:relative;padding-left:16px}
.cr-to__tips span::before{content:'';position:absolute;left:2px;top:.5em;width:6px;height:6px;border-radius:50%;background:#f06aa8}
.cr-to__preview{margin-bottom:12px;border-radius:12px;overflow:hidden;background:#f6f3f4;text-align:center}
.cr-to__preview img{display:block;max-width:100%;max-height:42vh;margin:0 auto;object-fit:contain}
.cr-to__btn{display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;height:52px;border-radius:10px;border:0;background:#f29bb8;color:#fff;font:500 16px/1 var(--crp-font,'Inter',Arial,sans-serif);cursor:pointer;text-decoration:none;margin-top:10px;transition:background .15s}
.cr-to__btn:hover{background:#ec84a8;color:#fff}
.cr-to__btn_ghost{background:#fff;color:#e05a92;border:1px solid #f29bb8}
.cr-to__btn_ghost:hover{background:#fdf1f6;color:#c0346f}
.cr-to__file input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.cr-to__bar{height:8px;border-radius:99px;background:#fde6ee;overflow:hidden;margin:18px 0 12px}
.cr-to__bar i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#f29bb8,#f06aa8);transition:width .25s linear}
.cr-to__stage{font-size:15px;font-weight:500;text-align:center}
.cr-to__hint{font-size:13px;color:#8a8a8a;text-align:center;margin:6px 0 8px}
.cr-to__result{display:block;width:100%;max-height:60vh;max-height:60dvh;object-fit:contain;border-radius:12px;background:#f6f3f4}
.cr-to__row{display:flex;gap:10px}
.cr-to__row .cr-to__btn{flex:1 1 0}
.cr-to__link{display:block;margin:12px auto 0;border:0;background:none;color:#c0346f;font:400 14px/1.3 var(--crp-font,'Inter',Arial,sans-serif);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.cr-to__fine{font-size:12px;color:#9a9a9a;text-align:center;margin-top:8px}
.cr-to__err{margin-top:12px;padding:12px 14px;border-radius:10px;background:#fff1f1;color:#b3261e;font-size:14px;line-height:1.4}
.cr-to__left{margin-top:12px;font-size:13px;color:#555;text-align:center}
.cr-to__left:empty{display:none}
.cr-to__note{margin-top:8px;font-size:12px;line-height:1.35;color:#9a9a9a;text-align:center}
[hidden].cr-to__step,.cr-to [hidden]{display:none!important}