/* S&R instant quote quiz: a 1:1 copy of the involve.me project
   "geelong-retaining-wall-experts" (measured 28 Sep 2026),self-hosted so the
   involve.me subscription can end. Values match involve.me's computed styles. */
.slq{--g:#1F6200;--g20:rgba(31,98,0,.2);--ink:#151B1E;--ink80:rgba(21,27,30,.8);--grey20:rgba(150,150,150,.2);--err:#d93025;
  position:relative;background:#fff;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);
  min-height:468px;overflow:hidden;text-align:center;-webkit-font-smoothing:antialiased;transition:min-height .6s}
.slq *{box-sizing:border-box}
.slq .slq-progress{position:absolute;top:0;left:0;right:0;height:4px;background:rgba(31,98,0,.25);box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);z-index:2}
.slq .slq-progress-bar{height:100%;width:0;background:var(--g);transition:width .6s ease-out}
.slq .slq-page{padding:80px 20px 80px;display:none}
.slq .slq-page.is-active{display:block;animation:slqIn .6s ease-out both}
@keyframes slqIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.slq .slq-page.is-active{animation:none}}
.slq .slq-inner{max-width:600px;margin:0 auto}
.slq .slq-h{font-size:18px;font-weight:700;line-height:1.3;color:var(--ink);margin:0;padding:0 0 10px}
.slq .slq-sub{font-size:14px;font-weight:400;line-height:1.3;color:var(--ink80);margin:0 0 10px}
.slq .slq-note{font-size:12px;line-height:1.3;color:var(--ink80);margin:20px 0 0}
/* text choice */
.slq-answers{display:flex;flex-direction:column;align-items:center;margin:10px -5px 0}
.slq .slq-answer{position:relative;width:100%;max-width:400px;margin:5px;padding:20px 50px;background:var(--g20);border:1px solid var(--g);border-radius:10px;
  color:var(--g);font:400 13px/1.3 Inter,system-ui,sans-serif;cursor:pointer;transition:background .2s}
