/* The quote remains ordinary page content, with a focused mobile-first shell. */
.nq-focus-header{display:none}
body.quote-active{padding:0!important;background:#101012}
html:has(body.quote-active){scroll-behavior:auto;scroll-padding-bottom:110px}
body.quote-active #app>:not(main),body.quote-active #main>:not(#inline-quote){display:none!important}
body.quote-active .inline-quote-section{display:block;padding:0 0 115px;min-height:100dvh;background:#101012;scroll-margin-top:0}
body.quote-active #inline-quote>.wrap{width:100%;max-width:1080px}
body.quote-active .nq-section-heading{display:none}
body.quote-active .nq-focus-header{position:sticky;top:0;z-index:35;display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:5px 20px;background:#101012;border-bottom:1px solid #303038}
.nq-focus-brand{display:flex;align-items:center;gap:10px}.nq-focus-brand .logo-crop{transform:scale(.75);transform-origin:left center;margin-right:-26px}.nq-focus-brand>span:last-child{font-size:8px;letter-spacing:.12em;color:#9696a3;font-weight:700}
.nq-focus-header>button{min-height:44px;border:0;background:none;color:#b8b8c3;font-size:12px;text-decoration:underline;text-underline-offset:4px;padding:8px 0 8px 12px}
body.quote-active #native-quote-root{scroll-margin-top:64px}
body.quote-active .nq-shell{display:block;border:0;border-radius:0;overflow:visible}
body.quote-active .nq-main{padding:0 20px 30px;min-height:0}
body.quote-active .nq-progress{position:sticky;top:64px;z-index:20;padding:12px 0 10px;background:#101012;gap:6px}
body.quote-active .nq-progress>span{font-size:9px;letter-spacing:.1em}.nq-progress .nq-button{min-height:44px;margin:0}
body.quote-active .nq-main>h3{font-size:28px;line-height:1.15;margin:20px 0 10px}
body.quote-active .nq-intro{font-size:14px;line-height:1.7;margin-bottom:22px}
body.quote-active .nq-summary{display:none}
body.quote-active .nq-install-grid{grid-template-columns:1fr;gap:10px}
body.quote-active .nq-install-grid .nq-choice{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;min-height:90px;border-radius:5px}
body.quote-active .nq-install-grid .nq-choice img{width:100px;height:90px;aspect-ratio:auto;object-fit:cover}
body.quote-active .nq-install-grid .nq-choice-copy{padding:12px 34px 12px 13px}
body.quote-active .nq-install-grid .nq-choice strong{font-size:14px}
body.quote-active .nq-install-grid .nq-choice small{font-size:12px;margin-top:5px}
body.quote-active .nq-install-grid .nq-check{top:50%;bottom:auto;transform:translateY(-50%);right:12px}
.nq-more{margin:18px 0 24px;border-top:1px solid #33333c;border-bottom:1px solid #33333c;padding:15px 0}
.nq-more>summary{font-size:13px;color:#eee;cursor:pointer;min-height:44px}.nq-more>summary span{display:block;font-size:11px;color:#9c9cab;margin:6px 0 0 17px}.nq-more[open]>.nq-install-grid{margin-top:18px}
body.quote-active .nq-checkbox{font-size:13px;margin-top:20px}
body.quote-active .nq-actions{position:fixed;z-index:40;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 20px calc(13px + env(safe-area-inset-bottom));background:#17171c;border-top:1px solid #383841}
.nq-action-context{min-width:0;flex:1}.nq-action-context small{display:block;font-size:10px;line-height:1.5;color:#adadba;overflow-wrap:anywhere}.nq-action-context strong{display:block;font-size:14px;font-weight:600;line-height:1.5;color:#f4f3ef;margin-top:3px}
body.quote-active .nq-actions .nq-button{width:auto;min-width:135px;min-height:48px;margin:0;padding:11px 17px;flex:none}
body.quote-active .nq-actions .nq-button:disabled{opacity:.5}
body.quote-active .nq-field input,body.quote-active .nq-field select{min-height:50px;font-size:16px}
body.quote-active .nq-review>div{font-size:12px}.nq-review dd small{line-height:1.8}
@media(min-width:751px){
  body.quote-active .nq-shell{display:grid;grid-template-columns:minmax(0,1fr) 280px;padding-top:15px}
  body.quote-active .nq-main{padding:0 32px 40px}
  body.quote-active .nq-summary{display:block;margin:20px 0;background:#1d1d23;border:1px solid #33333c;border-radius:4px;padding:24px}
  body.quote-active .nq-summary>.nq-note{display:none}
  body.quote-active .nq-main>h3{font-size:33px}
  body.quote-active .nq-actions{padding-left:max(32px,calc((100vw - 1016px)/2));padding-right:max(32px,calc((100vw - 1016px)/2))}
  body.quote-active .nq-actions .nq-button{min-width:200px}
  body.quote-active .nq-focus-header{padding-left:32px;padding-right:32px}
}
@media(prefers-reduced-motion:reduce){body.quote-active *{scroll-behavior:auto!important}}
/* Mobile quote details, availability and completion. */
body.quote-active .nq-shades>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
body.quote-active .nq-shades .nq-choice{min-width:0;min-height:84px}
body.quote-active .nq-shades .nq-choice-copy{padding:14px 9px 23px}
body.quote-active .nq-shades .nq-choice strong{font-size:14px}
body.quote-active .nq-shades .nq-choice small{font-size:11px;margin-top:4px}
body.quote-active .nq-shades .nq-check{bottom:3px;right:8px;font-size:12px}
.nq-appointment-card{display:flex;flex-direction:column;gap:5px;padding:19px;margin:20px 0;background:#211b20;border:1px solid #6e303b;border-radius:5px}
.nq-appointment-card strong{font-size:19px;line-height:1.4;margin-top:5px}.nq-appointment-card>span:not(.nq-kicker){font-size:17px;color:#fff}.nq-appointment-card small{font-size:12px;color:#b9b3ba;margin-top:5px}
.nq-notice{padding:16px;background:#222229;border:1px solid #42424c;border-radius:4px;font-size:13px;color:#d0d0da;line-height:1.7;margin:20px 0}
.nq-times-heading{font-size:14px;margin:25px 0 0}.nq-error:not(:empty){padding:14px;border:1px solid #91424e;background:#2b181e;border-radius:4px;scroll-margin-top:145px;outline:none}
body.quote-active .nq-review>div{flex-direction:column;gap:6px;padding:13px 0}body.quote-active .nq-review dt{font-size:11px}body.quote-active .nq-review dd{text-align:left;max-width:100%;font-size:14px}body.quote-active .nq-review .nq-total{flex-direction:row;align-items:center}body.quote-active .nq-review .nq-total dt,body.quote-active .nq-review .nq-total dd{font-size:22px}
body.quote-active .nq-success{padding-top:20px}.nq-success .nq-call{display:block;min-height:44px;padding-top:15px}.nq-success .nq-button{width:100%}
@media(max-width:360px){body.quote-active .nq-main{padding-left:16px;padding-right:16px}body.quote-active .nq-actions{gap:9px;padding-left:16px;padding-right:16px}body.quote-active .nq-actions .nq-button{min-width:0;font-size:12px;padding:11px 12px}.nq-action-context strong{font-size:13px}}
.nq-privacy{font-size:12px;line-height:1.8;color:#b8b8c4;margin:18px 0}.nq-privacy summary{cursor:pointer;min-height:44px;text-decoration:underline;text-underline-offset:4px;padding:8px 0}.nq-privacy p{margin:0 0 20px}
body.quote-active .nq-review>div{display:grid;grid-template-columns:88px minmax(0,1fr);gap:14px;align-items:start}body.quote-active .nq-review dt{padding-top:2px}body.quote-active .nq-review .nq-total{display:flex}.nq-success-mark{display:block;line-height:1}.nq-success h3{margin-top:14px}.nq-appointment-card small{line-height:1.7}
