.cq{max-width:60rem;margin-top:2.5rem;--cq-origin:left}html[dir=rtl] .cq{--cq-origin:right}.cq-rail{display:flex;gap:6px;margin-bottom:1.4rem}.cq-seg{flex:1 1;height:6px;border-radius:999px;background:var(--paper);border:1px solid var(--line);overflow:hidden;position:relative}.cq-fill{position:absolute;inset:0;background:var(--volt);border-radius:inherit;transform:scaleX(0);transform-origin:var(--cq-origin)}.cq-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.2rem;min-height:2rem}.cq-step{font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--forest)}html[lang=ar] .cq-step{letter-spacing:.02em;font-size:.9rem}.cq-back,.cq-reset{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;font-size:.92rem;color:var(--forest);background:none;border:0;padding:.35rem .2rem;cursor:pointer;border-radius:6px}.cq-back:hover,.cq-reset:hover{color:var(--ink)}.cq-back:disabled{opacity:.5;cursor:default}.cq-back-arrow{transform:scaleX(-1)}html[dir=rtl] .cq-back-arrow{transform:none}.cq-q{margin-bottom:1.4rem;outline:none}.cq-options{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}.cq-option{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;text-align:start;min-height:7.5rem;padding:1.4rem;background:var(--paper);border:1.5px solid var(--line);border-radius:var(--radius);cursor:pointer;color:var(--ink);font:inherit;position:relative;overflow:hidden;transition:transform .3s var(--ease-out),border-color .3s,box-shadow .3s}.cq-option:before{content:"";position:absolute;inset-inline-start:0;top:0;height:3px;width:100%;background:var(--volt);transform:scaleX(0);transform-origin:var(--cq-origin);transition:transform .4s var(--ease-out)}.cq-option:focus-visible,.cq-option:hover{border-color:var(--volt);transform:translateY(-4px);box-shadow:var(--shadow-card,0 20px 40px -24px rgba(12,15,11,.25))}.cq-option.is-picked:before,.cq-option:focus-visible:before,.cq-option:hover:before{transform:scaleX(1)}.cq-option.is-picked{border-color:var(--volt)}.cq-option:disabled{cursor:default}.cq-option-title{font-weight:800;font-size:1.08rem;line-height:1.25}.cq-option-hint{color:var(--text-soft);font-size:.9rem}.cq-result{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);grid-gap:clamp(1.5rem,4vw,3rem);gap:clamp(1.5rem,4vw,3rem);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1.5rem,4vw,2.5rem)}@media (max-width:800px){.cq-result{grid-template-columns:1fr}}.cq-visual{background:var(--mist);border-radius:var(--radius-sm);min-height:260px;display:flex;align-items:center;justify-content:center;padding:1.5rem}.cq-visual img{max-width:100%;max-height:320px;object-fit:contain}.cq-body .h3{outline:none}.cq-price{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;margin:.6rem 0 .4rem}.cq-price strong{font-size:1.35rem;font-weight:800;color:var(--ink)}.cq-power{border-color:var(--volt);color:var(--forest);font-weight:700}.cq-install{color:var(--text-soft);font-size:.92rem}.cq-why{margin-top:1.6rem;margin-bottom:.5rem;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--forest)}html[lang=ar] .cq-why{letter-spacing:.02em;font-size:.9rem}.cq-reasons{list-style:none;padding:0;margin:0;display:grid;grid-gap:.6rem;gap:.6rem}.cq-reasons li{position:relative;-webkit-padding-start:1.4rem;padding-inline-start:1.4rem;color:var(--text-soft);line-height:1.5}.cq-reasons li:before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--volt)}.cq-note{margin-top:1.2rem;padding:.9rem 1.1rem;background:var(--mist);-webkit-border-start:3px solid var(--volt);border-inline-start:3px solid var(--volt);border-radius:var(--radius-sm);color:var(--text-soft);font-size:.95rem;line-height:1.5}.cq-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.8rem}.cq-reset{margin-top:1.2rem}.cq-commercial{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1.5rem,4vw,2.5rem)}.cq-commercial .body-copy{margin-top:.4rem}@media (prefers-reduced-motion:no-preference){.cq-in{opacity:0}}