/* Мир Паркета v2 / страницы инструментов: подбор (квиз) и визуализатор.
   Базовые правила квиза лежат в ux.css; здесь они дополнены (подключается после ux.css). */

/* ---------- страница подбора ---------- */
.mp-pg__h1{font-size:clamp(1.75rem,1.2rem + 2.2vw,3.25rem);line-height:1.1}
.mp-pg__head{margin-bottom:clamp(1.25rem,.5rem + 2.5vw,3rem)}
.mp-pg__head .mp-lead{margin-top:1rem}
@media (max-width:767px){
  .mp-pg{padding-top:.5rem;padding-bottom:3rem}
  .mp-pg__crumbs{margin-bottom:.25rem}
  .mp-pg__head .mp-eyebrow{margin-bottom:.75rem}
  .mp-pg__box{margin-left:calc(var(--mp-gutter) * -1);margin-right:calc(var(--mp-gutter) * -1);padding:1.5rem var(--mp-gutter) 2rem}
}
.mp-pg__crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 1.5rem;font-size:var(--mp-fs-sm);color:var(--mp-muted)}
.mp-pg__crumbs a{display:inline-flex;align-items:center;min-height:44px;color:var(--mp-muted)}
.mp-pg__crumbs a:hover{color:var(--mp-ink)}
.mp-pg__box{scroll-margin-top:calc(var(--mp-header-h,4rem) + 1rem)}
.mp-how__grid{display:grid;gap:clamp(2rem,1rem + 3vw,4rem)}
@media (min-width:1024px){.mp-how__grid{grid-template-columns:minmax(0,4fr) minmax(0,7fr);column-gap:clamp(3rem,2rem + 3vw,6rem)}}
.mp-how .mp-lead{margin-top:1.25rem}
.mp-how__list{margin:0}
.mp-how__list>div{padding:1.1rem 0;border-top:1px solid var(--mp-line)}
.mp-how__list>div:last-child{border-bottom:1px solid var(--mp-line)}
.mp-how__list dt{margin:0 0 .35rem;font:400 .75rem/1.3 var(--mp-font-text);letter-spacing:.16em;text-transform:uppercase;color:var(--mp-muted)}
.mp-how__list dd{margin:0;font-weight:300;line-height:1.65;max-width:42em}
.mp-guide .mp-lead{margin:1.25rem 0 0}
.mp-guide .mp-h3{margin:2.25rem 0 .6rem}
.mp-guide p{margin:0;font-weight:300;line-height:1.75}
.mp-links__grid{list-style:none;margin:2rem 0 0;padding:0;display:grid;gap:0;border-top:1px solid var(--mp-line)}
@media (min-width:768px){.mp-links__grid{grid-template-columns:1fr 1fr;column-gap:3rem}}
@media (min-width:1100px){.mp-links__grid{grid-template-columns:repeat(3,1fr)}}
.mp-links__a{display:flex;flex-direction:column;gap:.3rem;min-height:44px;padding:1.1rem 0;border-bottom:1px solid var(--mp-line);color:var(--mp-ink)}
.mp-links__a b{font:400 1.0625rem/1.3 var(--mp-font-text)}
.mp-links__a span{font-weight:300;font-size:.9375rem;line-height:1.55;color:var(--mp-muted)}
.mp-links__a:hover b{text-decoration:underline;text-underline-offset:.25em}
.mp-links__h2{margin-top:clamp(3rem,2rem + 3vw,5rem)}
.mp-links__list{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;gap:.15rem}
.mp-links__list a{display:inline-flex;align-items:center;min-height:44px}
.mp-faq__item{border-top:1px solid var(--mp-line)}
.mp-faq__item:last-of-type{border-bottom:1px solid var(--mp-line)}
.mp-faq__item summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3.5rem;padding:.8rem 0;cursor:pointer;list-style:none;font:400 1.0625rem/1.4 var(--mp-font-text);color:var(--mp-ink)}
.mp-faq__item summary::-webkit-details-marker{display:none}
.mp-faq__item summary::after{content:"+";flex:none;font:300 1.5rem/1 var(--mp-font-text);color:var(--mp-muted)}
.mp-faq__item[open] summary::after{content:"\2212"}
.mp-faq__item summary:focus-visible{outline:2px solid var(--mp-ink);outline-offset:2px}
.mp-faq__item p{margin:0 0 1.25rem;max-width:42em;font-weight:300;line-height:1.7;color:var(--mp-ink-2)}
.mp-faq__more{margin:1.75rem 0 0;font-weight:300;line-height:1.7}
.mp-faq__more .mp-link{display:inline}
.mp-faq h2{margin-bottom:1.5rem}

