/* Анкета /request: шапка, прогресс, карточки выбора, файлы, итоги */
body.wz{background:var(--bg)}
.wz-top{position:sticky;top:0;z-index:40;background:rgba(251,243,228,.93);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line)}
.wz-bar{display:flex;align-items:center;justify-content:space-between;height:66px;gap:14px}
.wz-bar .logo img{height:28px}
.wz-r{display:flex;align-items:center;gap:10px}
.wz-r .lang{min-height:40px;padding:0 14px}
.wz-help .short{display:none}
.wz-help{white-space:nowrap;padding:10px 18px;border-radius:999px;border:0;background:transparent;box-shadow:inset 0 0 0 1.5px var(--line);font-weight:700;font-size:14px;cursor:pointer;transition:.2s}
.wz-help:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}
.wz-x{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(43,24,14,.07);font-size:20px;line-height:1}
.wz-x:hover{background:rgba(43,24,14,.14)}
.wz-meta{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);font-weight:600;padding:2px 0 8px}
.prog{display:flex;gap:6px;padding-bottom:12px}
.prog i{flex:1;height:4px;border-radius:2px;background:rgba(43,24,14,.12);transition:.4s var(--ease)}
.prog i.on{background:var(--accent)}

.wz-main{max-width:940px;margin:0 auto;padding:44px 28px 150px}
.wz-h{font-size:clamp(32px,4.4vw,52px)}
.wz-sub{color:var(--muted);margin:14px 0 40px;max-width:620px;font-size:17px}
.step-in{animation:rise .5s var(--ease)}
@keyframes rise{from{opacity:0;transform:translateY(14px)}}

.banner{display:flex;gap:14px;align-items:center;padding:12px 16px 12px 12px;border-radius:18px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);margin-bottom:34px;font-size:14px}
.banner img{width:56px;height:56px;border-radius:12px;object-fit:cover;flex:none}
.banner b{display:block}.banner span{color:var(--muted)}

