/* Omaha Concrete Polishing & Coatings — quote.css (multi-step, every step optional, no placeholders) */
.quote-page{background:var(--bg)}
.q-main{padding:200px 0 90px;position:relative;overflow:hidden}
.q-main::before{content:"";position:absolute;inset:0;background-image:url("../img/flake-tile.png");background-size:600px;opacity:.55;pointer-events:none}
.q-main .wrap{position:relative;max-width:1100px}
.q-head{margin-bottom:30px}
.q-head h1{font-size:clamp(46px,6vw,88px)}
.q-progress{display:flex;align-items:center;gap:22px;margin:0 0 26px}
.q-steps{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px;font-family:var(--fd);font-weight:500;font-size:19px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink3)}
.q-steps li{position:relative;padding-left:20px;transition:color .3s}
.q-steps li::before{content:"";position:absolute;left:0;top:50%;width:10px;height:10px;border-radius:50%;background:var(--line2);transform:translateY(-50%);transition:background .3s,box-shadow .3s}
.q-steps li.on{color:var(--ink)}.q-steps li.on::before{background:var(--acc2);box-shadow:0 0 0 5px var(--acc-dim)}
.q-steps li.done{color:var(--ink2)}.q-steps li.done::before{background:var(--chrome)}
.q-card{background:linear-gradient(180deg,var(--bg3),var(--bg2));border:1px solid var(--line2);border-radius:var(--r2);padding:clamp(28px,4vw,54px);box-shadow:var(--sh)}
.q-step{display:none;border:0;margin:0;padding:0;min-width:0}
.q-step.on{display:block;animation:qin .45s var(--ease)}
@keyframes qin{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.q-step.on{animation:none}}
.q-step legend{padding:0;margin-bottom:26px;display:block;width:100%}
.q-step legend h2{font-size:clamp(32px,3.6vw,52px);margin-bottom:8px}
.q-step legend p{font-size:19px;margin:0}
.q-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.q-tile{position:relative;display:flex;flex-direction:column;gap:10px;padding:22px 18px;border:1px solid var(--line2);border-radius:var(--r2);background:var(--bg3);cursor:pointer;transition:transform .2s var(--ease),border-color .2s,background .2s,box-shadow .2s}
.q-tile input{position:absolute;opacity:0;inset:0;cursor:pointer}
.q-tile .ico{font-size:30px;line-height:1}
.q-tile b{font-family:var(--fd);font-weight:600;font-size:22px;letter-spacing:.04em;text-transform:uppercase;line-height:1.05}
.q-tile:hover{transform:translateY(-3px);border-color:var(--chrome-lo)}
.q-tile:has(input:checked){border-color:var(--acc2);background:var(--acc-dim);box-shadow:0 0 0 1px var(--acc2) inset}
.q-tile:active{transform:scale(.98)}
.q-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.q-field{display:flex;flex-direction:column;gap:8px}
.q-field.span2{grid-column:span 2}
.q-field span{font-family:var(--fd);font-weight:500;font-size:18px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink2)}
.q-field input,.q-field select,.q-field textarea{font:inherit;font-size:20px;color:var(--ink);background:var(--bg);border:1px solid var(--line2);border-radius:var(--r);padding:16px 18px;outline:0;transition:border-color .2s,box-shadow .2s;width:100%}
.q-field input:focus,.q-field select:focus,.q-field textarea:focus{border-color:var(--acc2);box-shadow:0 0 0 4px var(--acc-dim)}
.q-field select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--chrome) 50%),linear-gradient(135deg,var(--chrome) 50%,transparent 50%);background-position:calc(100% - 24px) 50%,calc(100% - 18px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:48px}
.q-field textarea{resize:vertical;min-height:150px}
.q-radios{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px}
.q-radio{position:relative;padding:14px 20px;border:1px solid var(--line2);border-radius:999px;background:var(--bg3);cursor:pointer;font-family:var(--fd);font-weight:500;font-size:20px;letter-spacing:.06em;text-transform:uppercase;transition:all .2s}
.q-radio input{position:absolute;opacity:0;inset:0;cursor:pointer}
.q-radio:hover{border-color:var(--chrome-lo)}
.q-radio:has(input:checked){border-color:var(--acc2);background:var(--acc-dim);color:var(--acc2)}
.q-sub{font-family:var(--fd);font-weight:500;font-size:20px;letter-spacing:.1em;text-transform:uppercase;margin:6px 0 12px}
.q-upload{display:block;margin-top:20px;cursor:pointer}
.q-upload input{position:absolute;width:1px;height:1px;opacity:0}
.q-drop{display:flex;flex-direction:column;gap:6px;padding:28px;border:2px dashed var(--line2);border-radius:var(--r2);background:var(--bg3);text-align:center;transition:border-color .2s,background .2s}
.q-drop b{font-family:var(--fd);font-weight:600;font-size:24px;letter-spacing:.06em;text-transform:uppercase}
.q-drop span{color:var(--ink2);font-size:17px}
.q-upload:hover .q-drop{border-color:var(--acc2);background:var(--acc-dim)}
.q-previews{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.q-previews img{width:110px;height:110px;object-fit:cover;border-radius:var(--r);border:1px solid var(--line2)}
.q-err{display:none;margin:14px 0 0;color:#f0a37a;font-size:17px}
.q-err.show{display:block}
.q-review{display:grid;grid-template-columns:160px 1fr;gap:14px 22px;margin:0;font-size:19px}
.q-review dt{font-family:var(--fd);font-weight:500;font-size:18px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);padding-top:2px}
.q-review dd{margin:0;color:var(--ink);white-space:pre-wrap}
.q-review small{color:var(--ink3);font-size:16px}
.q-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:34px;padding-top:26px;border-top:1px solid var(--line)}
.q-count{font-family:var(--fd);font-weight:500;font-size:20px;letter-spacing:.14em;color:var(--ink3)}
.q-count span{color:var(--ink)}
.btn[disabled]{opacity:.4;pointer-events:none}
.q-done{text-align:center;padding:60px 20px}
.q-done-logo{width:320px;margin:0 auto 26px}
.q-done h2{font-size:clamp(44px,5vw,72px);margin-bottom:12px}
.q-done .lead{margin:0 auto 30px}
.q-foot{text-align:center;margin-top:34px;font-size:16px}
@media (max-width:900px){.q-main{padding:140px 0 60px}.q-tiles{grid-template-columns:repeat(2,1fr)}.q-grid{grid-template-columns:1fr}.q-field.span2{grid-column:auto}.q-review{grid-template-columns:1fr;gap:4px 0}.q-review dd{margin-bottom:12px}.q-nav{flex-wrap:wrap}.q-steps{font-size:15px;gap:6px 14px}}
@media (max-width:480px){.q-tiles{grid-template-columns:1fr 1fr;gap:10px}.q-tile{padding:16px 12px}.q-tile b{font-size:18px}.q-radio{font-size:17px;padding:12px 16px}}