.quiz-wrapper.treatment-calculator { --q-ink:#153f40; --q-teal:#1a6365; --q-text:#2f4f4a; --q-mint:#d9e9e4; --q-mint-soft:#e9f8f3; --q-orange:#ff4117; position:relative; box-sizing:border-box; width:100%; max-width:1440px; margin:0 auto; padding:64px 20px; color:var(--q-ink); font-family:Lato,sans-serif; font-size:16px; line-height:1.4; -webkit-font-smoothing:antialiased; }
.quiz-wrapper.treatment-calculator *, .quiz-wrapper.treatment-calculator *::before, .quiz-wrapper.treatment-calculator *::after { box-sizing:border-box; }
.quiz-wrapper.treatment-calculator [hidden] { display:none !important; }
.quiz-wrapper.treatment-calculator .title { margin:0 0 28px; padding:0; font-size:46px; font-weight:700; line-height:1.15; color:var(--q-ink); }
.quiz-wrapper.treatment-calculator .intro { margin:0 0 30px; font-size:24px; line-height:1.4; color:var(--q-ink); }
.quiz-wrapper.treatment-calculator .intro strong { font-weight:700; }
.quiz-wrapper.treatment-calculator .quiz { position:static; display:block; height:auto; min-height:0; margin:0; padding:0; overflow:visible; border-radius:0; background:none; }
.quiz-wrapper.treatment-calculator .question-panel { padding:40px; background:var(--q-mint); border-radius:16px; }
.quiz-wrapper.treatment-calculator .question-action { display:flex; justify-content:center; margin-top:26px; }
.quiz-wrapper.treatment-calculator .quiz-btn-base { display:inline-flex; justify-content:center; align-items:center; min-height:72px; margin:0; padding:20px 34px; border:0; border-radius:999px; background:var(--q-orange); box-shadow:none; color:#fff; font:700 20px/1.2 Lato,sans-serif; letter-spacing:normal; text-transform:none; text-align:center; cursor:pointer; text-decoration:none; transition:opacity .25s ease; }
.quiz-wrapper.treatment-calculator .quiz-btn-base:hover { opacity:.9; }
.quiz-wrapper.treatment-calculator .quiz-btn-base[disabled] { opacity:.6; cursor:progress; }
.quiz-wrapper.treatment-calculator button:focus-visible, .quiz-wrapper.treatment-calculator a:focus-visible { outline:3px solid var(--q-teal); outline-offset:4px; }
.quiz-wrapper.treatment-calculator .question-action .quiz-btn-base { min-width:360px; }
.quiz-wrapper.treatment-calculator .lead-panel { position:relative; margin:0; padding:40px 40px 0; overflow:hidden; border-radius:16px; background:var(--q-mint); }
.quiz-wrapper.treatment-calculator .quiz__final { display:grid; grid-template-columns:minmax(0,560px) minmax(240px,380px); justify-content:space-between; gap:32px; align-items:end; }
.quiz-wrapper.treatment-calculator .quiz__final-form { position:relative; z-index:1; width:100%; max-width:none; min-width:0; padding:0 0 40px; }
.quiz-wrapper.treatment-calculator .quiz__final-form .section-quiz__title { display:block; width:auto; margin:0 0 32px; color:var(--q-teal); font-size:28px; font-weight:400; line-height:1.45; }
.quiz-wrapper.treatment-calculator .quiz__final-form .section-quiz__title b { display:inline; width:auto; height:auto; margin:0; font-size:inherit; font-weight:700; line-height:inherit; }
.quiz-wrapper.treatment-calculator .lead-tablet-row { display:contents; }
.quiz-wrapper.treatment-calculator .form__input-wrapp { width:100%; margin:0 0 16px; }
.quiz-wrapper.treatment-calculator .form__input-wrapp .input { display:block; width:100%; height:72px; margin:0; padding:0 24px; border:0; border-radius:20px; background:#fff; box-shadow:none; color:var(--q-ink); font:400 19px Lato,sans-serif; }
.quiz-wrapper.treatment-calculator .input::placeholder { color:#8b9d99; opacity:1; }
.quiz-wrapper.treatment-calculator .input:focus-visible { outline:2px solid var(--q-teal); outline-offset:3px; }
.quiz-wrapper.treatment-calculator .lead-controls > .quiz-btn-base { width:100%; margin-bottom:18px; }
.quiz-wrapper.treatment-calculator .checkbox { position:relative; margin:0 0 16px; }
.quiz-wrapper.treatment-calculator .quiz__final_first .lead-consents .checkbox { display:block; }
.quiz-wrapper.treatment-calculator .checkbox__input { position:absolute; top:2px; left:0; width:16px; height:16px; margin:0; opacity:0; }
.quiz-wrapper.treatment-calculator .checkbox__label { position:relative; display:block; gap:0; margin:0; padding-left:26px; cursor:pointer; }
.quiz-wrapper.treatment-calculator .checkbox__label::before { content:""; position:absolute; left:0; top:2px; width:16px; height:16px; border:1px solid #a4b7b2; border-radius:2px; background:#fff; }
.quiz-wrapper.treatment-calculator .checkbox__label::after { content:""; position:absolute; left:2px; top:1px; width:14px; height:14px; background:url(//zubyza1den.com/wp-content/themes/reboot_child/assets/images/quiz-main/quiz-check.svg) center/contain no-repeat; transform:scale(0); }
.quiz-wrapper.treatment-calculator .checkbox__input:checked + .checkbox__label::after { transform:scale(1); }
.quiz-wrapper.treatment-calculator .checkbox__input:focus-visible + .checkbox__label { outline:2px solid var(--q-teal); outline-offset:4px; }
.quiz-wrapper.treatment-calculator .checkbox__text { display:block; color:var(--q-text); font-size:12px; line-height:1.55; }
.quiz-wrapper.treatment-calculator .checkbox__text a { color:inherit; text-decoration:underline; text-underline-offset:2px; }
.quiz-wrapper.treatment-calculator .consent-line { display:block; }
.quiz-wrapper.treatment-calculator .phone-preview { position:static; display:block; width:100%; max-width:380px; height:auto; align-self:end; margin:0; inset:auto; z-index:auto; }
.quiz-wrapper.treatment-calculator .back-button { display:inline-grid; place-items:center; width:58px; height:58px; min-height:0; margin-top:28px; padding:0; border:1px solid #7fb2eb; border-radius:50%; background:transparent; box-shadow:none; color:var(--q-teal); font:400 26px Lato,sans-serif; cursor:pointer; }
.quiz-wrapper.treatment-calculator .form-status { margin:0 0 12px; color:#9d2923; font-size:15px; line-height:1.5; }
.quiz-wrapper.treatment-calculator .form-status:empty { display:none; }
.quiz-wrapper.treatment-calculator .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.quiz-wrapper.treatment-calculator .inputs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-rows:auto auto auto auto auto; gap:0 28px; }
.quiz-wrapper.treatment-calculator .field { display:grid; grid-template-rows:subgrid; grid-row:span 5; min-width:0; margin:0; }
.quiz-wrapper.treatment-calculator .field > label { grid-row:1; align-self:end; position:relative; display:block; min-height:0; margin:0 0 5px; padding:0 32px 0 0; color:var(--q-ink); font-size:18px; font-weight:700; line-height:1.4; }
.quiz-wrapper.treatment-calculator .field > .numberbox { grid-row:2; }
.quiz-wrapper.treatment-calculator .field > input[type=range] { grid-row:3; }
.quiz-wrapper.treatment-calculator .field > .range-labels { grid-row:4; }
.quiz-wrapper.treatment-calculator .field > .field-error { grid-row:5; }
.quiz-wrapper.treatment-calculator .field[data-question=jaw] { position:relative; z-index:5; }
.quiz-wrapper.treatment-calculator .numberbox { position:relative; display:flex; align-items:center; min-height:60px; padding:10px 16px; border:1px solid #9ebfba; border-radius:10px; background:#fff; transition:border-color .3s,background .3s,box-shadow .3s; }
.quiz-wrapper.treatment-calculator .numberbox input { position:relative; z-index:1; width:100%; min-width:0; height:auto; margin:0; padding:0; border:0; border-radius:0; outline:0; box-shadow:none; color:var(--q-ink); background:transparent; font:inherit; font-size:25px; font-weight:500; line-height:1.4; -moz-appearance:textfield; }
.quiz-wrapper.treatment-calculator .numberbox input::-webkit-outer-spin-button, .quiz-wrapper.treatment-calculator .numberbox input::-webkit-inner-spin-button { margin:0; -webkit-appearance:none; }
.quiz-wrapper.treatment-calculator .numberbox input::placeholder { color:#6c8782; font-size:16px; font-weight:400; opacity:1; }
.quiz-wrapper.treatment-calculator .numberbox small { color:var(--q-teal); white-space:nowrap; font-size:14px; }
.quiz-wrapper.treatment-calculator .jaw-trigger { position:relative; z-index:1; display:block; width:100%; min-width:0; height:38px; min-height:0; margin:0; padding:0 20px 0 0; border:0; border-radius:0; box-shadow:none; text-align:left; text-transform:none; letter-spacing:normal; color:var(--q-ink); background:transparent; font:400 17px/38px Lato,sans-serif; cursor:pointer; }
.quiz-wrapper.treatment-calculator .jaw-trigger::after { content:""; position:absolute; right:2px; top:50%; width:7px; height:7px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:translateY(-65%) rotate(45deg); }
.quiz-wrapper.treatment-calculator .jaw-trigger[aria-expanded=true]::after { transform:translateY(-20%) rotate(225deg); }
.quiz-wrapper.treatment-calculator .jaw-value { display:block; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.quiz-wrapper.treatment-calculator .jaw-options { position:absolute; top:calc(100% + 6px); left:-1px; right:-1px; z-index:30; max-height:240px; margin:0; padding:5px; list-style:none; overflow-y:auto; border:1px solid #9ebfba; border-radius:10px; background:#fff; box-shadow:0 8px 24px #153f4020; }
.quiz-wrapper.treatment-calculator .jaw-options [role=option] { margin:0; padding:10px 12px; border-radius:6px; color:var(--q-ink); font-size:17px; line-height:1.4; list-style:none; cursor:pointer; }
.quiz-wrapper.treatment-calculator .jaw-options [role=option]::before, .quiz-wrapper.treatment-calculator .jaw-options [role=option]::marker { content:none; }
.quiz-wrapper.treatment-calculator .jaw-options [aria-selected=true] { background:var(--q-mint-soft); }
.quiz-wrapper.treatment-calculator .jaw-options .jaw-placeholder { color:#6c8782; cursor:default; }
.quiz-wrapper.treatment-calculator .jaw-options .is-highlighted { color:#fff; background:var(--q-teal); }
.quiz-wrapper.treatment-calculator .field input[type=range] { display:block; width:100%; height:5px; margin:23px 0 12px; padding:0; border:0; box-shadow:none; accent-color:var(--q-teal); cursor:pointer; }
.quiz-wrapper.treatment-calculator .range-labels { display:flex; justify-content:space-between; color:var(--q-teal); font-size:13px; }
.quiz-wrapper.treatment-calculator .field-error { min-height:18px; margin:10px 0 0; color:#9d2923; font-size:13px; line-height:18px; }
.quiz-wrapper.treatment-calculator .numberbox:focus-within { outline:2px solid var(--q-teal); outline-offset:3px; }
.quiz-wrapper.treatment-calculator .field input[type=range]:focus-visible { outline:2px solid var(--q-teal); outline-offset:7px; }
.quiz-wrapper.treatment-calculator .guide-active > .numberbox { border-color:var(--q-teal); background:#f4fffb; animation:tq-field-guide-pulse 1.8s ease-in-out infinite; overflow:hidden; }
.quiz-wrapper.treatment-calculator .guide-active > .selectbox { overflow:visible; }
.quiz-wrapper.treatment-calculator .guide-active > .selectbox::after { display:none; }
.quiz-wrapper.treatment-calculator .guide-active > label { color:var(--q-teal); }
.quiz-wrapper.treatment-calculator .guide-active > label::after { content:"↓"; position:absolute; bottom:0; display:inline-block; margin-left:9px; color:var(--q-teal); font-size:23px; font-weight:800; animation:tq-field-guide-arrow 1.3s ease-in-out infinite; }
.quiz-wrapper.treatment-calculator .guide-active > .numberbox::after { content:""; position:absolute; inset:0 auto 0 -45%; width:40%; background:linear-gradient(105deg,transparent,#1a636530,transparent); transform:skewX(-18deg); pointer-events:none; animation:tq-field-guide-sweep 2.1s ease-in-out infinite; }
@keyframes tq-field-guide-pulse { 0%,100% { box-shadow:0 0 0 1px #1a636528,0 0 9px #1a636512; } 50% { box-shadow:0 0 0 7px #1a636530,0 0 25px #1a636525; } }
@keyframes tq-field-guide-sweep { 0%,15% { left:-45%; opacity:0; } 30% { opacity:1; } 80%,100% { left:115%; opacity:0; } }
@keyframes tq-field-guide-arrow { 0%,100% { transform:translateY(-4px); opacity:.7; } 50% { transform:translateY(5px); opacity:1; } }
@media (max-width:1024px) {
.quiz-wrapper.treatment-calculator { padding:40px 15px; }
.quiz-wrapper.treatment-calculator .title { font-size:36px; }
.quiz-wrapper.treatment-calculator .intro { font-size:20px; }
.quiz-wrapper.treatment-calculator .question-panel { padding:30px 24px; }
.quiz-wrapper.treatment-calculator .lead-panel { padding:32px 24px 0; }
.quiz-wrapper.treatment-calculator .quiz__final { grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:24px; align-items:start; }
.quiz-wrapper.treatment-calculator .quiz__final-form { display:contents; }
.quiz-wrapper.treatment-calculator .quiz__final-form .section-quiz__title { grid-column:1/-1; grid-row:1; margin-bottom:0; font-size:24px; }
.quiz-wrapper.treatment-calculator .lead-body { grid-column:1; grid-row:2; padding-bottom:30px; }
.quiz-wrapper.treatment-calculator .phone-preview { grid-column:2; grid-row:2; align-self:start; max-width:380px; }
.quiz-wrapper.treatment-calculator .back-button { margin-top:28px; margin-bottom:0; }
}
@media (min-width:768px) and (max-width:1024px) {
.quiz-wrapper.treatment-calculator .lead-tablet-row { display:block; white-space:nowrap; }
.quiz-wrapper.treatment-calculator .inputs { column-gap:20px; }
.quiz-wrapper.treatment-calculator .numberbox.selectbox { padding-left:8px; padding-right:4px; }
.quiz-wrapper.treatment-calculator .jaw-trigger { padding-right:16px; }
}
@media (max-width:767px) {
.quiz-wrapper.treatment-calculator { padding:30px 15px; }
.quiz-wrapper.treatment-calculator .title { margin-bottom:20px; font-size:28px; line-height:1.2; }
.quiz-wrapper.treatment-calculator .intro { margin-bottom:24px; font-size:18px; line-height:1.5; }
.quiz-wrapper.treatment-calculator .question-panel { padding:28px 20px; }
.quiz-wrapper.treatment-calculator .question-action { margin-top:28px; }
.quiz-wrapper.treatment-calculator .quiz-btn-base { min-height:62px; padding:18px 20px; font-size:17px; }
.quiz-wrapper.treatment-calculator .question-action .quiz-btn-base { width:100%; min-width:0; }
.quiz-wrapper.treatment-calculator .lead-panel { padding:26px 20px 0; }
.quiz-wrapper.treatment-calculator .quiz__final { grid-template-columns:minmax(0,1fr); gap:0; }
.quiz-wrapper.treatment-calculator .quiz__final-form { display:block; padding-bottom:20px; }
.quiz-wrapper.treatment-calculator .lead-body { padding-bottom:0; }
.quiz-wrapper.treatment-calculator .quiz__final-form .section-quiz__title { margin-bottom:24px; font-size:clamp(17px,5.333vw,20px); line-height:1.5; }
.quiz-wrapper.treatment-calculator .lead-line { display:block; white-space:nowrap; }
.quiz-wrapper.treatment-calculator .form__input-wrapp .input { height:62px; padding:0 18px; border-radius:16px; font-size:17px; }
.quiz-wrapper.treatment-calculator .phone-preview { grid-column:auto; grid-row:auto; justify-self:center; width:240px; max-width:100%; }
.quiz-wrapper.treatment-calculator .back-button { margin-top:18px; width:48px; height:48px; }
.quiz-wrapper.treatment-calculator .inputs { grid-template-columns:1fr; grid-template-rows:none; gap:26px; }
.quiz-wrapper.treatment-calculator .field { display:block; grid-row:auto; }
.quiz-wrapper.treatment-calculator .field > label { min-height:0; margin-bottom:5px; font-size:17px; }
.quiz-wrapper.treatment-calculator .field-error:empty { min-height:0; margin:0; }
}
@media (prefers-reduced-motion:reduce) {
.quiz-wrapper.treatment-calculator .quiz-btn-base { transition:none; }
.quiz-wrapper.treatment-calculator .guide-active > .numberbox { animation:none; box-shadow:0 0 0 3px #1a636535; }
.quiz-wrapper.treatment-calculator .guide-active > .numberbox::after { display:none; }
.quiz-wrapper.treatment-calculator .guide-active > label::after { animation:none; }
.quiz-wrapper.treatment-calculator .numberbox { transition:none; }
}