/* Hero address box (2026-10-17): a chat-style "what's your address?" that turns
   into the QuoteSmart estimate in place. Markup in each page's hero; behaviour in
   /assets/qs-ask.js. Versioned by ?v= because /assets is cached for a year. */
.qs-ask{position:relative;min-width:0;max-width:600px;margin:0 0 14px;background:#202020;border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:16px;box-shadow:0 18px 44px rgba(0,0,0,.35);text-align:left;font-family:'Poppins','Inter',sans-serif}
.qs-ask-thread{display:flex;flex-direction:column;gap:12px}
.qs-msg{display:flex;align-items:flex-start;gap:10px;margin:0}
.qs-av{flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#2e2e2e;padding:3px;object-fit:contain;border:1px solid rgba(255,255,255,.12)}
.qs-bot p{margin:0;padding:3px 0 0;font:500 15.5px/1.5 'Poppins','Inter',sans-serif;color:rgba(255,255,255,.92)}
.qs-me{justify-content:flex-end}
.qs-me p{margin:0;max-width:85%;background:rgba(243,146,0,.16);border:1px solid rgba(243,146,0,.38);color:#fff;border-radius:18px 18px 4px 18px;padding:10px 14px;font:600 15px/1.4 'Poppins','Inter',sans-serif;overflow-wrap:anywhere}
.qs-ask-bar{display:flex;align-items:center;gap:8px;margin-top:14px;background:#2b2b2b;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:6px 6px 6px 18px;transition:border-color .2s,box-shadow .2s}
.qs-ask-bar:focus-within{border-color:var(--ori-orange,#F39200);box-shadow:0 0 0 3px rgba(243,146,0,.22)}
.qs-ask-bar input{flex:1 1 0;width:0;min-width:0;background:transparent;border:0;outline:0;color:#fff;font:500 16px/1.3 'Poppins','Inter',sans-serif;padding:10px 0}
.qs-ask-bar input::placeholder{color:rgba(255,255,255,.5)}
.qs-send{flex:0 0 46px;width:46px;height:46px;border:0;border-radius:50%;background:var(--ori-orange,#F39200);color:#1d1d1d;display:grid;place-items:center;cursor:pointer;transition:transform .15s,background .2s}
.qs-send:hover{background:var(--ori-orange-bright,#FF9F1A);transform:translateY(-1px)}
.qs-send:focus-visible{outline:3px solid #fff;outline-offset:2px}
.qs-send svg{width:22px;height:22px}
.qs-ask-hint{margin:8px 4px 0;font-size:13.5px;color:#FFB766}
.qs-ask-hint[hidden]{display:none}
.qs-ask-foot{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;margin:12px 4px 0;font:500 13.5px/1.35 'Poppins','Inter',sans-serif;color:rgba(255,255,255,.66)}
.qs-ask-foot b{color:#fff;font-weight:700}
.qs-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.qs-typing{display:inline-flex;gap:5px;padding:12px 2px 2px}
.qs-typing i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.6);animation:qsdot 1.2s infinite ease-in-out}
.qs-typing i:nth-child(2){animation-delay:.15s}.qs-typing i:nth-child(3){animation-delay:.3s}
@keyframes qsdot{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
@media (prefers-reduced-motion:reduce){.qs-typing i{animation:none;opacity:.7}}
/* The estimate, opened in the box */
.qs-ask-frame{margin:14px -16px -16px}
.qs-ask-frame[hidden]{display:none}
/* Warming up (2026-10-19): from the first touch of the box the estimate loads here,
   out of sight and taking no room, until the address is sent. */
.qs-ask-frame.qs-pre{height:0;margin-top:0;margin-bottom:0;overflow:hidden;visibility:hidden}
.qs-bot p .qs-typing{padding:0 0 0 8px;vertical-align:middle}
.qs-ask-frame iframe{width:100%;height:640px;border:0;display:block;background:transparent}
.qs-asked .qs-ask{max-width:780px;margin-left:auto;margin-right:auto}
.qs-asked .qs-ask-bar,.qs-asked .qs-ask-hint{display:none}
.hero-v2.qs-asked .hero-inner,.hero.qs-asked .hero-inner{grid-template-columns:minmax(0,1fr)}
.qs-asked .hv-media,.qs-asked .hero-illo{display:none}
.qs-asked .hv-copy,.qs-asked .hero-copy{max-width:1080px}
/* The spot the estimate left, lower on the page */
.qs-moved{max-width:620px;margin:0 auto;padding:28px 22px;border:1px dashed rgba(255,255,255,.22);border-radius:18px;text-align:center}
.qs-moved p{margin:0 0 14px;font-size:16px;color:rgba(255,255,255,.85)}
.qs-moved a{display:inline-block;background:var(--ori-orange,#F39200);color:#1d1d1d;text-decoration:none;font:700 16px/1 'Poppins','Inter',sans-serif;padding:15px 24px;border-radius:999px}
/* The D&R page's hero (older layout, no Poppins loaded) */
.hero .qs-ask{margin-bottom:12px}
.qs-ask-call{margin:0 0 24px;font-size:14.5px;color:rgba(255,255,255,.72)}
.qs-ask-call a{color:#fff;font-weight:700;text-decoration:none;white-space:nowrap}
.qs-ask-call a:hover{color:var(--ori-orange,#F39200)}
@media (max-width:760px){
  .qs-ask{padding:14px;border-radius:20px}
  .qs-bot p{font-size:15px}
  .qs-ask-frame{margin:12px -14px -14px}
  /* Open, the estimate runs edge to edge like the section lower down. */
  .qs-asked .qs-ask{margin-left:-5vw;margin-right:-5vw;border-radius:0;border-left:0;border-right:0;padding-left:5vw;padding-right:5vw}
  .qs-asked .qs-ask-frame{margin-left:-5vw;margin-right:-5vw}
  .qs-ask-foot{justify-content:center}
}