/* iQQuip staging v49 — approved 2026-08-10 changes only. */

/* Products hub: move only the weighted handle in the M package slightly right on desktop. */
.package-grid.illustrated .handle-pair img.m-weighted-handle-v49{position:relative;left:24px}
@media(max-width:640px){.package-grid.illustrated .handle-pair img.m-weighted-handle-v49{left:0}}

/* Space requirement sections. */
.space-requirement{padding:clamp(4rem,7vw,7rem) max(1.5rem,calc((100vw - 1180px)/2));background:#fff;color:#112e58}
.space-requirement *{box-sizing:border-box}
.space-requirement .sr-kicker{font-size:.82rem;letter-spacing:.13em;text-transform:uppercase;font-weight:700;color:#1267c4;margin:0 0 .6rem}
.space-requirement h2{font-size:clamp(2rem,4vw,3.7rem);line-height:1.02;letter-spacing:-.035em;margin:0;color:#102d55}
.space-requirement .sr-rule{width:64px;height:5px;border-radius:3px;background:#ed1c24;margin:1rem 0 1.25rem}
.space-requirement .sr-subtitle{font-size:clamp(1rem,1.6vw,1.25rem);color:#526984;margin:0 0 2rem}
.space-requirement .sr-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:clamp(2rem,4vw,4rem);align-items:start}
.space-requirement .sr-figure{margin:0;min-width:0}
.space-requirement .sr-figure img{display:block;width:100%;height:auto;object-fit:contain}
.space-requirement .sr-figure figcaption{font-size:.9rem;line-height:1.5;color:#536981;margin-top:.85rem}
.space-requirement .sr-metrics{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.8rem}
.space-requirement .sr-metric{border:1px solid #dbe3ed;border-radius:14px;padding:1.15rem 1.2rem;background:#fff}
.space-requirement .sr-metric span{display:block;font-size:.88rem;line-height:1.25;color:#526984;margin-bottom:.45rem}
.space-requirement .sr-metric strong{font-size:1.45rem;line-height:1.15;color:#102d55}
.space-requirement .sr-copy h3{font-size:1.35rem;margin:0 0 .55rem;color:#102d55}
.space-requirement .sr-copy p{font-size:1rem;line-height:1.65;color:#263d5a;margin:.4rem 0 1rem}
.space-requirement .sr-callout{border:1px solid #9bb9e1;background:#f6faff;border-radius:12px;padding:1rem 1.1rem;margin:1.25rem 0}
.space-requirement .sr-callout strong{color:#1459b8}
.space-requirement .sr-note{font-size:.92rem!important;color:#415b78!important}
.space-requirement .sr-specs{margin-top:3.2rem;padding-top:1.7rem;border-top:1px solid #cdd8e6}
.space-requirement .sr-specs h3{font-size:1.55rem;margin:0 0 1rem;color:#102d55}
.space-requirement .sr-spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 2.5rem}
.space-requirement .sr-spec-row{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid #e0e6ee;font-size:.95rem}
.space-requirement .sr-spec-row b{font-weight:650;color:#102d55}.space-requirement .sr-spec-row span{color:#354d69;text-align:right}

/* Products comparison: concise space-planning facts, preserving the existing comparison cards above. */
.space-comparison-section{padding:70px 7vw 85px;background:#f7f9fb;border-top:1px solid #dce3e8;border-bottom:1px solid #dce3e8}
.space-comparison-section h2{color:#02283e;font-size:clamp(30px,3.2vw,46px);letter-spacing:-.035em;margin:14px 0 26px}
.space-comparison-wrap{overflow-x:auto}
.product-comparison.space-comparison{width:100%;border-collapse:collapse;background:#fff}
.product-comparison.space-comparison th,.product-comparison.space-comparison td{padding:15px 18px;border:1px solid #dce3e8;text-align:left;vertical-align:top}
.product-comparison.space-comparison thead th{background:#073956;color:#fff;font-size:.9rem}
.product-comparison.space-comparison tbody th{color:#10263d;width:31%;font-size:.9rem}
.product-comparison.space-comparison td{color:#526984;font-size:.9rem}
.space-comparison-section .comparison-note{color:#61758a;font-size:.9rem;line-height:1.6;margin:16px 0 0}

/* FAQ link used in the new limited-height answer. */
.faq-list details p a{color:#005b8c;border-bottom:1px solid #c1121c;font-weight:700}

@media(max-width:860px){.space-requirement .sr-grid{grid-template-columns:1fr}.space-requirement .sr-metrics{grid-template-columns:1fr 1fr}.space-requirement .sr-spec-grid{grid-template-columns:1fr}}
@media(max-width:520px){.space-requirement{padding-left:1.1rem;padding-right:1.1rem}.space-requirement .sr-metrics{grid-template-columns:1fr}.space-requirement .sr-figure img{width:100%}.space-comparison-section{padding-left:24px;padding-right:24px}}
