/* Ecover — /montaj yoʻriqnoma (montaj.js) */
.mj-qism{padding:24px 0 96px}
.mj-defs{position:absolute;width:0;height:0;overflow:hidden}
.mj-tablar{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 12px;margin-bottom:24px;scrollbar-width:none;position:sticky;top:calc(var(--yuqori,64px) + 4px);z-index:5;background:linear-gradient(var(--fon) 80%,transparent)}
.mj-tablar::-webkit-scrollbar{display:none}
.mj-tablar button{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;background:var(--karta);font-size:15px;font-weight:600;color:var(--matn);white-space:nowrap;transition:background-color .2s ease,color .2s ease,transform 120ms ease-out}
.mj-tablar button:active{transform:scale(.97)}
.mj-tablar button span{font-size:18px}
.mj-tablar button[aria-selected=true]{background:var(--yashil);color:#fff}
.mj-joy{animation:mj-kir .35s var(--e-out)}
@keyframes mj-kir{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.mj-bosh{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 32px;margin-bottom:24px}
.mj-bosh h2{font-size:clamp(26px,3vw,36px);letter-spacing:-.02em;margin-bottom:8px}
.mj-bosh p{color:var(--xira);font-size:17px;max-width:44em}
.mj-amal{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.mj-progress{display:grid;gap:4px;min-width:160px;font-size:13px;color:var(--xira);font-variant-numeric:tabular-nums}
.mj-progress i{display:block;height:6px;border-radius:999px;background:var(--karta2);overflow:hidden}
.mj-progress b{display:block;height:100%;width:100%;background:var(--yashil);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--e-out)}
.mj-kichik{min-height:36px;padding:0 12px;border-radius:999px;background:var(--karta2);font-size:14px;font-weight:500;color:var(--matn)}
.mj-panjara{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:32px;align-items:start}
.mj-kesim{position:sticky;top:calc(var(--yuqori,64px) + 76px);background:var(--fon);border-radius:var(--r);box-shadow:var(--soya);padding:20px}
.mj-kesim figcaption{font-size:13px;font-weight:600;color:var(--xira);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}
.mj-kesim svg{display:block;width:100%;height:auto;border-radius:12px;overflow:hidden}
.mj-tomon{fill:var(--karta)}
.mj-tomon-y{font-size:15px;font-weight:600;fill:var(--xira);text-anchor:middle;dominant-baseline:middle;font-family:var(--shrift)}
.mj-tomon-y.mj-chapga{text-anchor:start;dominant-baseline:auto}
.mj-chegara{fill:none;stroke:rgba(0,0,0,.12)}
.mj-ustun{fill:#c9a06a;stroke:#a77f4b}
.mj-dyubel{stroke:#3a3f46;stroke-width:3;stroke-linecap:round;fill:none}
.mj-oqim{stroke:#4a8fd6;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
svg .mj-q{transition:opacity .3s ease}
.mj-kesim[data-faol] svg .mj-q{opacity:.28}
.mj-kesim[data-faol] svg .mj-q.on{opacity:1}
.mj-kesim[data-faol] svg .mj-q.on .mj-chegara{stroke:var(--yashil-q);stroke-width:3}
.mj-royxat{list-style:none;display:grid;gap:6px;margin-top:14px;font-size:14px}
.mj-royxat li{display:flex;align-items:center;gap:10px;padding:4px 8px;border-radius:8px;transition:background-color .2s ease,opacity .2s ease}
.mj-kesim[data-faol] .mj-royxat li{opacity:.55}
.mj-kesim[data-faol] .mj-royxat li.on{opacity:1;background:var(--yashil-och);font-weight:600}
.mj-rang{flex:none;width:16px;height:16px;border-radius:4px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.mj-r-ecover{background:#f3cf55}.mj-r-ecover2{background:#f7dd8a}.mj-r-gisht{background:#c9785a}.mj-r-beton{background:#b8b3ab}.mj-r-osb{background:#d6b27a}
.mj-r-havo{background:#e8f1fb}.mj-r-plyonka{background:#6aa6e0}.mj-r-membrana{background:#7d8fa6}.mj-r-folga{background:linear-gradient(135deg,#c7ccd3,#eef1f4)}.mj-r-gips{background:#ecebe7}.mj-r-tom{background:#6b6f76}

.mj-matn{display:grid;gap:16px}
.mj-karta{background:var(--karta);border-radius:var(--r-o);padding:20px 22px}
.mj-karta h3{font-size:18px;margin-bottom:10px}
.mj-qalin{background:var(--yashil-och);display:grid;gap:4px}
.mj-qalin span{font-size:13px;color:var(--yashil-q);font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.mj-qalin b{font-size:clamp(20px,2.2vw,26px);letter-spacing:-.01em}
.mj-qalin small{font-size:14px;color:var(--xira)}
.mj-asboblar{list-style:none;display:grid;gap:6px}
.mj-asboblar label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:15px;padding:4px 0}
.mj-asboblar input{flex:none;width:20px;height:20px;margin-top:1px;accent-color:var(--yashil)}
.mj-asboblar input:checked+span{color:var(--xira);text-decoration:line-through}
.mj-himoya{margin-top:10px;font-size:13px;color:var(--xira)}
.mj-qadamlar-h{font-size:20px;margin-top:8px}
.mj-qadamlar{list-style:none;display:grid;gap:12px}
.mj-qadam{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:18px;border-radius:var(--r-o);background:var(--fon);box-shadow:0 0 0 1px var(--chiziq);cursor:pointer;transition:box-shadow .2s ease,background-color .2s ease}
.mj-qadam.on{box-shadow:0 0 0 2px var(--yashil)}
.mj-qadam.tayyor{background:var(--yashil-och)}
.mj-n{width:40px;height:40px;border-radius:50%;background:var(--karta2);display:grid;place-content:center;font-weight:700;font-variant-numeric:tabular-nums;transition:background-color .2s ease,color .2s ease}
.mj-qadam.tayyor .mj-n{background:var(--yashil);color:#fff}
.mj-qadam h4{font-size:17px;margin-bottom:4px}
.mj-qadam p{color:var(--xira);font-size:15px}
.mj-bajar{margin-top:10px;min-height:34px;padding:0 14px;border-radius:999px;background:var(--karta2);font-size:14px;font-weight:600;color:var(--matn);transition:background-color .2s ease,color .2s ease,transform 120ms ease-out}
.mj-bajar:active{transform:scale(.96)}
.mj-bajar[aria-pressed=true]{background:var(--yashil);color:#fff}
.mj-xato{background:#fff4ec}
.mj-xato ul{display:grid;gap:6px;padding-left:20px;font-size:15px}
.mj-oxir{display:grid;gap:14px}
.mj-mah{display:flex;align-items:center;gap:14px;color:var(--matn);text-decoration:none}
.mj-mah img{width:64px;height:64px;object-fit:contain;border-radius:12px;background:#fff}
.mj-mah span{display:grid}
.mj-mah small{font-size:13px;color:var(--xira)}
.mj-tuglar{display:flex;flex-wrap:wrap;gap:10px}
.mj-eslatma{max-width:46em;margin:32px auto 0;text-align:center;color:var(--xira);font-size:13px}

@media (max-width:900px){
  .mj-panjara{grid-template-columns:1fr}
  .mj-kesim{position:static}
}
@media (max-width:767px){
  .mj-qism{padding:8px 0 64px}
  .mj-tablar{margin:0 -20px 16px;padding:4px 20px 12px}
  .mj-kesim{padding:14px}
  .mj-tomon-y{font-size:20px}
  .mj-qadam{grid-template-columns:32px 1fr;padding:14px;gap:12px}
  .mj-n{width:32px;height:32px;font-size:14px}
  .mj-amal{width:100%}
  .mj-progress{flex:1}
}
@media (prefers-reduced-motion:reduce){
  .mj-joy{animation:none}
  .mj-progress b,svg .mj-q{transition:none}
}
/* chop etish: faqat tanlangan joy, menyu va tugmalarsiz */
@media print{
  .y-yuqori,.y-past,.y-pastki,footer,.mj-tablar,.mj-amal,.mj-bajar,.mj-tuglar,.mj-eslatma,.sahifa-bosh .yolak,#y-oyna,.y-panelcha{display:none!important}
  .mj-panjara{grid-template-columns:1fr}
  .mj-kesim{position:static;box-shadow:none;break-inside:avoid}
  .mj-kesim[data-faol] svg .mj-q,.mj-kesim[data-faol] .mj-royxat li{opacity:1}
  .mj-qadam,.mj-karta{break-inside:avoid;box-shadow:0 0 0 1px #ccc}
  .mj-joy{animation:none}
  body{background:#fff}
}