/* ---------- шаги и варианты ---------- */
a.mp-opt{text-decoration:none;color:inherit}
.mp-opt__t{min-height:3.5rem;justify-content:center}
a.mp-opt:focus-visible .mp-opt__t{border-color:rgba(255,255,255,.7)}
a.mp-opt:focus-visible{outline:2px solid var(--mp-accent);outline-offset:2px}
.mp-quiz__back{min-height:44px;display:inline-flex;align-items:center;text-decoration:none}
.mp-quiz__back:focus-visible,.mp-chip:focus-visible,.mp-quiz__tool:focus-visible,.mp-quiz__sum button:focus-visible,.mp-quiz__call:focus-visible,.mp-day input:focus-visible+span,.mp-quiz__check input:focus-visible{outline:2px solid var(--mp-accent);outline-offset:2px}
.mp-quiz__next{min-height:3.25rem}
.mp-quiz__status{margin:.75rem 0 0;font-size:.875rem;color:#cfccc4}
.mp-quiz__status:empty{display:none}

/* ---------- сводка ответов ---------- */
.mp-quiz__sum{list-style:none;margin:0 0 1.5rem;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.mp-quiz__sum li,.mp-quiz__sum button{display:inline-flex;align-items:center;gap:.4rem;margin:0;padding:.5rem .8rem;border:1px solid rgba(255,255,255,.22);background:transparent;color:#e9e7e1;font:300 .875rem/1.3 var(--mp-font-text)}
.mp-quiz__sum li:has(button){padding:0;border:0}
.mp-quiz__sum button{min-height:44px;cursor:pointer}
.mp-quiz__sum button:hover{border-color:#fff}
.mp-quiz__sum span{font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:#a9a69d}

/* ---------- карточки подборки ---------- */
.mp-quiz__res{grid-template-columns:1fr;gap:1.25rem}
@media (min-width:640px){.mp-quiz__res{grid-template-columns:1fr 1fr;gap:1.5rem 1.25rem}}
@media (min-width:1024px){.mp-quiz__res{grid-template-columns:repeat(3,1fr)}}
.mp-res{display:flex;flex-direction:column;min-width:0}
.mp-res__a{height:auto;flex:none;text-decoration:none}
.mp-res__a:focus-visible{outline:2px solid var(--mp-accent);outline-offset:3px}
.mp-res__cat{display:block}
.mp-res__name{font-size:.9375rem}
.mp-res__meta{display:block;margin-top:.3rem;font-size:.8125rem;line-height:1.4;color:#a9a69d}
.mp-res__price{display:block;margin-top:.5rem;padding-top:0;font-size:.875rem}
.mp-res__why{list-style:none;margin:.6rem 0 0;padding:.6rem 0 0;border-top:1px solid rgba(255,255,255,.14);display:grid;gap:.35rem}
.mp-res__why li{position:relative;padding-left:.9rem;font-size:.8125rem;line-height:1.5;font-weight:300;color:#d7d4cc}
.mp-res__why li::before{content:"";position:absolute;left:0;top:.7em;width:.45rem;height:1px;background:var(--mp-accent)}
.mp-res__note{margin:.4rem 0 0;font-size:.75rem;line-height:1.45;color:#c8b9a0}
.mp-res__sep{grid-column:1/-1;margin:.5rem 0 0;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.18);font-size:.875rem;line-height:1.5;color:#cfccc4;list-style:none}
.mp-res.is-near .mp-res__img{opacity:.88}
@media (max-width:639px){
  /* на телефоне карточка горизонтальная: снимок слева, текст справа, причины под ними */
  .mp-res__a{display:grid;grid-template-columns:7rem minmax(0,1fr);column-gap:1rem;align-content:start}
  .mp-res__img{grid-row:1/6;margin:0;align-self:start;aspect-ratio:1/1}
  .mp-res__cat,.mp-res__name,.mp-res__meta,.mp-res__price{grid-column:2}
  .mp-res__name{margin-top:.15rem}
}
.mp-res{animation:mpq-in .5s var(--mp-ease) both}
@keyframes mpq-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.mp-quiz__more{margin:0 0 1.25rem;min-height:3.25rem}
.mp-quiz .mp-btn--ghost{background:transparent;border-color:rgba(255,255,255,.5);color:#fff!important}
.mp-quiz .mp-btn--ghost:hover:not(:disabled){background:#fff;color:var(--mp-ink)!important;border-color:#fff}

/* ---------- уточнения, ссылка, печать ---------- */
.mp-quiz__refine{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 1.25rem}
.mp-quiz__refine-t{margin-right:.5rem;font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;color:#a9a69d}
.mp-chip{min-height:44px;padding:0 1.1rem;border:1px solid rgba(255,255,255,.3);background:transparent;color:#e9e7e1;font:300 .875rem/1 var(--mp-font-text);cursor:pointer;transition:background .25s var(--mp-ease),color .25s,border-color .25s}
.mp-chip:hover{border-color:#fff}
.mp-chip[aria-pressed=true]{background:#fff;border-color:#fff;color:var(--mp-ink)}
.mp-quiz__tools{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem 1.5rem;margin:1.25rem 0 0;padding:.5rem 0;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}
.mp-quiz__tool{min-height:44px;padding:0;border:0;background:none;color:#fff;font:400 .8125rem/1 var(--mp-font-text);letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.mp-quiz__tool:hover{color:var(--mp-accent)}
.mp-quiz__toolmsg{flex-basis:100%;font-size:.8125rem;color:#cfccc4}
.mp-quiz__toolmsg:empty{display:none}
.mp-quiz__print{display:none}
.mp-quiz__why{margin:1.25rem 0 0;color:#cfccc4}
.mp-quiz__why summary{display:flex;align-items:center;min-height:44px;cursor:pointer;font-size:.875rem;color:#e9e7e1;list-style:none}
.mp-quiz__why summary::-webkit-details-marker{display:none}
.mp-quiz__why summary::after{content:"+";margin-left:.6rem;color:#a9a69d}
.mp-quiz__why[open] summary::after{content:"\2212"}
.mp-quiz__why summary:focus-visible{outline:2px solid var(--mp-accent);outline-offset:2px}
.mp-quiz__why ul{margin:.25rem 0 0;padding-left:1.1rem;font-size:.875rem;line-height:1.65;font-weight:300}

/* ---------- форма заявки ---------- */
.mp-quiz__lead{margin-top:2.25rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.18)}
.mp-quiz__leadh{margin:0 0 .5rem}
.mp-quiz .mp-field{margin-bottom:1rem}
.mp-field__err{min-height:1.2em;margin:.35rem 0 0;font-size:.8125rem;line-height:1.35;color:#f2b7a8}
.mp-field__err:empty{min-height:0;margin:0}
.mp-quiz .mp-field input[aria-invalid=true]{border-bottom-color:#f2b7a8}
.mp-quiz .mp-field input::placeholder{color:rgba(255,255,255,.35)}
.mp-quiz__days{margin:.5rem 0 1rem;padding:0;border:0;min-width:0}
.mp-quiz__days legend{padding:0;margin:0 0 .6rem;font:400 .75rem/1.2 var(--mp-font-text);letter-spacing:.14em;text-transform:uppercase;color:#a9a69d}
.mp-quiz__daylist{display:flex;flex-wrap:wrap;gap:.5rem}
.mp-day{position:relative;display:block;cursor:pointer}
.mp-day input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.mp-day span{display:inline-flex;align-items:center;min-height:44px;padding:0 1rem;border:1px solid rgba(255,255,255,.28);font:300 .875rem/1 var(--mp-font-text);color:#e9e7e1;transition:background .2s,color .2s,border-color .2s}
.mp-day:hover span{border-color:#fff}
.mp-day input:checked+span{background:#fff;border-color:#fff;color:var(--mp-ink)}
.mp-quiz__daynote{margin:.6rem 0 0;font-size:.8125rem;line-height:1.5;color:#a9a69d}
.mp-quiz__check{display:flex;align-items:center;gap:.75rem;min-height:44px;margin:0 0 .5rem;cursor:pointer;font-size:.875rem;font-weight:300;color:#e9e7e1}
.mp-quiz__check input{flex:none;width:1.25rem;height:1.25rem;margin:0;accent-color:#fff}
.mp-quiz__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;margin-top:.75rem}
.mp-quiz__call{display:inline-flex;align-items:center;min-height:44px;color:#fff;font-size:.9375rem;border-bottom:1px solid rgba(255,255,255,.3)}
.mp-quiz__call:hover{border-bottom-color:var(--mp-accent)}
.mp-quiz__fine a{color:#cfccc4;text-decoration:underline}
.mp-quiz__thanks-box{padding:.5rem 0}
.mp-quiz__next-steps{margin:1.25rem 0;padding-left:1.25rem;font-weight:300;line-height:1.7;color:#d7d4cc}
@media (max-width:639px){
  .mp-quiz__actions .mp-btn{width:100%}
  .mp-quiz__lead{margin-top:1.75rem}
  .mp-day span{padding:0 .85rem}
}

/* ---------- движение ---------- */
@media (prefers-reduced-motion:reduce){
  .mp-res{animation:none}
  .mp-chip,.mp-day span{transition:none}
}

/* ---------- печать: только подборка ---------- */
@media print{
  @page{margin:14mm}
  body.v2{background:#fff!important}
  .mp-app,.mp-footer,.mp-dock,.mp-skip,dialog,.cookie-note,.mp-pg__crumbs,.mp-pg__head,.mp-how,.mp-guide,.mp-links,.mp-faq,
  .mp-quiz__head,.mp-quiz__refine,.mp-quiz__status,.mp-quiz__more,.mp-quiz__tools,.mp-quiz__why,.mp-quiz__lead,.mp-quiz__nav,.mp-quiz__live,
  .mp-quiz__body>.mp-link,.mp-quiz__body>p.mp-quiz__hint{display:none!important}
  .mp-pg{padding:0!important}
  .mp-pg__box{background:#fff!important;padding:0!important}
  .mp-quiz,.mp-quiz *{color:#111!important;background:transparent!important;border-color:#bbb!important}
  .mp-quiz__body{display:flex!important;flex-direction:column}
  .mp-quiz__print{order:-1;display:block!important;margin:0 0 6mm;padding-bottom:3mm;border-bottom:1px solid #999}
  .mp-quiz__print p{margin:0 0 1mm;font-size:10pt}
  .mp-quiz__print-url{word-break:break-all;font-size:8pt!important}
  .mp-quiz__title{font-size:18pt!important;margin:0 0 3mm!important}
  .mp-quiz__sum{margin-bottom:5mm}
  .mp-quiz__sum li,.mp-quiz__sum button{padding:1mm 2mm!important;font-size:9pt!important;border:1px solid #bbb!important}
  .mp-quiz__sum li{border:0!important;padding:0!important}
  .mp-quiz__res{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:5mm!important}
  .mp-res{break-inside:avoid;animation:none!important;opacity:1!important}
  .mp-res__a{display:block!important}
  .mp-res__img{display:block!important;aspect-ratio:4/3!important;margin:0 0 2mm!important}
  .mp-res__img img{filter:none!important}
  .mp-res__name{font-size:10pt!important;-webkit-line-clamp:unset!important;display:block!important}
  .mp-res__cat,.mp-res__meta,.mp-res__why li,.mp-res__note,.mp-res__price{font-size:8.5pt!important}
  .mp-res__sep{grid-column:1/-1}
}

/* ---------- служебное ---------- */
.mp-quiz__live{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.mp-opt,.mp-quiz__nav,.mp-quiz__lead{scroll-margin-bottom:6rem}

/* ---------- ширина: результаты занимают всю панель, вопросы остаются узкими ---------- */
.mp-pg__box .mp-quiz{max-width:none}
.mp-quiz__opts{max-width:56rem}
.mp-quiz__body>.mp-link{display:inline-flex;align-items:center;min-height:44px}
.mp-quiz__more{margin-right:1.5rem}
.mp-quiz__lead,.mp-quiz__why,.mp-quiz__form{max-width:56rem}