.q{margin-bottom:44px;scroll-margin-top:150px}
.q>h3{font-family:var(--sans);font-weight:700;font-size:18px;letter-spacing:0;margin-bottom:6px;line-height:1.3}
.q>h3 em{font-style:normal;color:var(--accent)}
.q>.hint{font-size:14px;color:var(--muted);margin-bottom:18px;max-width:600px}
.q:not(:has(.hint))>h3{margin-bottom:16px}
.q.err>h3{color:#b3261e}
.emsg{display:none;color:#b3261e;font-size:13.5px;font-weight:700;margin-top:12px}
.q.err>.emsg,.field.err>.emsg{display:block}

.opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.opts.big{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.opts.sm{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
.opt{position:relative;display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:0;border:0;background:var(--paper);border-radius:20px;cursor:pointer;overflow:hidden;box-shadow:inset 0 0 0 1.5px var(--line);transition:.25s var(--ease);color:var(--ink);-webkit-tap-highlight-color:transparent}
.opt:hover{box-shadow:inset 0 0 0 1.5px rgba(43,24,14,.45);transform:translateY(-2px)}
.opt[aria-pressed=true]{box-shadow:inset 0 0 0 2.5px var(--accent),0 10px 24px -14px rgba(180,92,55,.6)}
.opt[aria-pressed=true]::after{content:"✓";position:absolute;top:10px;right:10px;width:25px;height:25px;border-radius:50%;background:var(--accent);color:#fff;font-size:13px;font-weight:800;display:grid;place-items:center}
.opt .v{position:relative;display:grid;place-items:center;aspect-ratio:4/3;background:#f2e8d3;color:var(--ink);overflow:hidden}
.opts.big .opt .v{aspect-ratio:5/4}
.opt .v svg{width:60%;height:auto;max-height:84%}
.opt .v img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.opt .t{padding:13px 15px 15px;font-weight:700;font-size:14.5px;line-height:1.25}
.opt .t small{display:block;font-weight:500;color:var(--muted);font-size:12.5px;margin-top:4px}
.opt.txt .t{padding:17px 18px}
.opt.sel-light .v{background:#f2e8d3}

/* образцы внешнего вида */
.sv{display:block;width:100%;height:100%}
.sv-light{background:linear-gradient(135deg,#fffdf7 0 50%,#ebe2d0 50%)}
.sv-wood{background:repeating-linear-gradient(90deg,#b8854f 0 14px,#a97642 14px 17px,#c0905a 17px 33px,#a97642 33px 36px)}
.sv-dark{background:linear-gradient(135deg,#2b2623 0 50%,#46403b 50%)}
.sv-colorful{background:conic-gradient(from 20deg,#b45c37,#d9a441,#9db39a,#6a87a3,#a56a8f,#b45c37)}
.sv-has_example{background:#f2e8d3;color:var(--ink);display:grid;place-items:center}
.sv-has_example svg{width:44%}
.sv-undecided{background:repeating-linear-gradient(45deg,#f2e8d3 0 10px,#ece1ca 10px 20px);display:grid;place-items:center;font:500 44px var(--serif);font-style:normal;color:var(--muted)}

/* три варианта да / нет / не знаю */
.yn{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}
.yn:last-child{border-bottom:0}
.yn>span{font-weight:700;font-size:15px}
.pills .pill{position:relative}
button.pill{border:0;background:none;padding:0;cursor:pointer;font:inherit}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{border:0;padding:12px 18px;border-radius:999px;background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--line);font-weight:600;font-size:14.5px;cursor:pointer;transition:.2s;color:var(--ink)}
.chip:hover{box-shadow:inset 0 0 0 1.5px rgba(43,24,14,.45)}
.chip[aria-pressed=true]{background:var(--ink);color:var(--bg);box-shadow:none}

/* размеры */
.dimsg{display:grid;grid-template-columns:260px 1fr;gap:34px;align-items:center}
.dimsg .pre{background:var(--paper);border-radius:20px;padding:18px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink)}
.dimsg .pre svg{width:100%}
.dimf{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
.unit{position:relative}
.unit .inp{padding-right:52px}
.unit::after{content:"см";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--muted);pointer-events:none}
.unit.top{display:block}
.field.err .unit .inp{border-color:#b3261e}
.unknown{margin-top:16px}
.nodims{padding:18px 20px;border-radius:16px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);font-size:14.5px;color:var(--muted)}

/* файлы */
.drop{border:2px dashed rgba(43,24,14,.25);border-radius:22px;padding:30px 20px;text-align:center;transition:.2s;cursor:pointer;background:rgba(255,250,240,.6)}
.drop:hover,.drop.over{border-color:var(--accent);background:var(--paper)}
.drop b{display:block;font-size:16px;margin:10px 0 4px}
.drop span{font-size:13.5px;color:var(--muted)}
.drop svg{width:34px;height:34px;color:var(--accent);margin:0 auto}
.files{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-top:14px}
.fl{position:relative;border-radius:16px;overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.fl .th{aspect-ratio:1;background:#f2e8d3;display:grid;place-items:center;font-weight:800;color:var(--muted);font-size:14px}
.fl .th img{width:100%;height:100%;object-fit:cover}
.fl .nm{font-size:12px;padding:8px 10px 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fl .st{font-size:11.5px;padding:0 10px 9px;color:var(--muted)}
.fl .bar{height:4px;background:rgba(43,24,14,.1)}.fl .bar i{display:block;height:100%;width:0;background:var(--accent);transition:width .2s}
.fl .rm{position:absolute;top:6px;right:6px;width:38px;height:38px;border-radius:50%;border:0;background:rgba(36,19,11,.72);color:#fff;font-size:20px;line-height:1;cursor:pointer}
.fl.bad{box-shadow:inset 0 0 0 1.5px #b3261e}.fl.bad .st{color:#b3261e;font-weight:700}
.fl .retry{margin:0 10px 10px;padding:6px 10px;border-radius:999px;border:1.5px solid #b3261e;background:none;color:#b3261e;font-weight:700;font-size:12px;cursor:pointer}
.fnote{font-size:13px;color:var(--muted);margin-top:12px}

/* итоги */
.sum{background:var(--paper);border-radius:22px;box-shadow:inset 0 0 0 1px var(--line);margin-bottom:40px;overflow:hidden}
.sr{display:grid;grid-template-columns:150px 1fr auto;gap:16px;padding:18px 22px;border-bottom:1px solid var(--line);align-items:start}
.sr:last-child{border-bottom:0}
.sr b{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding-top:3px}
.sr div{font-size:15px}
.sr div small{display:block;color:var(--muted);font-size:13px;margin-top:2px}
.edit{border:0;background:none;color:var(--accent);font-weight:700;font-size:14px;cursor:pointer;padding:10px 4px;min-height:40px;margin:-8px -4px 0 0;text-decoration:underline;text-underline-offset:3px}
.cform{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.cform .full{grid-column:1/-1}
.biz{margin-top:6px;padding-top:22px;border-top:1px dashed var(--line)}

/* нижняя панель навигации */
.wz-nav{position:fixed;left:0;right:0;bottom:0;z-index:45;background:rgba(251,243,228,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 -1px 0 var(--line);padding:14px 0 calc(14px + env(safe-area-inset-bottom))}
.wz-nav .in{max-width:940px;margin:0 auto;padding:0 28px;display:flex;justify-content:space-between;align-items:center;gap:14px}
.wz-nav .back{border:0;background:none;font-weight:700;font-size:15px;cursor:pointer;padding:12px 6px;color:var(--ink)}
.wz-nav .back[hidden]{display:block;visibility:hidden}
.wz-nav .btn{min-width:200px}

/* успех */
.done{text-align:center;padding:50px 20px 30px;max-width:620px;margin:0 auto}
.done .big{width:92px;height:92px;border-radius:50%;background:var(--sage);color:#fff;display:grid;place-items:center;font-size:44px;margin:0 auto 26px}
.done .no{display:inline-block;margin:20px 0 8px;padding:10px 22px;border-radius:999px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);font-weight:800;font-size:18px}
.done p{color:var(--muted);margin:10px 0}
.done .row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:30px}

@media(max-width:760px){
  .wz-main{padding:30px 20px 150px}
  .wz-sub{font-size:16px;margin-bottom:30px}
  .opts,.opts.big{grid-template-columns:1fr 1fr;gap:10px}
  .opts.sm{grid-template-columns:1fr 1fr}
  .opt .t{padding:11px 12px 13px;font-size:14px}
  .dimsg{grid-template-columns:1fr;gap:18px}.dimsg .pre{max-width:260px}
  .sr{grid-template-columns:1fr auto;gap:6px 14px}.sr b{grid-column:1/-1;padding-top:0}
  .cform{grid-template-columns:1fr}
  .wz-nav .in{padding:0 20px}.wz-nav .btn{min-width:0;flex:1;font-size:14px;padding:14px 16px;line-height:1.25}
  .wz-help{padding:9px 12px;font-size:12.5px}.wz-help .long{display:none}.wz-help .short{display:inline}
  .wz-bar{gap:8px}.wz-r{gap:6px}.wz-r .lang{padding:0 10px;font-size:12.5px;min-height:38px}.wz-x{width:38px;height:38px}
  .yn{flex-direction:column;align-items:flex-start;gap:10px}
}

/* обязательные поля и ошибки */
.emsg.show{display:block}
.rq{font-style:normal;color:var(--accent);font-weight:800}
.yn.miss{background:rgba(179,38,30,.06);border-radius:12px;padding-left:12px;padding-right:12px}
.yn.miss>span{color:#b3261e}
.field{scroll-margin-top:150px}
.q>h3 em{font-style:normal}

.check.unknown{min-height:44px;align-items:center;padding:10px 0;margin-top:8px}