.vk-tryon{background:var(--bg,#12100e);color:var(--text,#efe9df);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.vk-tryon *{box-sizing:border-box}.vk-tryon__head{padding:40px 0 24px;text-align:center}.vk-tryon__head h2{font-family:EB Garamond,Georgia,serif;font-weight:400;font-size:clamp(26px,3.2vw,40px);margin:12px 0 8px}.vk-tryon__head p{color:var(--muted);margin:0 auto;max-width:560px;line-height:1.7;font-size:14px}.vk-tryon__grid{display:grid;grid-template-columns:300px 1fr 330px;gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:56px}.vk-tryon__col{background:var(--bg);min-width:0}.vk-tryon__col--rail{grid-column:1;grid-row:1}.vk-tryon__col--stage{grid-column:2;grid-row:1}.vk-tryon__col--panel{grid-column:3;grid-row:1}.vk-stage__side{display:none}.vk-tryon__rail{display:flex;flex-direction:column;max-height:840px}.vk-tryon__rail h3,.vk-panel h3{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin:0;padding:20px 20px 14px}.vk-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:0 20px 16px}.vk-tabs button{background:none;border:1px solid var(--line);color:var(--muted);font-family:inherit;font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:7px 12px;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.vk-tabs button:hover{color:var(--gold);border-color:var(--gold)}.vk-tabs button[aria-selected=true]{background:var(--gold);border-color:var(--gold);color:#12100e}.vk-ties{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 20px 20px;overflow-y:auto;flex:1}.vk-tie{position:relative;background:none;border:1px solid var(--line);padding:0;cursor:pointer;text-align:left;font-family:inherit;color:inherit;transition:border-color .2s,transform .2s}.vk-tie:hover{border-color:var(--gold);transform:translateY(-2px)}.vk-tie[aria-pressed=true]{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.vk-tie__img{aspect-ratio:3/4;overflow:hidden;background:var(--surface);display:block}.vk-tie__img img{width:100%;height:100%;object-fit:cover;display:block}.vk-tie__meta{padding:10px;display:block}.vk-tie__name{font-size:12px;line-height:1.35;margin:0 0 4px;display:block}.vk-tie__price{color:var(--gold);font-size:12px;letter-spacing:.06em;display:block}.vk-tie__check{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;background:var(--gold);color:#12100e;display:none;align-items:center;justify-content:center;z-index:2}.vk-tie[aria-pressed=true] .vk-tie__check{display:flex}.vk-tie__check svg{width:13px;height:13px}.vk-ties__empty{grid-column:1/-1;color:var(--muted);font-size:13px;padding:20px 0}.vk-stage{position:relative;display:flex;flex-direction:column;min-height:640px}.vk-stage__bar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px}.vk-stage__bar h3{padding:0;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin:0}.vk-stage__bar p{color:var(--muted);font-size:12px;margin:6px 0 0;max-width:230px;line-height:1.5}.vk-reset{display:flex;align-items:center;gap:7px;background:var(--surface);border:1px solid var(--line);color:var(--text);font-family:inherit;font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:9px 14px;cursor:pointer;white-space:nowrap}.vk-reset:hover{border-color:var(--gold);color:var(--gold)}.vk-reset svg{width:14px;height:14px}.vk-figure{flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:0 20px 78px;min-height:480px;overflow:hidden}.vk-model{position:relative;width:min(100%,440px);aspect-ratio:3/4;margin:0 auto;background:var(--surface);overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.vk-model__photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:opacity .3s ease}.vk-model.is-swapping .vk-model__photo{opacity:.45}.vk-model__fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--surface);color:var(--muted);text-align:center;padding:28px}.vk-model__fallback svg{width:32px;height:32px;color:var(--gold);opacity:.6}.vk-model__fallback p{margin:0;font-size:13px;line-height:1.6;max-width:230px}.vk-stage__tools{position:absolute;left:50%;bottom:18px;transform:translate(-50%);display:flex;gap:2px;background:var(--surface);border:1px solid var(--line);padding:4px;z-index:3}.vk-stage__tools button{display:flex;align-items:center;gap:7px;background:none;border:0;color:var(--muted);font-family:inherit;font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:10px 16px;cursor:pointer}.vk-stage__tools button:hover{color:var(--gold)}.vk-stage__tools svg{width:14px;height:14px}.vk-exit{display:none;position:absolute;top:calc(12px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));z-index:20;align-items:center;gap:8px;background:#12100ed1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--gold);color:var(--text);font-family:inherit;font-size:11px;letter-spacing:.16em;text-transform:uppercase;padding:11px 16px;cursor:pointer;border-radius:999px}.vk-exit svg{width:15px;height:15px;color:var(--gold)}.vk-tryon.is-fullscreen .vk-exit{display:flex}.vk-tryon.is-fullscreen .vk-figure{min-height:0;padding:0}.vk-tryon.is-fullscreen .vk-model{width:auto;height:84vh;max-width:96vw}.vk-tryon.is-fullscreen .vk-stage__bar{display:none}.vk-tryon.is-fullscreen--fallback .vk-stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--bg);flex-direction:column;padding:0;min-height:0}.vk-tryon.is-fullscreen--fallback .vk-figure{flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:0}.vk-tryon.is-fullscreen--fallback .vk-model{width:auto;height:auto;max-height:calc(100dvh - 120px);max-width:100vw;aspect-ratio:3/4;margin:0}.vk-panel{display:flex;flex-direction:column}.vk-swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:0 20px 18px}.vk-swatch{position:relative;aspect-ratio:1;width:100%;border-radius:50%;border:1px solid rgba(239,233,223,.14);cursor:pointer;padding:0;background-size:cover;background-position:center;box-shadow:inset -6px -8px 14px #00000073,inset 4px 5px 10px #ffffff17;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease}.vk-swatch:hover{transform:translateY(-3px)}.vk-swatch:focus-visible{outline:none;box-shadow:0 0 0 2px var(--gold)}.vk-swatch[aria-pressed=true]{box-shadow:inset -6px -8px 14px #00000073,inset 4px 5px 10px #ffffff17,0 0 0 2px var(--bg),0 0 0 3px var(--gold)}.vk-swatch svg{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:17px;height:17px;color:#fff;display:none;filter:drop-shadow(0 1px 3px rgba(0,0,0,.85))}.vk-swatch[aria-pressed=true] svg{display:block}.vk-swatch.is-unavailable{opacity:.38}.vk-swatch.is-unavailable:after{content:"";position:absolute;left:50%;top:50%;width:132%;height:1px;background:var(--muted);transform:translate(-50%,-50%) rotate(-45deg);opacity:.85}.vk-swatch.is-unavailable:hover{opacity:.6}.vk-swatch.is-unavailable[aria-pressed=true]{opacity:.7}.vk-selected{padding:0 20px 22px;color:var(--muted);font-size:12px;letter-spacing:.02em}.vk-selected strong{color:var(--text);font-weight:400}.vk-info{border-top:1px solid var(--line);padding:20px}.vk-info h3{padding:0 0 14px}.vk-info__row{display:flex;gap:14px;align-items:flex-start}.vk-info__thumb{width:88px;height:110px;object-fit:cover;border:1px solid var(--line);flex-shrink:0;background:var(--surface)}.vk-info__name{font-family:EB Garamond,serif;font-size:19px;margin:0 0 6px;line-height:1.25}.vk-info__price{color:var(--gold);font-size:15px;margin:0 0 14px}.vk-info__link{display:inline-block;border:1px solid var(--line);color:var(--text);font-size:10px;letter-spacing:.16em;text-transform:uppercase;padding:9px 14px}.vk-info__link:hover{border-color:var(--gold);color:var(--gold)}.vk-actions{padding:0 20px 20px;display:grid;gap:12px}.vk-actions .btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px}.vk-actions svg{width:16px;height:16px}.vk-actions .btn[disabled]{opacity:.5;cursor:not-allowed}.vk-note{color:var(--muted);font-size:11px;line-height:1.6;margin:0 20px;padding:18px 0 24px;border-top:1px solid var(--line)}@media(max-width:1100px){.vk-tryon__grid{grid-template-columns:1fr 330px}.vk-tryon__col--stage{grid-column:1;grid-row:1}.vk-tryon__col--panel{grid-column:2;grid-row:1}.vk-tryon__col--rail{grid-column:1/-1;grid-row:2}.vk-tryon__rail{max-height:none}.vk-ties{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}@media(max-width:849px){.vk-tryon__grid{grid-template-columns:1fr;border-left:0;border-right:0}.vk-tryon__col--stage{grid-column:1;grid-row:1}.vk-tryon__col--rail{grid-column:1;grid-row:2}.vk-tryon__col--panel{grid-column:1;grid-row:3}.vk-tryon__col--stage{position:sticky;top:var(--vk-header-h,0px);z-index:6;align-self:start;background:var(--bg);border-bottom:1px solid var(--line);box-shadow:0 14px 22px -20px #000}.vk-stage{min-height:0;flex-direction:row;align-items:stretch;gap:14px;padding:12px 16px}.vk-stage__bar{display:none}.vk-figure{min-height:0;padding:0;flex:0 0 auto}.vk-model{width:124px;margin:0}.vk-stage__side{display:flex;flex-direction:column;gap:10px;flex:1;min-width:0;justify-content:center}.vk-stage__side .vk-info{border-top:0;padding:0}.vk-stage__side .vk-info h3,.vk-stage__side .vk-info__thumb{display:none}.vk-stage__side .vk-info__row{gap:0}.vk-stage__side .vk-info__text{min-width:0}.vk-stage__side .vk-info__name{font-size:16px;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.vk-stage__side .vk-info__price{font-size:14px;margin:0}.vk-stage__side .vk-info__link{margin-top:8px;padding:7px 10px;font-size:9px;letter-spacing:.12em}.vk-stage__side .vk-actions{padding:0;gap:8px}.vk-stage__side .vk-actions .btn{padding:11px 12px;font-size:11px;gap:8px}.vk-stage__side .vk-actions svg{width:14px;height:14px}.vk-stage__side .vk-stage__tools{position:static;transform:none;flex-direction:row;gap:6px;padding:0;border:0;background:none}.vk-stage__side .vk-stage__tools button{flex:1;justify-content:center;padding:9px 0;border:1px solid var(--line);gap:0}.vk-stage__side .vk-stage__tools button span{display:none}.vk-stage__side .vk-stage__tools svg{width:16px;height:16px}.vk-tryon__rail h3{padding-top:16px}.vk-ties{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}.vk-swatches{grid-template-columns:repeat(auto-fit,minmax(44px,1fr))}.vk-tryon.is-fullscreen .vk-stage,.vk-tryon.is-fullscreen--fallback .vk-stage{flex-direction:column;gap:10px;padding:0 12px}.vk-tryon.is-fullscreen .vk-model,.vk-tryon.is-fullscreen--fallback .vk-model{width:auto;max-width:100vw}.vk-tryon.is-fullscreen--fallback .vk-stage__side{flex:0 0 auto;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.vk-tryon.is-fullscreen--fallback .vk-stage__side .vk-info__name{font-size:18px}}@media(max-width:849px)and (prefers-reduced-motion:reduce){.vk-tryon__col--stage{position:static}}
/*# sourceMappingURL=/cdn/shop/t/76/assets/vk-tryon.css.map */