.pmpq-wrap{background:linear-gradient(180deg,var(--navy),var(--navy-d))}
.pmpq{width:100%;max-width:680px;margin:34px auto 0;background:var(--navy-card);border:1.5px solid rgba(128,194,65,.28);border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.45);overflow:hidden;position:relative;z-index:2}
.pmpq-prog{height:5px;background:rgba(255,255,255,.08)}
.pmpq-prog-bar{height:100%;width:10%;background:linear-gradient(90deg,var(--pool),var(--pool-soft));box-shadow:0 0 14px rgba(128,194,65,.7);transition:width .5s cubic-bezier(.2,.7,.2,1)}
.pmpq-step-label{font-family:var(--mono,monospace);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(246,248,250,.55);padding:16px 28px 0}
.pmpq-view{overflow:hidden;padding:6px 0;transition:height .45s cubic-bezier(.4,0,.2,1)}
.pmpq-track{display:flex;align-items:flex-start;min-width:0;transition:transform .5s cubic-bezier(.4,0,.2,1)}
.pmpq-panel{flex:0 0 100%;min-width:0;width:100%;padding:22px 28px 30px;box-sizing:border-box}
.pmpq-panel h2,.pmpq-panel h3{font-family:var(--display,sans-serif);font-weight:800;font-size:clamp(1.4rem,3.4vw,1.9rem);color:#fff;line-height:1.15;margin:0 0 16px}
.pmpq-help{color:rgba(246,248,250,.72);font-size:.95rem;line-height:1.6;margin:0 0 18px}
/* Section heading inside a merged panel. Reads as a second question
   without competing with the panel's own h3. */
.pmpq-subhead{font-family:var(--display,sans-serif);font-weight:700;font-size:1.05rem;color:#fff;line-height:1.3;margin:26px 0 14px;padding-top:20px;border-top:1px solid rgba(246,248,250,.14)}
.pmpq-help a,.pmpq-help b{color:#fff}
.pmpq-mini{color:rgba(246,248,250,.5);font-size:.8rem;line-height:1.5;margin:12px 0 0;text-align:center}
.pmpq-opt{color:rgba(246,248,250,.45);font-weight:400;font-size:.85em}
.pmpq-row{display:flex;gap:14px}.pmpq-row .pmpq-field{flex:1}
@media(max-width:480px){.pmpq-row{flex-wrap:wrap;gap:0 14px}.pmpq-row .pmpq-field{flex:1 1 100%}.pmpq-row .pmpq-field[style*=max-width]{flex:1 1 40%!important;max-width:none!important}}
.pmpq-field{margin-bottom:14px}
.pmpq-field label{display:block;font-family:var(--mono,monospace);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(246,248,250,.6);margin-bottom:7px}
.pmpq-field input,.pmpq-field select{width:100%;box-sizing:border-box;padding:15px 16px;border-radius:11px;border:1.5px solid rgba(246,248,250,.18);background:rgba(255,255,255,.06);color:#fff;font-size:1.05rem;font-family:var(--body,sans-serif);transition:border-color .2s,background .2s}
.pmpq-field input::placeholder{color:rgba(246,248,250,.4)}
.pmpq-field input:focus,.pmpq-field select:focus{outline:none;border-color:var(--pool);background:rgba(128,194,65,.09);box-shadow:0 0 0 4px rgba(128,194,65,.12)}
.pmpq-file{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;border:1.5px dashed rgba(128,194,65,.4);border-radius:11px;color:rgba(246,248,250,.7);cursor:pointer;font-size:.92rem;transition:.2s}
.pmpq-file:hover{border-color:var(--pool);background:rgba(128,194,65,.07);color:#fff}
.pmpq-idk{display:block;width:100%;margin:-4px 0 8px;padding:11px;border-radius:10px;border:1.5px dashed rgba(246,248,250,.25);background:transparent;color:rgba(246,248,250,.7);font-family:var(--display,sans-serif);font-weight:600;font-size:.9rem;cursor:pointer;transition:.18s}
.pmpq-idk:hover{border-color:var(--pool);color:#fff;background:rgba(128,194,65,.06)}
.pmpq-q{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.pmpq-q>span{display:block;color:#fff;font-weight:600;margin-bottom:10px}
.pmpq-toggle{display:flex;gap:8px;flex-wrap:wrap}
.pmpq-toggle button{flex:1;min-width:80px;padding:11px 10px;border-radius:10px;border:1.5px solid rgba(246,248,250,.2);background:transparent;color:rgba(246,248,250,.8);font-family:var(--display,sans-serif);font-weight:600;font-size:.9rem;cursor:pointer;transition:.18s}
.pmpq-toggle button:hover{border-color:var(--pool)}
.pmpq-toggle button.sel{background:var(--pool);border-color:var(--pool);color:var(--navy);box-shadow:0 4px 16px rgba(128,194,65,.4)}
/* condition mini graphics */
.pmpq-gfx-pair{display:flex;gap:12px;margin:0 0 12px}
.pmpq-gfx-pair>div{flex:1;text-align:center;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:8px 6px}
.pmpq-gfx-pair svg{width:100%;height:46px;display:block}
.pmpq-gfx-pair span{display:block;font-family:var(--mono,monospace);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(246,248,250,.6);margin-top:5px}
/* measure tooltip */
.pmpq-infowrap{position:relative;display:inline-block;font-size:0}
.pmpq-infobtn{display:inline-flex;align-items:center;gap:5px;vertical-align:middle;margin-left:8px;padding:6px 11px;border-radius:20px;border:1.5px solid rgba(128,194,65,.5);background:rgba(128,194,65,.1);color:var(--pool-soft);font-family:var(--display,sans-serif);font-weight:700;font-size:.72rem;cursor:pointer;transition:.18s}
.pmpq-infobtn:hover{background:rgba(128,194,65,.2);color:#fff}
.pmpq-tip{position:absolute;left:0;top:calc(100% + 10px);z-index:30;width:300px;max-width:80vw;padding:16px 18px;border-radius:14px;background:var(--navy-card);border:1.5px solid rgba(128,194,65,.5);box-shadow:0 20px 50px rgba(0,0,0,.6);opacity:0;visibility:hidden;transform:translateY(-6px);transition:.2s;text-align:left}
.pmpq-infowrap:hover .pmpq-tip,.pmpq-infowrap.open .pmpq-tip{opacity:1;visibility:visible;transform:translateY(0)}
.pmpq-tip b{display:block;color:#fff;font-family:var(--display,sans-serif);font-size:.95rem;margin-bottom:8px}
.pmpq-tip ol{margin:0 0 10px;padding-left:18px;color:rgba(246,248,250,.85);font-size:.82rem;line-height:1.55;font-family:var(--body,sans-serif);font-weight:400}
.pmpq-tip ol b{display:inline;color:var(--pool-soft);font-size:inherit}
.pmpq-tip .pmpq-gfx{width:100%;height:auto;border-radius:8px;background:rgba(0,0,0,.25)}
/* color photo swatches */
.pmpq-swatches{display:flex;gap:12px}
.pmpq-swatches button{flex:1;display:flex;flex-direction:column;align-items:center;gap:9px;padding:14px;border-radius:12px;border:1.5px solid rgba(246,248,250,.2);background:transparent;color:rgba(246,248,250,.85);font-family:var(--display,sans-serif);font-weight:700;font-size:.92rem;cursor:pointer;transition:.18s}
.pmpq-swatches button i{width:46px;height:46px;border-radius:50%;box-shadow:inset 0 2px 6px rgba(0,0,0,.3),0 2px 8px rgba(0,0,0,.25)}
.pmpq-photoswatch button i{width:84px;height:84px;background-size:cover;background-position:center;border:2px solid rgba(255,255,255,.25)}
.pmpq-swatches button:hover{border-color:var(--pool)}
.pmpq-swatches button.sel{border-color:var(--pool);background:rgba(128,194,65,.1);box-shadow:0 4px 16px rgba(128,194,65,.3)}
.pmpq-swatches button.sel i{border-color:var(--pool-soft)}
/* knowledge nugget */
.pmpq-know{display:flex;gap:12px;align-items:flex-start;margin-top:18px;padding:16px 18px;border-radius:13px;background:rgba(128,194,65,.10);border:1px solid rgba(128,194,65,.28);color:#EaF6Fb;font-family:var(--display);font-weight:600;font-size:1.06rem;line-height:1.45}
.pmpq-know svg{color:var(--pool-soft);flex:none;margin-top:2px;width:20px;height:20px}
.pmpq-err{color:#FF9BB0;font-size:.85rem;margin:10px 0 0;display:none}
.pmpq-err.show{display:block}
.pmpq-nav{display:flex;gap:12px;padding:18px 28px 26px;border-top:1px solid rgba(255,255,255,.07)}
.pmpq-btn{font-family:var(--display,sans-serif);font-weight:700;font-size:1rem;padding:15px 24px;border-radius:12px;border:none;cursor:pointer;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;isolation:isolate}
.pmpq-btn-ghost{background:transparent;border:1.5px solid rgba(246,248,250,.25);color:rgba(246,248,250,.85)}
.pmpq-btn-ghost:hover{border-color:#fff;color:#fff}
.pmpq-btn-primary{flex:1;background:linear-gradient(160deg,var(--pool-soft) 0%,var(--pool) 45%,var(--pool-deep) 100%);color:var(--navy-d);box-shadow:0 8px 26px rgba(128,194,65,.4),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -3px 8px rgba(79,127,40,.4)}
.pmpq-btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(128,194,65,.6),inset 0 1px 0 rgba(255,255,255,.6),inset 0 -3px 8px rgba(79,127,40,.4)}
.pmpq-btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}
.pmpq-btn-soft{flex:1;background:rgba(255,255,255,.06);border:1.5px solid rgba(246,248,250,.25);color:#fff}
.pmpq-btn-soft:hover{border-color:var(--pool);background:rgba(128,194,65,.1)}
#qReveal,#qConfirm{width:100%;margin-top:18px}
.pmpq-water::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(120% 80% at 30% 0%,rgba(255,255,255,.4),transparent 55%);opacity:.7}
.pmpq-water::after{content:"";position:absolute;top:-60%;bottom:-60%;width:42%;left:-60%;z-index:-1;background:linear-gradient(105deg,transparent,rgba(255,255,255,.6),transparent);transform:skewX(-20deg);animation:pmpqSheen 4.2s ease-in-out infinite}
@keyframes pmpqSheen{0%{left:-60%}55%{left:155%}100%{left:155%}}
.pmpq-wfill{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.6),rgba(182,222,135,.4) 55%,transparent 72%);transform:translate(-50%,-50%) scale(0);pointer-events:none;z-index:-1;mix-blend-mode:screen}
.pmpq-wfill.go{animation:pmpqWfill .7s cubic-bezier(.2,.6,.3,1) forwards}
@keyframes pmpqWfill{0%{transform:translate(-50%,-50%) scale(0);opacity:.9}100%{transform:translate(-50%,-50%) scale(9);opacity:0}}
.pmpq-price-wrap{text-align:center;padding:14px 0}
.pmpq-price-eyebrow{font-family:var(--mono,monospace);font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--pool-soft);margin:0 0 6px}
.pmpq-price{font-family:var(--display,sans-serif);font-weight:900;font-size:clamp(3.4rem,13vw,6rem);line-height:1;color:#fff;text-shadow:0 0 50px rgba(128,194,65,.55);letter-spacing:-.02em}
.pmpq-price-fill{height:4px;width:0;margin:14px auto 0;background:linear-gradient(90deg,transparent,var(--pool),transparent);transition:width 1.1s ease-out}
.pmpq-price-fill.go{width:80%}
.pmpq-price-sub{color:rgba(246,248,250,.72);font-size:.95rem;margin:16px auto 0;max-width:36ch;line-height:1.55}
.pmpq-trust{display:flex;justify-content:center;gap:30px;margin:24px 0 6px}
.pmpq-trust b{display:block;font-family:var(--display,sans-serif);font-weight:900;font-size:1.5rem;color:var(--pool-soft)}
.pmpq-trust span{font-family:var(--mono,monospace);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(246,248,250,.55)}
.pmpq-value{margin:26px 0 4px;padding:22px 20px;border-radius:14px;background:rgba(0,0,0,.2);border:1px solid rgba(128,194,65,.18);text-align:left}
.pmpq-value-h{font-family:var(--mono,monospace);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--pool-soft);margin:0 0 16px;text-align:center}
.pmpq-value-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pmpq-value-grid b{display:block;color:#fff;font-family:var(--display,sans-serif);font-size:.95rem;margin-bottom:4px}
.pmpq-value-grid span{display:block;color:rgba(246,248,250,.65);font-size:.82rem;line-height:1.5}
.pmpq-mission{margin:18px 0 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);color:rgba(246,248,250,.8);font-size:.9rem;line-height:1.6;text-align:center;font-style:italic}
@media(max-width:520px){.pmpq-value-grid{grid-template-columns:1fr}}
.pmpq-choices-h{margin:26px 0 12px;color:#fff;font-family:var(--display,sans-serif);font-weight:700;font-size:1.05rem}
.pmpq-choices{display:flex;gap:12px}
@media(max-width:520px){.pmpq-choices{flex-direction:column}}
#qBookNow{display:flex;align-items:center;justify-content:center;gap:8px;flex-direction:column;line-height:1.1}
.pmpq-save{font-family:var(--mono,monospace);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;background:var(--navy);color:var(--pool-soft);padding:3px 8px;border-radius:20px}
.pmpq-fineprint{font-size:.82rem;color:rgba(246,248,250,.6);text-align:center;margin:14px 0 0;line-height:1.5}
.pmpq-fineprint a{color:var(--pool-soft);text-decoration:underline}
.pmpq-consent{margin-top:6px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1)}
.pmpq-consent span{font-size:.82rem;color:rgba(246,248,250,.7)}
.pmpq-consent a{color:var(--pool-soft);text-decoration:underline}
.pmpq-terms{max-height:210px;overflow-y:auto;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px 18px;margin-bottom:16px;font-size:.84rem;line-height:1.6;color:rgba(246,248,250,.8)}
.pmpq-terms p{margin:0 0 10px}.pmpq-terms b{color:#fff}
.pmpq-check{display:flex;gap:12px;align-items:flex-start;padding:11px 0;cursor:pointer;color:rgba(246,248,250,.85);font-size:.88rem;line-height:1.45}
/* the consent box gates the whole quote, so it gets a real tap target. 19px
   square is under the 24px WCAG 2.5.8 minimum and well under Apple's 44px. */
@media(max-width:820px){.pmpq-check{font-size:1rem;line-height:1.5;padding:13px 0}}
.pmpq-check input{margin-top:1px;width:24px;height:24px;flex:none;accent-color:var(--pool);cursor:pointer}
@media(max-width:820px){.pmpq-check input{width:28px;height:28px;margin-top:0}}
.pmpq-cal{background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:16px}
.pmpq-cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.pmpq-cal-head h4{margin:0;font-family:var(--display,sans-serif);color:#fff;font-size:1.05rem}
.pmpq-cal-head button{width:38px;height:38px;border-radius:9px;border:1.5px solid rgba(246,248,250,.2);background:transparent;color:#fff;font-size:1.3rem;cursor:pointer;line-height:1}
.pmpq-cal-head button:hover{border-color:var(--pool);color:var(--pool-soft)}
.pmpq-cal-dow{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:5px}
.pmpq-cal-dow span{text-align:center;font-family:var(--mono,monospace);font-size:.64rem;color:rgba(246,248,250,.4)}
.pmpq-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}
.pmpq-cal-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:9px;font-size:.92rem;color:#fff;cursor:pointer;border:1.5px solid transparent;transition:.15s}
.pmpq-cal-cell.avail:hover{border-color:var(--pool);background:rgba(128,194,65,.12)}
.pmpq-cal-cell.off{color:rgba(246,248,250,.22);cursor:not-allowed}
.pmpq-cal-cell.sel{background:var(--pool);color:var(--navy);font-weight:800;box-shadow:0 4px 16px rgba(128,194,65,.5)}
.pmpq-cal-cell.empty{cursor:default}
.pmpq-date-pick{margin-top:14px;text-align:center;color:rgba(246,248,250,.7);font-size:.9rem}
.pmpq-date-pick b{color:var(--pool-soft)}
.pmpq-summary{background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px 18px;margin-bottom:18px;font-size:.9rem}
.pmpq-summary .sr{display:flex;justify-content:space-between;padding:6px 0;color:rgba(246,248,250,.78)}
.pmpq-summary .sr.disc{color:#7BE0A8}
.pmpq-summary .sr.tot{border-top:1px solid rgba(255,255,255,.12);margin-top:6px;padding-top:12px;font-size:1.15rem;color:#fff;font-weight:700}
.pmpq-summary .sr.tot b{color:var(--pool-soft)}
.pmpq-demo-note{font-size:.78rem;color:#FFD18A;margin:8px 0 0}
.pmpq-done{text-align:center;padding:18px 0}
.pmpq-done-mark svg{width:74px;height:74px;margin:0 auto 14px;display:block}
.pmpq-done-mark circle{stroke:var(--pool);stroke-width:2;stroke-dasharray:151;stroke-dashoffset:151;animation:pmpqDash .6s ease forwards}
.pmpq-done-mark path{stroke:var(--pool-soft);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;animation:pmpqDash .5s .5s ease forwards}
@keyframes pmpqDash{to{stroke-dashoffset:0}}
.pmpq-done-sub{color:rgba(246,248,250,.75);max-width:44ch;margin:0 auto 18px;line-height:1.6}
.pmpq-close-msg{text-align:left;max-width:46ch;margin:0 auto 20px;background:rgba(0,0,0,.2);border:1px solid rgba(128,194,65,.18);border-radius:12px;padding:18px 20px}
.pmpq-close-msg p{color:rgba(246,248,250,.82);font-size:.92rem;line-height:1.65;margin:0 0 12px}
.pmpq-close-msg p:last-child{margin:0}
.pmpq-more{margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1)}
.pmpq-more>span{display:block;font-family:var(--mono);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--pool-soft);margin-bottom:12px}
.pmpq-more-links{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.pmpq-more-links a{flex:1;min-width:120px;padding:12px 14px;border-radius:10px;border:1.5px solid rgba(246,248,250,.2);background:rgba(255,255,255,.04);color:#fff;text-decoration:none;font-family:var(--display,sans-serif);font-weight:600;font-size:.86rem;transition:.18s}
.pmpq-more-links a:hover{border-color:var(--pool);background:rgba(128,194,65,.1)}
@media(prefers-reduced-motion:reduce){.pmpq-track{transition:none}.pmpq-water::after{animation:none}.pmpq-done-mark circle,.pmpq-done-mark path{animation:none;stroke-dashoffset:0}}



/* ===== V2 funnel layer: Get My Price ===== */
/* fullscreen takeover on mobile, TurFresh behavior */
@media(max-width:820px){
  body.pmpq-lock{overflow:hidden;position:fixed;width:100%}
  .pmpq-wrap.is-open{position:fixed;inset:0;z-index:95;height:100dvh;padding:0;margin:0;
    background:var(--navy);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .pmpq-wrap.is-open .pmpq{max-width:none;border-radius:0;min-height:100dvh;margin:0}
  .pmpq-wrap.is-open .pmpq-exit{display:flex}
}
.pmpq-exit{display:none;position:sticky;top:0;z-index:5;align-items:center;justify-content:space-between;
  padding:14px 18px;background:var(--navy);border-bottom:1px solid rgba(128,194,65,.22)}
.pmpq-exit button{background:none;border:0;color:#fff;font-size:1.7rem;line-height:1;cursor:pointer;padding:0 4px}
.pmpq-exit span{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--pool)}
/* step progress */
.pmpq-prog-bar{background:var(--pool)}
.pmpq-step-label{color:var(--pool)}
/* TCPA consent, every phone field */
.pmpq-tcpa{font-size:.72rem;line-height:1.6;color:rgba(246,248,250,.6);margin-top:10px;max-width:62ch}
.pmpq-tcpa a{color:var(--pool)}
/* service-area decline */
.pmpq-oos{border:1px solid rgba(250,70,22,.4);background:rgba(250,70,22,.08);border-radius:10px;
  padding:16px 18px;margin-top:14px;color:rgba(246,248,250,.9);font-size:.9rem;line-height:1.65}
.pmpq-oos b{color:var(--cta)}
/* finish swatches use product colors, not UI tokens */
.pmpq-swatch[data-finish="tan"]{background:var(--finish-tan)}
.pmpq-swatch[data-finish="grey"]{background:var(--finish-grey)}

/* ---------- service agreement, the read before you accept gate ----------
   Every class here was referenced by book-online.html and had no styling, so
   the gate was invisible: nothing showed the box scrolled, the disabled
   checkbox looked enabled, and unlocking changed nothing you could see. */
.agree-lede{font-size:.9rem;line-height:1.5;color:rgba(246,248,250,.82);margin:0 0 10px}
.terms-wrap{position:relative}
/* the fade and the chevron are the only hint that the box has more below */
.terms-fade{position:absolute;left:1px;right:1px;bottom:17px;height:62px;border-radius:0 0 12px 12px;
  pointer-events:none;transition:opacity .3s;
  background:linear-gradient(180deg,rgba(9,20,38,0) 0%,rgba(9,20,38,.92) 92%)}
.terms-cue{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);
  width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:var(--pool,#80C241);color:#06223f;pointer-events:none;
  animation:agreeNudge 1.5s ease-in-out infinite;transition:opacity .3s}
@keyframes agreeNudge{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,4px)}}
@media(prefers-reduced-motion:reduce){.terms-cue{animation:none}}
.pmpq-terms.is-read{border-color:rgba(128,194,65,.55)}
.pmpq-terms.is-read ~ .terms-fade,.pmpq-terms.is-read ~ .terms-cue{opacity:0}

.agree-progress{height:4px;border-radius:3px;background:rgba(255,255,255,.12);
  margin:0 0 12px;overflow:hidden}
.agree-progress i{display:block;height:100%;width:0;border-radius:3px;
  background:var(--pool,#80C241);transition:width .18s linear}

.agree-jump{display:inline-block;background:none;border:0;padding:0 0 14px;
  font-family:var(--display,inherit);font-weight:700;font-size:.84rem;
  color:var(--pool,#80C241);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.agree-jump:hover{color:#B6DE87}

/* a disabled control has to look disabled, or the rule reads as a broken page */
.agree-one[aria-disabled="true"]{opacity:.5}
.agree-one[aria-disabled="true"] input{cursor:not-allowed}
.agree-gate.is-unlocked .agree-one{opacity:1}
.agree-gate.is-unlocked .agree-hint{color:var(--pool,#80C241)}
.agree-hint{font-size:.84rem;line-height:1.5;color:rgba(246,248,250,.66);margin:6px 0 12px}
.agree-approve:disabled{opacity:.45;cursor:not-allowed}


/* the day cells are buttons now, so the browser's own button styling has to go */
/* A button will not shrink below its own content width, so without min-width:0
   the 7 x 1fr grid overflowed the panel on narrow phones and the last three
   columns were clipped off screen, which is why those dates could not be
   tapped at all. */
/* Reset only what a button brings with it. The earlier rule's colour and
   size must survive, so they are restated rather than set to inherit:
   this block comes later in the file and would otherwise win and leave
   the day numbers invisible. */
.pmpq-cal-cell{font-family:inherit;font-size:.92rem;color:#fff;background:none;border:1.5px solid transparent;padding:0;min-width:0;-webkit-appearance:none;appearance:none}
.pmpq-cal-cell.avail{cursor:pointer}
.pmpq-cal-cell:disabled{cursor:default}
.pmpq-cal-cell.avail:focus-visible{outline:2px solid var(--pool,#80C241);outline-offset:2px}
#qCalPrev:disabled,#qCalNext:disabled{opacity:.3;cursor:not-allowed}
/* the progress line is a status, not an error: it was inheriting the error orange */
.agree-hint,p.agree-hint,.pmpq-panel .agree-hint{color:rgba(246,248,250,.66)}
.agree-gate.is-unlocked .agree-hint,.pmpq-panel .agree-gate.is-unlocked .agree-hint{color:var(--pool,#80C241)}
/* Back belongs next to Approve, not 43px below it */
.pmpq-panel[data-step="agreement"]{padding-bottom:0}
.pmpq-panel[data-step="agreement"] .agree-approve{margin-bottom:0}
.pmpq-panel[data-step="agreement"] .agree-gate{margin-bottom:-16px}

/* Delivery status on the completion screens. It stays hidden when the lead
   went out cleanly, which is almost always, and only speaks up when the site
   would otherwise be claiming something it cannot back up. */
.pmpq-delivery{font-size:.86rem;line-height:1.55;border-radius:10px;padding:12px 14px;margin:0 0 14px;text-align:left}
.pmpq-delivery.is-pending{background:rgba(250,173,20,.12);border:1px solid rgba(250,173,20,.45);color:#FFD88A}
.pmpq-delivery.is-failed{background:rgba(226,63,19,.14);border:1px solid rgba(226,63,19,.5);color:#FFB4A0}
.pmpq-delivery a{color:inherit;font-weight:800;text-decoration:underline}
.pmpq-step-label.pmpq-noc .pmpq-count{display:none}