/* PIXLZA — quote request multi-step form */
.quote-form{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow-sm)}
.q-progress{height:6px;background:var(--bg);border-radius:6px;overflow:hidden;margin-bottom:26px}
.q-progress span{display:block;height:100%;width:33%;background:var(--grad);transition:width .4s ease}
.qstep{display:none}
.qstep.on{display:block;animation:qfade .35s ease}
@keyframes qfade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.qstep h3{color:var(--navy);font-size:1.25rem;margin-bottom:18px}
.q-options{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.q-budget{grid-template-columns:repeat(2,1fr)}
.q-opt{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:20px 14px;border:1.5px solid var(--line);
  border-radius:14px;cursor:pointer;font-weight:700;color:var(--navy);transition:.2s;background:#fafcff}
.q-opt:hover{border-color:var(--teal)}
.q-opt input{display:none}
.q-opt:has(input:checked){border-color:var(--teal);background:rgba(5,179,182,.08);box-shadow:0 8px 22px rgba(5,179,182,.18)}
.q-opt .q-ic{width:54px;height:54px;border-radius:14px;background:rgba(5,179,182,.12);color:var(--teal-d);display:grid;place-items:center}
.q-opt:has(input:checked) .q-ic{background:var(--grad);color:#fff}
.q-nav{display:flex;justify-content:space-between;align-items:center;margin-top:24px;gap:12px}
@media(max-width:600px){.q-options,.q-budget{grid-template-columns:1fr 1fr}}