/* Блок главной «Под вашу задачу»: слева применения-ссылки на подборки, справа «примерочная» —
   паттерн из каталога ложится на изделие (SVG-силуэт или фото-мокап с маской). */
.vg-try{padding-block:clamp(56px,9vw,120px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:center}
.vg-try-text{display:flex;flex-direction:column;gap:18px;min-width:0}
.vg-try-eyebrow{font-family:var(--font-meta);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#d30805}
.vg-try h2{font-family:var(--font-ui);font-weight:500;font-size:clamp(30px,3.4vw,48px);line-height:1.08;letter-spacing:-.02em;margin:0;text-wrap:balance}
.vg-try-lead{margin:0;color:#555;max-width:52ch}
.vg-try-list{display:flex;flex-direction:column;margin:6px 0 0;padding:0;list-style:none;border-top:1px solid #e3e3e3}
.vg-try-link{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 16px;align-items:center;padding:14px 18px;border-bottom:1px solid #e3e3e3;color:#111;text-decoration:none;transition:background .2s}
.vg-try-link b{font-size:18px;font-weight:500;line-height:1.3}
.vg-try-link span{grid-column:1;font-size:14px;line-height:1.45;color:#666}
.vg-try-link i{grid-column:2;grid-row:1/3;font-style:normal;opacity:.3;transition:opacity .2s,transform .2s}
.vg-try-link:hover,.vg-try-link.is-on{background:#f6f6f6}
.vg-try-link.is-on i,.vg-try-link:hover i{opacity:1;transform:translateX(3px)}
.vg-try-link:focus-visible{outline:2px solid #666;outline-offset:-2px}
.vg-try-side{display:flex;flex-direction:column;gap:14px;min-width:0;width:100%;max-width:min(100%,calc(100vh - 140px));margin-inline:auto}
.vg-try-stage{position:relative;aspect-ratio:1;max-width:100%;border-radius:16px;overflow:hidden;background:linear-gradient(#f7f6f4,#efede9)}
.vg-try-scene{position:absolute;inset:0;opacity:0;clip-path:circle(0% at 50% 55%)}
.vg-try-scene svg{display:block;width:100%;height:100%}
.vg-try-scene.is-on{opacity:1;z-index:2;clip-path:circle(75% at 50% 55%);transition:clip-path .75s cubic-bezier(.6,0,.2,1)}
.vg-try-scene.was{opacity:1;z-index:1;clip-path:circle(75% at 50% 55%)}
.vg-try-cap{position:absolute;left:14px;bottom:14px;z-index:3;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 1px 6px rgba(0,0,0,.1);font:500 13px/1.2 var(--font-ui)}
.vg-try-pats{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px;color:#666}
.vg-try-pats button{display:grid;place-items:center;width:44px;height:44px;padding:3px;border:1px solid #e3e3e3;border-radius:50%;background:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.vg-try-pats button img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}
.vg-try-pats button[aria-pressed="true"]{border-color:#111;box-shadow:inset 0 0 0 1px #111}
.vg-try-pats button:focus-visible{outline:2px solid #666;outline-offset:2px}
@media(max-width:759px){
  .vg-try{grid-template-columns:1fr;gap:20px}
  .vg-try h2{font-size:26px}
  /* на телефоне: заголовок, затем примерочная, затем список */
  .vg-try-text{display:contents}
  .vg-try-eyebrow{order:1}.vg-try h2{order:2}.vg-try-lead{order:3}.vg-try-side{order:4;max-width:none}.vg-try-list{order:5}
  .vg-try{gap:14px}
  .vg-try-link{padding:12px 12px}
  .vg-try-link b{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.vg-try-scene.is-on{transition:none}}
.vg-try-now{margin:0;font-size:14px;line-height:1.5;color:#666}
.vg-try-now b{font-weight:500;color:#111}
.vg-try-open{align-self:flex-start;justify-self:start;width:fit-content;color:#111;font-size:15px;text-decoration:none;border-bottom:1px solid #bbb;padding-bottom:2px;transition:border-color .2s,color .2s}
.vg-try-open:hover{color:#d30805;border-color:#d30805}
.vg-try-open:focus-visible{outline:2px solid #666;outline-offset:3px}