/* HeroX HQ 5.2 — Fabric quotes (the HQ builder; the client page's own look is css-fsq.css on quotes.heroxairdomes.com) */
.fs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px 14px}
.fs-f{min-width:0}.fs-f.wide{grid-column:1/-1}.fs-f .in{width:100%;box-sizing:border-box}
.fs-after{margin-top:2px}
.fs-mks{grid-template-columns:repeat(2,minmax(0,1fr))}.fs-mk .qt-mk-t{padding:14px 16px}
.fs-res{display:grid;gap:4px;margin-top:6px}
.fs-hit{display:flex;justify-content:space-between;gap:10px;text-align:left;padding:8px 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface);font:inherit;color:inherit;cursor:pointer}
.fs-hit:hover,.fs-hit:focus-visible{border-color:var(--action);outline:none}
.fs-big{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}
.fs-costs td,.fs-sheet td{vertical-align:top}.fs-cin{max-width:100%;box-sizing:border-box}
.fs-costs .fs-cin[data-cf="fields"]{min-width:150px;width:100%}
.fs-sheet tr.muted td{color:var(--ink3)}.fs-sheet .fs-tot td{border-top:2px solid var(--border)}
.fs-line .fs-ch{display:grid;gap:6px;margin-top:8px}
.fs-flags{display:grid;gap:10px}.fs-flag.off span{text-decoration:line-through;color:var(--ink3)}
.fs-warn{border-color:var(--warn,#c98a00);background:var(--warn-soft,#fff7e0)}
.fs-prevwrap{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#fff;transition:max-width .2s}
.fs-prevwrap.phone{max-width:400px;margin-left:auto;margin-right:auto}
.fs-frame{display:block;width:100%;height:900px;border:0;background:#fff}
.fs-linkbox .in{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}
@media (max-width:700px){.fs-mks{grid-template-columns:1fr}.fs-grid{grid-template-columns:1fr 1fr}.fs-frame{height:720px}.fs-costs{font-size:12px}}
@media (max-width:440px){.fs-grid{grid-template-columns:1fr}}