.slq .slq-answer:hover{background:rgba(31,98,0,.26)}
.slq .slq-answer:focus-visible{outline:2px solid var(--g);outline-offset:2px}
.slq .slq-answer .slq-radio{position:absolute;right:16px;top:50%;width:14px;height:14px;margin-top:-7px;border:1.5px solid var(--g);border-radius:50%;opacity:0;transition:opacity .2s}
.slq .slq-answer .slq-radio::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--g)}
.slq .slq-answer.is-selected .slq-radio{opacity:.7}
/* image choice */
.slq-tiles{display:flex;justify-content:center;flex-wrap:wrap;margin:10px -5px 0}
.slq .slq-tile{width:143px;margin:5px;padding:0;border:0;border-radius:5px;background:var(--g20);box-shadow:0 2px 4px rgba(0,0,0,.25);cursor:pointer;overflow:hidden;transition:transform .2s}
.slq .slq-tile:hover{transform:translateY(-2px)}
.slq .slq-tile:focus-visible{outline:2px solid var(--g);outline-offset:2px}
.slq .slq-tile img{display:block;width:143px;height:143px;object-fit:cover;border-radius:4px 4px 0 0}
.slq .slq-tile span{display:block;padding:8px;font:400 10px/1 Inter,system-ui,sans-serif;color:var(--g);border-radius:0 0 4px 4px}
.slq .slq-tile.is-selected{box-shadow:0 0 0 2px var(--g),0 2px 4px rgba(0,0,0,.25)}
/* number input with unit */
.slq-num{position:relative;display:flex;align-items:center;width:100%;max-width:400px;height:60px;margin:10px auto 0;background:var(--g20);border:1px solid transparent;border-radius:10px;transition:border-color .2s}
.slq .slq-num:focus-within{border-color:var(--g)}
.slq .slq-num input{flex:1;min-width:0;height:100%;padding:20px;border:0;background:transparent;color:var(--g);font:400 13px Inter,system-ui,sans-serif;outline:none}
.slq .slq-unit{margin:0 15px;min-width:31px;height:31px;padding:4px 6px;border:2px solid var(--g);border-radius:16px;color:var(--g);font:600 13px/19.5px Inter,system-ui,sans-serif;opacity:.4;transition:opacity .2s}
.slq .slq-num.has-value .slq-unit{opacity:1}
/* floating-label text fields */
.slq-fields{display:flex;flex-direction:column;align-items:center;margin-top:10px}
.slq .slq-field{position:relative;width:100%;max-width:400px;margin:5px 0}
.slq .slq-field input{width:100%;height:58px;padding:20px;border:1px solid transparent;border-radius:10px;background:var(--grey20);color:var(--g);font:400 12px Inter,system-ui,sans-serif;outline:none;transition:background .2s,border-color .2s,padding .2s;-webkit-appearance:none}
.slq .slq-field.is-green input{background:var(--g20)}
.slq .slq-field input:focus{background:var(--g20);border-color:var(--g)}
.slq .slq-field label{position:absolute;left:21px;top:50%;transform:translateY(-50%);font:400 12px Inter,system-ui,sans-serif;color:var(--g);pointer-events:none;transition:all .2s}
.slq .slq-field.is-filled input,.slq .slq-field input:focus{padding:26px 20px 14px}
.slq .slq-field.is-filled label,.slq .slq-field input:focus+label{top:13px;transform:none;font-size:9px}
.slq .slq-field.is-invalid label{color:var(--err)}
.slq .slq-field.is-invalid input{border-color:var(--err)}
.slq .slq-phone input{padding-left:66px}
.slq .slq-phone.is-filled input,.slq .slq-phone input:focus{padding-left:66px}
.slq .slq-phone label{left:66px}
.slq .slq-cc{position:absolute;left:14px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:6px;z-index:1}
.slq .slq-cc img{width:18px;height:12px;display:block;border-radius:1px}
.slq .slq-cc select{position:absolute;inset:-6px -4px;opacity:0;cursor:pointer}
.slq .slq-cc svg{width:10px;height:10px;color:var(--g);opacity:.8}
/* buttons */
.slq-next{display:inline-block;min-width:100px;margin-top:20px;padding:12.35px 40px;background:var(--g20);border:1px solid var(--g);border-radius:10px;color:var(--g);font:400 13px/13px Inter,system-ui,sans-serif;cursor:pointer;transition:opacity .2s}
.slq .slq-next:disabled{opacity:.3;cursor:default}
.slq .slq-cta{display:inline-block;margin-top:20px;padding:13.3px 40px;background:var(--g);border:1px solid var(--g);border-radius:10px;color:#fff;font:400 14px/1.2 Inter,system-ui,sans-serif;box-shadow:0 2px 4px rgba(0,0,0,.25);cursor:pointer;transition:opacity .2s}
.slq .slq-cta:disabled{opacity:.3;cursor:default}
.slq .slq-error{margin:12px auto 0;max-width:400px;color:var(--err);font-size:12px;line-height:1.4}
/* loader + finish */
.slq-loader{display:block;width:100px;height:100px;margin:20px auto 0}
.slq .slq-done{display:block;width:96px;height:96px;margin:0 auto 16px}
.slq .slq-body{max-width:600px;margin:10px auto 0;text-align:left;font-size:16px;line-height:1.4;color:var(--ink80)}
.slq .slq-body p{margin:0 0 16px}
.slq .slq-body a{color:inherit;font-weight:700;text-decoration:none}
@media (max-width:599px){
  .slq .slq-h{font-size:14px}
  .slq .slq-answer{padding:20px 40px}
  .slq .slq-tiles{flex-wrap:nowrap}
  .slq .slq-tile{width:calc(50% - 10px);max-width:160px}
  .slq .slq-tile img{width:100%;height:auto}
  .slq .slq-tile img{aspect-ratio:1/1}}
/* scoped */
.slq h2.slq-h{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;letter-spacing:normal;text-transform:none;text-align:center}
.slq p{font-family:inherit;letter-spacing:normal;text-transform:none}
.slq button{font-family:Inter,system-ui,sans-serif;text-transform:none;letter-spacing:normal;text-decoration:none;min-height:0;white-space:normal;line-height:1.3;display:inline-block}
.slq button.slq-answer{display:block}
.slq .slq-answer:hover,.slq .slq-answer:focus,.slq .slq-answer:active{background:rgba(31,98,0,.26);color:var(--g);border-color:var(--g)}
.slq .slq-tile:hover,.slq .slq-tile:focus,.slq .slq-tile:active{background:var(--g20);color:var(--g)}
.slq .slq-next:hover,.slq .slq-next:focus{background:var(--g20);color:var(--g);border-color:var(--g)}
.slq .slq-cta:hover,.slq .slq-cta:focus{background:var(--g);color:#fff;border-color:var(--g)}
.slq input[type=number],.slq input[type=text],.slq input[type=email],.slq input[type=tel]{box-shadow:none;margin:0;max-width:none;line-height:normal}
.slq input[type=number]{-moz-appearance:textfield}