/* Ecover — "Issiqlik qayerga ketadi" va /energy (qalinlik, R, λ) */
.iq-qism{padding:96px 0}
.iq-qism-och{background:var(--karta)}
.sahifa-bosh+.iq-qism{padding-top:32px}

/* ---------- uy sxemasi ---------- */
.iq-uy{max-width:760px;margin:0 auto;text-align:center}
.iq-uy-tanla{margin-bottom:20px}
.iq-uy-svg{display:block;width:100%;height:auto;overflow:visible}
.iq-yorliq{fill:var(--xira);font-family:var(--shrift)}
.iq-ichi{transition:filter .8s var(--e-out)}
.iq-uy[data-holat=bor] .iq-ichi{filter:saturate(1.6) brightness(1.02)}
.iq-izol rect{transition:transform .9s var(--e-out),opacity .4s ease;transform-box:fill-box}
.iq-izol-g{transform-origin:left center}
.iq-izol-v{transform-origin:center top}
.iq-uy[data-holat=yoq] .iq-izol-g{transform:scaleX(0);opacity:0}
.iq-uy[data-holat=yoq] .iq-izol-v{transform:scaleY(0);opacity:0}
.iq-uy .iq-izol rect:nth-child(2){transition-delay:.15s}
.iq-uy .iq-izol rect:nth-child(3){transition-delay:.3s}
.iq-uy .iq-izol rect:nth-child(4){transition-delay:.45s}
/* toʻlqinlar: tashqariga suzib, soʻnadi; Ecover bilan tom, devor, pol orqali — juda kam */
.iq-oqim{color:#e8590c;transition:opacity .8s var(--e-out)}
.iq-oqim use{animation:iq-chiq 2.4s ease-out infinite;transform-box:fill-box}
.iq-oqim:nth-of-type(2n) use{animation-delay:-.8s}
.iq-oqim:nth-of-type(3n) use{animation-delay:-1.6s}
@keyframes iq-chiq{0%{transform:translateY(8px);opacity:0}25%{opacity:1}100%{transform:translateY(-16px);opacity:0}}
.iq-uy[data-holat=bor] .iq-oqim:not([data-qism=deraza]){opacity:.14}
.iq-uy[data-holat=bor] .iq-oqim:not([data-qism=deraza]) use{animation-duration:4.8s}
.iq-uy-izoh{margin:14px auto 0;max-width:34em;color:var(--xira);font-size:17px;min-height:3em}
.iq-uy .y-havola{margin-top:12px}

/* ---------- qalinlik hisobi ---------- */
.iq-hisob{background:var(--fon);border-radius:var(--r);box-shadow:var(--soya);padding:32px;display:grid;gap:28px}
.iq-boshqaruv{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 40px}
.iq-slayder{flex:1 1 320px;display:grid;gap:10px;font-size:15px;color:var(--xira)}
.iq-slayder b{color:var(--matn);font-size:17px;font-variant-numeric:tabular-nums}
.iq-slayder input{width:100%;accent-color:var(--yashil);height:28px;cursor:pointer}
.iq-shkala{display:flex;justify-content:space-between;font-size:12px}
.iq-shkala i{font-style:normal}
.iq-kesim svg{display:block;width:100%;height:auto;border-radius:var(--r-o);background:var(--karta)}
.iq-kesim figcaption{display:grid;gap:8px;margin-top:14px}
.iq-qatlamlar{list-style:none;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px}
.iq-qatlamlar li{display:flex;align-items:center;gap:7px}
.iq-qatlamlar i{width:14px;height:14px;border-radius:4px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.iq-kesim-izoh{font-size:14px;color:var(--xira);max-width:60em}
.iq-harorat-izoh{display:flex;align-items:center;gap:8px}
.iq-harorat-izoh i{flex:none;width:22px;height:3px;border-radius:2px;background:linear-gradient(90deg,#e8590c,#2f7fd0)}
.iq-kesim-yozuv{fill:var(--matn);font-family:var(--shrift);font-weight:600}
.iq-natijalar{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.iq-natijalar>div{background:var(--karta);border-radius:var(--r-o);padding:18px 20px;display:grid;gap:4px;align-content:start}
.iq-natijalar span{font-size:14px;color:var(--xira)}
.iq-natijalar b{font-size:clamp(26px,3vw,36px);letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.1}
.iq-natijalar small{font-size:13px;color:var(--xira)}
.iq-natijalar .iq-asosiy{background:var(--yashil-och)}
.iq-natijalar .iq-asosiy b{color:var(--yashil-q)}
.iq-grafik figcaption{font-size:14px;color:var(--xira);margin-bottom:8px}
.iq-grafik svg{display:block;width:100%;height:auto;overflow:visible}
.iq-grafik text{font-family:var(--shrift)}

/* ---------- solishtirish ---------- */
.iq-taq{max-width:860px;margin:0 auto;display:grid;gap:18px}
.iq-taq-q{display:grid;grid-template-columns:180px 1fr 80px;align-items:center;gap:16px}
.iq-taq-q span{font-weight:600}
.iq-taq-q small{display:block;font-weight:400;color:var(--xira);font-size:13px}
.iq-taq-q b{text-align:right;font-variant-numeric:tabular-nums}
.iq-ustun{height:16px;border-radius:999px;background:var(--karta2);overflow:hidden}
.iq-ustun i{display:block;height:100%;min-width:8px;border-radius:999px;background:#b8b3ab;transform-origin:left;transition:transform 1.2s var(--e-out) .2s}
.iq-taq-q.ecover .iq-ustun i{background:var(--yashil)}
.iq-taq-q.ecover b{color:var(--yashil-q)}
.js .iq-taq.y-kir:not(.kirdi) .iq-ustun i{transform:scaleX(0)}

/* ---------- tushuntirish ---------- */
.iq-kartalar{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.iq-karta{background:var(--fon);border-radius:var(--r);padding:28px}
.iq-formula{display:block;font-size:28px;color:var(--yashil-q);letter-spacing:-.02em;margin-bottom:12px}
.iq-karta h3{font-size:19px;margin-bottom:6px}
.iq-karta p{color:var(--xira);font-size:16px}
.iq-eslatma{max-width:46em;margin:28px auto 0;text-align:center;color:var(--xira);font-size:13px}
.iq-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px}

@media (max-width:767px){
  .iq-qism{padding:64px 0}
  .iq-hisob{padding:20px 16px}
  .iq-boshqaruv .y-segment{width:100%}
  .iq-boshqaruv .y-segment button{padding:0 8px;font-size:14px}
  .iq-kesim-yozuv{font-size:24px}
  .iq-natijalar,.iq-kartalar{grid-template-columns:1fr}
  .iq-taq-q{grid-template-columns:1fr auto;gap:6px 12px}
  .iq-taq-q .iq-ustun{grid-column:1/-1;grid-row:2}
  .iq-yorliq{font-size:20px}
}
@media (prefers-reduced-motion:reduce){
  .iq-oqim use{animation:none;opacity:1}
  .iq-izol rect,.iq-ustun i{transition:none}
}