:root{color:#20304c;background:#f3f4f6;font:16px/1.5 Arial,sans-serif}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:24px;padding:22px 4%;background:white;border-bottom:1px solid #20304c}header span{font-size:12px;letter-spacing:1px}.logo{font-size:34px;white-space:nowrap}.logo small{font-size:15px;font-weight:bold}button,select,input{font:inherit;border:1px solid #aab0bb;border-radius:7px;padding:10px;background:white;color:#20304c}button{cursor:pointer}button:hover{background:#e6ebf3}header button{margin-left:auto}main{max-width:1500px;margin:auto;padding:30px 4%}h1{font-size:36px;line-height:1.15;margin:0}h1 em{font-family:Georgia,serif;font-weight:normal}.intro{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:28px}.intro p{max-width:350px;color:#626b7b}.controls{background:#20304c;color:white;border-radius:12px;padding:22px;display:flex;flex-wrap:wrap;gap:18px}.controls label{flex:1;min-width:170px}label{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:bold}#payerNote{width:100%;margin:0;font-size:14px;color:#e0e5ee}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:26px;margin-top:28px}.filters{display:flex;gap:14px;margin-bottom:20px}.filters label{flex:1}#cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.card{border:2px solid transparent;border-radius:12px;background:white;padding:20px;display:flex;flex-direction:column;gap:10px}.card.selected{border-color:#20304c}.card img{width:100%;height:145px;object-fit:contain}.card h3{font-size:20px;margin:0;line-height:1.25}.tag{font-size:13px;text-transform:uppercase;letter-spacing:1px}.stars{color:#976900;letter-spacing:3px}.benefit{font-size:15px;margin:0;flex:1}.prices{border-top:1px solid #ddd;padding-top:12px;font-size:14px}.own{font-size:22px;font-weight:bold}.card button{background:#20304c;color:white;border:0}.card button:hover{background:#344c74}aside{position:sticky;top:18px;align-self:start;background:white;border-radius:12px;padding:22px}aside h2{margin-top:0}aside label{margin-top:18px}.small{font-size:12px;color:#626b7b}.line{display:flex;justify-content:space-between;gap:12px;margin:9px 0;font-size:14px}.total{background:#20304c;color:white;margin-top:18px;padding:17px;border-radius:8px}.total strong{display:block;font-size:29px}footer{font-size:12px;color:#626b7b;margin-top:30px;border-top:1px solid #ccd1d8;padding-top:20px}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #e8b917;outline-offset:3px}[hidden]{display:none!important}@media(max-width:950px){.workspace{grid-template-columns:1fr}aside{position:static}.intro{display:block}header span{display:none}}@media(max-width:560px){#cards{grid-template-columns:1fr}header{flex-wrap:wrap}header button{margin:0}h1{font-size:30px}.filters{flex-direction:column}}@media print{@page{size:A4;margin:12mm}body{background:white;font-size:12px}header{padding:0 0 10px}header button,.intro,.filters,.catalog,.controls label,#extras label,.small{display:none!important}main{padding:12px 0}.controls{background:white;color:#20304c;padding:0}#payerNote{color:#20304c}.workspace{display:block;margin-top:15px}aside{position:static;border:1px solid #ccd1d8;padding:20px}.total{background:#eee;color:#20304c}footer{font-size:10px}h2{font-size:22px}select{border:0}header span{display:block}#chosen img{max-height:110px}}
.patient{background:white;border-radius:12px;margin-top:22px;padding:20px}.patient h2{font-size:18px;margin:0 0 14px}.patientfields{display:grid;grid-template-columns:1fr 1.4fr 1fr 1fr;gap:16px}textarea{font:inherit;border:1px solid #aab0bb;border-radius:7px;padding:10px;color:#20304c;resize:vertical}.pick{display:flex;align-items:center;border-bottom:1px solid #ddd;padding:10px 0;gap:12px}.pick button{margin-left:auto;font-size:20px;padding:2px 10px}h2 small{font-size:14px;font-weight:normal}button:disabled{opacity:.55;cursor:default}#printPatient,#printCompare{display:none}@media(max-width:850px){.patientfields{grid-template-columns:1fr 1fr}}@media(max-width:500px){.patientfields{grid-template-columns:1fr}}@media print{.patient,.workspace,.controls{display:none!important}#printPatient{display:block;white-space:pre-line;margin:12px 0 18px;font-size:12px}#printCompare{display:block}.printGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.printGrid article{border:1px solid #ccd1d8;padding:10px;border-radius:6px;break-inside:avoid}.printGrid img{width:100%;height:85px;object-fit:contain}.printGrid :is(h2,h3){font-size:15px;min-height:40px}.printGrid p,.printGrid .line{font-size:10px}.printGrid .total{padding:9px;font-size:10px}.printGrid .total strong{font-size:18px}.printGrid .line{display:block}.printGrid .line b{display:block}.printGrid .tag{font-size:10px}#printCompare h2{margin:12px 0 0}footer{margin-top:15px;font-size:8px}.logo{font-size:26px}}

.insuranceDetails{width:100%;border-top:1px solid #738096;padding-top:12px}.insuranceDetails summary{cursor:pointer;font-size:14px}.detailFields{display:flex;flex-wrap:wrap;gap:18px;margin-top:16px}.detailHelp{font-size:13px;margin-bottom:0}.controls small{font-size:12px;font-weight:normal}summary:focus-visible{outline:3px solid #e8b917;outline-offset:3px}

.productPlaceholder{height:145px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f3f4f6;border-radius:8px;gap:7px}.productPlaceholder span{font-size:13px;letter-spacing:2px}.productPlaceholder strong{font-size:20px}.productPlaceholder small{color:#626b7b}@media print{.productPlaceholder{height:85px}.productPlaceholder strong{font-size:12px}}

.compareJump{color:#20304c;font-size:14px;white-space:nowrap}.workspace{display:flex;flex-direction:column}.workspace aside{order:-1;position:static;width:100%;scroll-margin-top:16px}.comparisonGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,285px),1fr));gap:18px}.comparisonVariant{border:1px solid #d6dbe3;padding:18px;border-radius:10px;min-width:0}.comparisonVariant h3{font-size:17px;margin:0;line-height:1.4}.comparisonVariant .pick{padding-top:0;align-items:flex-start}.comparisonVariant select{width:100%;font-size:14px}.comparisonVariant .total strong{font-size:25px}.patient summary{cursor:pointer;font-size:18px;font-weight:bold}.patient summary span{font-size:12px;font-weight:normal;margin-left:12px;color:#626b7b}.patient[open] summary{margin-bottom:14px}.patient button{margin-top:18px}.classBadge{font-size:12px;color:#20304c;background:#eef1f6;border-radius:5px;padding:5px 8px;align-self:flex-start}.included{font-size:13px;color:#315b47;margin:0}.catalog #cards{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:1050px){.catalog #cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.catalog #cards{grid-template-columns:1fr}.comparisonGrid{grid-template-columns:1fr}.controls label{min-width:100%;width:100%}.compareJump{margin-left:auto}}@media print{.compareJump{display:none!important}.workspace{display:none!important}}

/* Equal-height comparison cards keep all final amounts on the same baseline. */
.comparisonVariant{display:flex;flex-direction:column}.variantSummary{margin-top:auto;padding-top:18px}.comparisonVariant .total{min-height:112px;display:flex;flex-direction:column;justify-content:center}.variantHeading{font-size:12px;color:#626b7b;margin-bottom:5px}.comparisonClass{display:flex;flex-wrap:wrap;align-items:center;gap:9px;font-size:14px;font-weight:bold;margin:0 0 10px}.levelBars{display:inline-flex;gap:3px;align-items:flex-end;height:18px}.levelBars i{display:block;width:7px;background:#d8dce4;border-radius:2px}.levelBars i:nth-child(1){height:7px}.levelBars i:nth-child(2){height:9px}.levelBars i:nth-child(3){height:11px}.levelBars i:nth-child(4){height:13px}.levelBars i:nth-child(5){height:15px}.levelBars i:nth-child(6){height:18px}.levelBars i.filled{background:#d3a316}@media(max-width:600px){.comparisonVariant .total{min-height:0}.variantSummary{margin-top:0}}@media print{.printGrid article{display:flex;flex-direction:column}.printGrid .total{margin-top:auto;min-height:65px}.comparisonClass{font-size:10px;gap:5px}.levelBars{transform:scale(.8);transform-origin:left center}.levelBars i.filled{background:#9a7410!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}}

/* Share row heights across adjacent variants, including empty accessory rows. */
@media(min-width:601px){.comparisonVariant{display:grid;grid-template-rows:subgrid;grid-row:span 5;row-gap:0}.comparisonVariant>.pick{grid-row:1}.comparisonVariant>.chargerRow{grid-row:2}.comparisonVariant>.moldRow{grid-row:3}.comparisonVariant>.tvRow{grid-row:4}.comparisonVariant>.variantSummary{grid-row:5;align-self:end}.chargerRow>p{margin-top:18px}}

/* Customer navigation and readable controls */
@media screen{label,.benefit,.prices,.line,.comparisonVariant select{font-size:16px}.small,.classBadge,.included,.variantHeading{font-size:14px}button,select,input,summary{min-height:48px}summary{padding:10px 0;cursor:pointer}a:focus-visible{outline:3px solid #e8b917;outline-offset:4px}.pick button{min-width:48px;min-height:48px;flex-shrink:0}.steps{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px}.steps a{padding:12px 18px;background:white;border:1px solid #c4cbd6;border-radius:8px;color:#20304c;text-decoration:none;font-weight:bold}.deviceFilters{background:white;padding:12px 18px;border:1px solid #c4cbd6;border-radius:10px;margin:18px 0}.deviceFilters .filters{flex-wrap:wrap;margin-top:14px}.deviceFilters label{min-width:200px}.selectionDock{position:fixed;bottom:18px;right:24px;z-index:20;background:#20304c;color:white;border:2px solid white;border-radius:30px;padding:14px 22px;box-shadow:0 3px 16px #20304c33;text-decoration:none;font-weight:bold}main{padding-bottom:110px}#catalog,#insuranceStart{scroll-margin-top:20px}select{max-width:100%}.filters label{min-width:0}#resultCount{color:#465269}.comparisonVariant .pick>div{min-width:0}.comparisonVariant h3{overflow-wrap:anywhere}}
@media(max-width:600px){.steps{display:grid}.steps a{display:block}.selectionDock{left:18px;right:18px;text-align:center}.deviceFilters label{min-width:0;width:100%}}
@media print{.steps,.selectionDock,.deviceFilters,#resultCount{display:none!important}}

#catalogToggle{margin:0 0 18px;padding:12px 20px;background:#fff;color:#26334d;border:2px solid #26334d;border-radius:8px;font-weight:700;cursor:pointer}
@media print{#catalogToggle{display:none}}

.benefitBlock{flex:1}.benefitHeadline{font-size:18px;font-weight:700;line-height:1.4;margin:4px 0 12px}.benefitList{padding-left:22px;margin:0;line-height:1.5}.benefitList li{margin:0 0 9px;padding-left:3px}.benefitList li::marker{color:#946d08}.upgradeBenefit{padding:12px;border-left:4px solid #c79c30;background:#f6f2e7;font-weight:700;font-size:15px;line-height:1.45;margin:14px 0 0}.benefitNote{font-size:14px;color:#536075;line-height:1.4;margin:10px 0 0}.alternative{font-size:14px;margin:0 0 12px}.compactBenefits{margin-top:14px}.compactBenefits .benefitHeadline{font-size:16px}.comparisonVariant .pick{align-items:flex-start}.card .prices{margin-top:auto}
@media print{.benefitHeadline,.compactBenefits .benefitHeadline{font-size:11px}.benefitList{font-size:10px;padding-left:12px;line-height:1.3}.benefitList li{margin-bottom:4px}.upgradeBenefit{font-size:10px;padding:5px;margin-top:6px}.benefitNote,.alternative{font-size:9px}.compactBenefits{margin-top:6px}}

.comparisonBenefitPoint{display:flex;gap:10px;line-height:1.5;padding:5px 0;font-size:16px}.comparisonBenefitPoint>span:first-child{color:#946d08;font-weight:bold}.comparisonBenefitTitle{padding-top:14px}.comparisonBenefitTitle .benefitHeadline{margin-bottom:8px}.comparisonBenefitPoint:empty{padding:0}.comparisonBenefitNote{padding-bottom:8px}
@media(min-width:601px){.comparisonVariant{grid-row:span 13}.comparisonVariant>.pick{grid-row:1}.comparisonBenefitTitle{grid-row:2}.comparisonUpgrade{grid-row:7}.comparisonBenefitNote{grid-row:8}.comparisonVariant>.chargerRow{grid-row:9}.comparisonVariant>.moldRow{grid-row:10}.comparisonVariant>.tvRow{grid-row:11}.comparisonVariant>.variantSummary{grid-row:12 / span 2;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end}.comparisonVariant .total{margin-top:auto}}
@media(max-width:600px){.comparisonBenefitPoint:empty,.comparisonUpgrade:empty,.comparisonBenefitNote:empty{display:none}}

/* Shared catalog rows align benefits and upgrade boxes even when copy wraps. */
.cardHeading{display:flex;flex-direction:column;gap:10px}
@media screen and (min-width:601px){
 .catalog .card{display:grid;grid-template-rows:subgrid;grid-row:span 8;row-gap:10px}
 .cardHeading{grid-row:1}
 .card .benefitBlock{display:grid;grid-template-rows:subgrid;grid-row:2 / span 4}
 .card .benefitHeading{grid-row:1}.card .benefitList{grid-row:2}
 .card .upgradeBenefit{grid-row:3;margin-top:4px}.card .benefitNote{grid-row:4;margin-top:0}
 .card .included{grid-row:6}.card .prices{grid-row:7;margin-top:0}.card>button,.card>.small{grid-row:8}
 .comparisonUpgrade{display:flex}.comparisonUpgrade>.upgradeBenefit{flex:1}
}

.classStars{display:inline-flex;white-space:nowrap;font-size:20px;line-height:1.3;letter-spacing:2px;color:#a87800}.emptyStars{color:#aab0bb}.comparisonClass .classStars{font-size:18px}@media print{.classStars,.comparisonClass .classStars{font-size:12px;letter-spacing:1px;print-color-adjust:exact;-webkit-print-color-adjust:exact}}

.budgetFilter{display:flex;flex-wrap:wrap;align-items:end;gap:16px;background:#fff;padding:18px;border-radius:10px;margin:18px 0}.budgetFilter label{flex:1;min-width:220px}.budgetFilter p{width:100%;margin:0;font-size:14px;color:#536075}@media(max-width:600px){.budgetFilter label{min-width:0;width:100%;flex-basis:100%}}@media print{.budgetFilter{display:none!important}}

/* Shared print rows keep unlike devices and totals aligned. */
@media print{
 .printGrid{grid-template-columns:repeat(var(--print-columns,3),minmax(0,1fr));gap:12px}
 .printGrid article{display:grid;grid-template-rows:subgrid;grid-row:span 7;gap:6px;align-content:start}
 .printGrid article>.tag{grid-row:1}.printGrid article>.comparisonClass{grid-row:2;margin:0}
 .printGrid article>img,.printGrid article>.productPlaceholder{grid-row:3}
 .printGrid article>h3{grid-row:4;margin:0;min-height:0}
 .printGrid article>small{display:none}
 .printGrid article>.benefitBlock{grid-row:5;display:block;margin:0}
 .printGrid article>p{grid-row:6;margin:0}
 .printGrid .printSummary{grid-row:7;display:flex;flex-direction:column}
 .printGrid .printSummary .total{margin-top:auto}
 .printGrid .line{margin:5px 0}.printGrid .benefitList{margin:5px 0}
 .printGrid .benefitHeadline{margin:0 0 5px}.printGrid .upgradeBenefit{margin:5px 0}
 .printGrid .benefitNote{margin:4px 0}
}
@media print{
 html,body{background:#fff!important}header{padding-bottom:7px}main{padding-top:4px}
 #printPatient{font-size:11px;line-height:1.3;margin:8px 0}
 #printCompare h2{font-size:20px;margin:8px 0 4px}
 #printCompare>p{font-size:10px;line-height:1.3;margin:4px 0 10px}
 .printGrid{gap:8px}.printGrid article{padding:8px;gap:5px}
 .printGrid img{height:60px}.printGrid :is(h2,h3){font-size:13px}
 .printGrid .line{display:flex;align-items:start;gap:5px;font-size:10px;line-height:1.25;margin:5px 0}
 .printGrid .line b{white-space:nowrap;flex-shrink:0}
 .printGrid .total{min-height:58px;padding:7px}.printGrid .total strong{font-size:17px}
 footer{padding-top:8px;font-size:8px;line-height:1.3}
}

#payerBenefits{width:100%}.payerBenefits{border:1px solid #ccd1d8;border-radius:8px;padding:14px 18px;background:#fff;color:#20304c}.payerBenefits h3{margin:0;font-size:17px}.payerBenefits p{font-size:13px;margin:6px 0}.payerBenefitLines{max-width:620px}.payerBenefitLines .line:last-child{font-weight:bold;border-top:1px solid #ccd1d8;padding-top:7px}@media print{#printCompare>.payerBenefits{margin-top:8px;padding:6px 8px;break-inside:avoid}#printCompare>.payerBenefits h3{font-size:10px}#printCompare>.payerBenefits p{font-size:8px;margin:2px 0;line-height:1.2}.payerBenefitLines{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:none}.payerBenefitLines .line{display:block;font-size:8px;margin:3px 0}.payerBenefitLines .line b{display:block}.payerBenefitLines .line:last-child{border:0;padding:0}}

/* Short, optional advice flow in Liebl's existing colours. */
.advisor{background:#fff;border:2px solid #20304c;border-radius:12px;padding:16px 22px;margin:0 0 22px}
.advisor>summary{display:list-item;font-size:20px}.advisor>summary span{display:block;font-size:14px;font-weight:normal;color:#536075;margin-top:4px}
.advisor fieldset{border:0;border-top:1px solid #d6dbe3;padding:18px 0;margin:16px 0}
.advisor legend{font-size:18px;font-weight:bold;padding-right:12px}
.answerGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:10px}
.answerGrid label{display:flex;flex-direction:row;align-items:center;gap:12px;border:1px solid #b4bfcc;border-radius:8px;padding:13px;font-size:16px;font-weight:normal;cursor:pointer}
.answerGrid label:has(input:checked){border-color:#20304c;background:#eef2f8;box-shadow:inset 0 0 0 1px #20304c}
.answerGrid input{min-height:24px;min-width:24px;width:24px;height:24px;margin:0;accent-color:#20304c;flex-shrink:0}
.advisorBudgetLabel{max-width:620px}.advisorBudgetLabel small{font-weight:normal}
.primaryButton{background:#20304c;color:white;font-weight:bold}.primaryButton:hover{background:#344c74}
#advisorError:empty{display:none}#advisorResults{scroll-margin-top:16px;margin-top:22px}#advisorResults:focus{outline:0}
.advisorCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}
.advisorCard{display:flex;flex-direction:column;border:1px solid #c4cbd6;border-radius:10px;padding:20px;min-width:0}
.advisorCard img{width:100%;height:130px;object-fit:contain}.advisorCard h3{margin:12px 0;font-size:21px}.advisorCard li{margin-bottom:8px}
.advisorWhy{font-size:18px;font-weight:bold}.advisorPrice{margin-top:auto;padding-top:10px}.advisorCard button{margin-top:16px;background:#20304c;color:white}
.offerDocument #printPatient,.offerDocument #printCompare{display:block}.offerDocument #printPatient{white-space:pre-line}
.offerToolbar{max-width:1000px;margin:auto;padding:18px}.offerToolbar p{font-size:14px}
@media screen{.offerDocument main{max-width:1100px}.offerDocument .printGrid{display:grid;grid-template-columns:repeat(var(--print-columns,3),minmax(0,1fr));gap:14px}.offerDocument .printGrid article{display:flex;flex-direction:column;min-width:0;background:white;padding:18px;border:1px solid #ccd1d8;border-radius:8px}.offerDocument .printGrid img{width:100%;height:100px;object-fit:contain}.offerDocument .printSummary{margin-top:auto}.offerDocument .printGrid :is(h2,h3){font-size:20px}}
@media screen and (max-width:700px){.offerDocument .printGrid{grid-template-columns:1fr}.advisor{padding:12px 15px}.advisorCards{grid-template-columns:1fr}}
@media print{.advisor,.offerToolbar,#printError{display:none!important}}
@media screen and (min-width:701px){.advisorCard{display:grid;grid-template-rows:subgrid;grid-row:span 9;row-gap:8px}.advisorCard>.classBadge{grid-row:1}.advisorCard>img{grid-row:2}.advisorCard>h3{grid-row:3}.advisorCard>.comparisonClass{grid-row:4}.advisorCard>.advisorWhy{grid-row:5}.advisorCard>.upgradeBenefit{grid-row:6}.advisorCard>ul{grid-row:7}.advisorCard>.advisorPrice{grid-row:8;margin-top:0}.advisorCard>button{grid-row:9}}
/* Visible charger alternatives and compact, persistent selection actions. */
.chargerChoices{border:0;padding:0;margin:18px 0 0;min-width:0}.chargerChoices legend{font-size:16px;font-weight:bold;margin-bottom:10px}.chargerOptions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:10px}
.chargerOption{position:relative;display:flex;flex-direction:column;gap:7px;border:1px solid #bec6d2;padding:12px;border-radius:8px;cursor:pointer;margin:0!important;font-size:14px!important;font-weight:normal}
.chargerOption:has(input:checked){border:2px solid #20304c;padding:11px;background:#eef2f8}.chargerOption input,.chargerNone input{width:22px;height:22px;min-height:22px;margin:0;accent-color:#20304c}.chargerPhoto{display:flex;align-items:center;justify-content:center;height:120px;background:white;border-radius:6px}.chargerPhoto img{width:100%;height:115px;object-fit:contain}.chargerPhoto>span{font-size:14px;color:#626b7b;text-align:center}.chargerOption small{font-weight:normal;font-size:14px}.chargerNone{display:flex;flex-direction:row;align-items:center;gap:10px;font-weight:normal;margin-top:12px!important}.advisorJump{font-weight:bold}.selectionActions{position:fixed;bottom:18px;right:24px;z-index:20;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.selectionActions .selectionDock{position:static;box-shadow:none}.selectionActions button{box-shadow:0 3px 16px #20304c22;border:2px solid #20304c;font-weight:bold}.selectionActions:has(.selectionDock[hidden]){display:none}
@media(max-width:600px){.selectionActions{left:12px;right:12px;bottom:12px;display:grid;grid-template-columns:1fr auto;gap:6px}.selectionActions .selectionDock{padding:12px 9px;font-size:14px}.selectionActions button{font-size:14px;padding:10px 8px}.advisorJump{width:100%}header{gap:12px}.chargerOptions{grid-template-columns:repeat(2,minmax(0,1fr))}.chargerOption strong{overflow-wrap:anywhere}}
@media print{.selectionActions,.advisorJump{display:none!important}}

/* Clear next steps for online visitors and in-store advice. */
header{flex-wrap:wrap}.contactJump{color:#20304c;font-weight:bold;padding:10px 0;min-height:44px}.filterHeading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.filterHeading h3{margin:0;font-size:18px}.deviceFilters{margin-top:18px}.contactPanel{background:white;border-radius:12px;padding:24px;margin-top:28px;scroll-margin-top:20px}.contactPanel h2{margin-top:0}.contactOptions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.contactOptions a{display:flex;flex-direction:column;gap:5px;border-radius:8px;padding:18px;background:#20304c;color:white;text-decoration:none}.contactOptions strong{font-size:19px}.contactOptions small{font-size:14px}.contactOptions a:hover{background:#344c74}a:focus-visible,summary:focus-visible{outline:3px solid #bd8600;outline-offset:4px}summary{min-height:44px}#patientPanel{border-top:1px solid #ccd1d8;border-radius:0;padding:20px 0 0}main{padding-bottom:100px}
@media(max-width:600px){.contactOptions{grid-template-columns:1fr}.contactPanel{padding:18px}.contactJump{font-size:14px}.filterHeading button{min-height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
@media print{.contactPanel,.contactJump{display:none!important}}

/* Keep budget fields distinct, including long labels and narrow screens. */
@media screen{
.budgetFilter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:24px;padding:22px;border:1px solid #c4cbd6}
.budgetFilter>label{min-width:0;width:100%;gap:10px}.budgetFilter select,.budgetFilter input{width:100%;min-width:0}.budgetFilter>p{grid-column:1/-1;padding-top:16px;border-top:1px solid #dde2e9;line-height:1.55}
.advisorBudgetLabel{margin-top:24px;gap:10px}.advisorBudgetLabel+.advisorBudgetLabel{margin-top:24px}.advisorBudgetLabel select,.advisorBudgetLabel input{width:100%;min-width:0}.advisorBudgetLabel small{line-height:1.55;margin-top:4px}
.deviceFilters .filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;margin-bottom:6px}.deviceFilters .filters label{min-width:0;gap:10px}.deviceFilters .filters select{width:100%;min-width:0}.deviceFilters{padding:20px}
}
@media screen and (max-width:650px){.budgetFilter,.deviceFilters .filters{grid-template-columns:1fr}.budgetFilter{padding:18px;row-gap:24px}.deviceFilters{padding:18px}.advisorBudgetLabel{max-width:100%}}

.costPeriodControls{border:1px solid #ccd1d8;border-radius:10px;margin:18px 0 22px;padding:16px}.costPeriodControls legend{font-weight:bold;padding:0 6px}.costPeriodControls>div{display:flex;flex-wrap:wrap;gap:12px}.costPeriodControls label{display:flex;flex-direction:row;align-items:center;gap:10px;margin:0;padding:10px 14px;border:1px solid #b4bfcc;border-radius:8px;cursor:pointer;min-height:48px}.costPeriodControls input{width:22px;height:22px;min-height:22px;margin:0;accent-color:#20304c}.costPeriodControls label:has(input:checked){background:#eaf0f7;border-color:#20304c}.costPeriodControls p{font-size:14px;color:#536075;margin:12px 0 0}.costIllustration{border-top:1px solid #ffffff66;margin-top:14px;padding-top:14px}.costIllustration strong{font-size:25px}.costIllustration strong span{font-size:16px;font-weight:normal}.costIllustration p{font-size:13px;line-height:1.45;margin:8px 0 0}.costIllustration>span{font-size:14px}@media(max-width:600px){.costPeriodControls>div{gap:8px}.costPeriodControls label{flex:1;white-space:nowrap;font-size:14px;padding:10px}}@media print{.costPeriodControls{display:none!important}.costIllustration{border-color:#aaa;margin-top:6px;padding-top:6px}.costIllustration strong{font-size:15px!important}.costIllustration strong span,.costIllustration>span{font-size:10px}.costIllustration p{font-size:8px;line-height:1.3}}

.budgetSuggestion{background:#eef2f8;border-left:4px solid #20304c;border-radius:8px;padding:20px;margin:20px 0}.budgetSuggestion h3{margin-top:0;font-size:20px}.budgetSuggestion p{max-width:850px}.budgetSuggestion a{display:inline-block;margin:12px 0 0 18px;color:#20304c;font-weight:bold}.budgetSuggestion button{white-space:normal}@media(max-width:600px){.budgetSuggestion{padding:16px}.budgetSuggestion button{width:100%}.budgetSuggestion a{margin:16px 0 0}}@media print{.budgetSuggestion{display:none!important}}

.advisorExtra{display:grid;gap:10px;margin-top:18px;max-width:620px}.advisorExtra textarea{font:inherit;padding:12px;border:1px solid #9aaab3;border-radius:8px;width:100%;box-sizing:border-box;resize:vertical}.advisorHints{background:#f1f6f8;padding:18px 22px;border-radius:12px;margin:20px 0}.advisorHints li{margin:8px 0;overflow-wrap:anywhere}.advisor [hidden]{display:none!important}

.formChoices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.formChoice{position:relative;display:flex;flex-direction:column;align-items:center;padding:16px;border:2px solid #c6d1d7;border-radius:12px;cursor:pointer;gap:12px}.formChoice:has(input:checked){border-color:#17617c;background:#eef7fa}.formChoice input{position:absolute;top:12px;left:12px;width:20px;height:20px}.formChoice img{width:140px;height:140px;object-fit:contain}.formChoice strong,.formChoice small{display:block}.formChoice small{font-weight:400;line-height:1.45;margin-top:8px}.formOpen{display:flex;align-items:center;gap:10px;margin-top:16px;padding:12px}.formOpen input{width:20px;height:20px}@media(max-width:650px){.formChoices{grid-template-columns:1fr}.formChoice{display:grid;grid-template-columns:82px 1fr;padding:14px 14px 14px 42px;align-items:center}.formChoice img{width:82px;height:82px}.formChoice input{top:50%;transform:translateY(-50%)}.formChoice small{margin-top:5px}}

.formChoices{grid-template-columns:repeat(4,minmax(0,1fr))}.formQuestion{display:flex;align-items:center;justify-content:center;width:140px;height:140px;font-size:64px;font-weight:600;color:#17617c;background:#e9f2f6;border-radius:50%}.formChoice:focus-within{outline:3px solid #17617c;outline-offset:3px}@media(max-width:1000px) and (min-width:651px){.formChoices{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.formChoices{grid-template-columns:1fr}.formQuestion{width:82px;height:82px;font-size:42px}}

/* Compact catalog and separate comparison retain readable text sizes. */
@media screen{.catalog .card{display:flex;grid-row:auto;gap:12px;padding:18px}.cardHeading{gap:6px}.card img{height:110px}.cardBrief{flex:1}.cardBrief>ul{padding-left:20px;margin:0;font-size:15px}.cardBrief>ul li{margin-bottom:7px}.cardBrief summary{font-size:15px;color:#20304c;text-decoration:underline}.cardBrief .benefitBlock{padding:10px 0}.card .prices{margin-top:auto}.catalog #moreModels{display:block;margin:22px auto;padding:12px 24px}.comparisonOpen{overflow:hidden}#comparisonDialog{width:min(1450px,96vw);max-width:96vw;max-height:94dvh;border:0;border-radius:14px;padding:0;background:#f3f4f6;color:#20304c}#comparisonDialog::backdrop{background:#10243dcc}.comparisonToolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;background:#fff;position:sticky;top:0;z-index:2;border-bottom:1px solid #d6dbe3}#comparisonDialog aside{position:static;border-radius:0;padding:22px}#comparisonDialog .comparisonGrid{margin-top:20px}#comparisonDialog .comparisonToolbar button{font-weight:bold}#comparisonDialog:focus-visible{outline:3px solid #e8b917}}
@media(max-width:600px){#comparisonDialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;border-radius:0;margin:0}.comparisonToolbar{padding:10px 14px}.comparisonToolbar strong{font-size:15px}.comparisonToolbar button{font-size:14px;max-width:190px}#comparisonDialog aside{padding:16px}.cardHeading img{height:95px}}
@media print{#comparisonDialog{display:none!important}}

@media screen{.cardBrief .benefitBlock{display:block}.cardBrief .benefitHeading,.cardBrief .benefitList{grid-row:auto}.cardBrief details[open]{border-top:1px solid #d6dbe3;margin-top:10px}}
.journeyHidden{display:none!important}.journeyProgress{font-weight:bold;color:#20304c}.journeyNav{display:flex;gap:14px;justify-content:space-between;margin-top:20px}.journeyNav button{min-width:120px}.situationFrequency{display:grid;grid-template-columns:1fr 180px;gap:18px;align-items:center;padding:14px 0;border-bottom:1px solid #d6dbe3}.priorityChoice{display:flex;flex-direction:row;align-items:center}.priorityChoice input{min-height:22px;width:22px}.tradeoff{padding:12px;background:#f5f3ec;border-left:3px solid #a77c21;font-size:15px}.budgetWarning{padding:12px;border:2px solid #8f6000;border-radius:6px;font-weight:bold}.mobileFilterToggle,.activeFilterSummary{display:none}.advisorCards{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))}@media(max-width:650px){.situationFrequency{grid-template-columns:1fr;gap:10px}.mobileFilterToggle{display:block;width:100%;margin:14px 0}.deviceFilters:not(.mobileFiltersOpen){display:none}.activeFilterSummary:not(:empty){display:block;font-size:14px}.journeyNav{position:sticky;bottom:0;background:white;padding:12px 0;z-index:1}}
.familyModel{font-size:14px;margin:5px 0}.familyModel select{width:100%;font-size:14px}.priceDifference{font-weight:bold;background:#eef1f6;padding:12px;border-radius:8px}.priceDifference small{display:block;font-weight:normal;margin-top:6px;line-height:1.4}

.journeyTop{position:sticky;top:0;z-index:5;background:white;padding:12px 0;display:flex;align-items:center;gap:14px;flex-wrap:wrap;border-bottom:1px solid #d6dbe3;margin-bottom:20px;scroll-margin-top:12px}.journeyTop .journeyProgress{margin:0}.journeyTop progress{width:120px;height:12px;accent-color:#20304c}.journeyTop button{margin-left:auto}.situationFrequency{grid-template-columns:1fr;gap:10px}.frequencyChoices{display:flex;gap:8px;flex-wrap:wrap}.frequencyChoices label{display:flex;align-items:center;gap:6px;border:1px solid #b8c2d0;border-radius:8px;padding:9px 12px;cursor:pointer;min-height:48px;box-sizing:border-box}.frequencyChoices label:has(input:checked){background:#20304c;color:white;border-color:#20304c}.frequencyChoices input{min-height:20px;width:20px;height:20px;margin:0;accent-color:#20304c}.catalogActions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.catalogActions .mobileFilterToggle{display:block;width:auto;margin:0}.deviceFilters:not(.mobileFiltersOpen){display:none}.activeFilterSummary:not(:empty){display:block;font-size:14px}@media(max-width:650px){.journeyTop{gap:8px}.journeyTop button{font-size:14px}.journeyTop progress{width:70px}.frequencyChoices{display:grid;grid-template-columns:1fr 1fr}.catalogActions button{flex:1;min-width:150px}.journeyNav{flex-wrap:wrap}}

.catalogActions{align-items:stretch;margin-bottom:18px}.catalogActions #catalogToggle,.catalogActions .mobileFilterToggle{margin:0;padding:12px 20px;background:#fff;color:#26334d;border:2px solid #26334d;border-radius:8px;font:inherit;font-weight:700;line-height:1.35;min-height:48px;cursor:pointer;display:flex;align-items:center;justify-content:center}.catalogActions button:hover{background:#eef2f6}.advisor{margin-top:32px}

.priceSortLabel{max-width:300px;margin:12px 0 18px;display:flex;flex-direction:column;gap:8px}.highlightLabel{font-weight:bold;color:#745922}

.catalogActions .catalogSearch{display:block;margin:0;flex:1 1 260px;min-width:220px}.catalogSearch label{display:flex;flex-direction:column;gap:5px;font-size:14px}.catalogSearch input{width:100%;box-sizing:border-box}.catalogActions{align-items:flex-end}@media(max-width:650px){.catalogActions .catalogSearch{flex-basis:100%;min-width:0}}

.journeyAnchor{height:1px;scroll-margin-top:16px;overflow-anchor:none}#advisorForm{overflow-anchor:none}#advisorResults{scroll-margin-top:20px}

#situationStep .situationFrequency{display:grid;grid-template-columns:minmax(150px,1fr) auto;gap:6px 12px;padding:10px 0}#situationStep .situationFrequency>strong{font-size:16px;line-height:1.3;align-self:center}#situationStep .frequencyChoices{display:flex;gap:5px}#situationStep .frequencyChoices label{font-size:14px;padding:5px 8px;min-height:44px}#situationStep .priorityChoice{grid-column:1/-1;font-size:14px;margin:0;min-height:28px}#situationStep>p{font-size:15px;margin:8px 0}#situationStep .frequencyChoices input{width:16px;height:16px;min-height:16px}@media(max-width:600px){#situationStep .situationFrequency{grid-template-columns:1fr;gap:5px}#situationStep .frequencyChoices{display:grid;grid-template-columns:repeat(4,1fr)}#situationStep .frequencyChoices label{padding:5px 3px;justify-content:center;gap:3px;font-size:13px}#situationStep .priorityChoice{min-height:28px}}

.wishSummary{background:#f2f5f8;border-radius:10px;padding:16px;margin:16px 0}.wishSummary h3{margin:0 0 10px}.wishSummary ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}.wishSummary li{background:white;border:1px solid #d0d7e0;border-radius:6px;padding:7px 10px;font-size:15px}.adviceCta{display:inline-flex;align-items:center;justify-content:center;background:#20304c;color:white;padding:13px 20px;border-radius:8px;font-weight:bold;text-decoration:none;margin:0 0 18px;min-height:44px;box-sizing:border-box}.adviceCta:hover{background:#344c74}

.guidedSteps{position:sticky;top:0;z-index:8;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#f3f5f7;padding:10px 0}.guidedSteps button{display:flex;flex-direction:column;gap:5px;text-align:left;padding:10px;border:1px solid #bac4d0;border-radius:8px;background:white;color:#20304c}.guidedSteps button[aria-current=step]{background:#20304c;color:white}.guidedSteps small{font-size:13px}.guideActions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0;grid-column:1/-1}.guideActions p{flex-basis:100%;margin:0 0 8px}.guideSkip{margin:12px 0}.journeyTop{top:95px}.journeyAnchor,#insuranceStart,#catalog,#advisorResults{scroll-margin-top:110px}@media(max-width:600px){.guidedSteps strong{font-size:14px}.guidedSteps button{padding:8px 5px}.guidedSteps small{font-size:12px}.guideActions button{flex:1 1 220px}}@media print{.guidedSteps,.guideActions,.guideSkip{display:none!important}}

/* A stable question frame prevents iframe/outer-page scroll jumps. */
#advisorForm{display:flex;flex-direction:column;gap:0}.questionViewport{height:clamp(240px,38svh,350px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:4px 8px 4px 0;box-sizing:border-box;overflow-anchor:none}.questionViewport fieldset{margin:0;min-width:0}.journeyTop{position:static;margin-bottom:10px;padding:8px 0}.journeyNav{position:static;margin-top:12px;padding:8px 0;background:white;flex-wrap:wrap}.journeyAnchor{height:0}#advisorForm>.small{font-size:13px;line-height:1.35;margin:8px 0}#advisorForm #advisorError:empty{display:none}.questionViewport .formChoice img{height:100px;width:100px;object-fit:contain}.questionViewport .formChoices{gap:8px}.questionViewport .formChoice{padding:10px}.journeyNav button{min-width:0;flex:1 1 110px}.advisor{overflow-anchor:none}@media(max-width:600px){.questionViewport{height:270px}.journeyTop button{font-size:12px;padding:6px;min-height:40px}.journeyProgress{font-size:14px}.journeyNav{gap:6px}.journeyNav button{font-size:14px;padding:8px 6px}.advisor>summary{font-size:17px}.guideSkip{font-size:13px;padding:6px 10px;min-height:40px;margin:6px 0}.questionViewport .formChoices{grid-template-columns:1fr 1fr}.questionViewport .formChoice{display:flex;flex-direction:column}.questionViewport .formChoice small{font-size:13px}}

#advisor{scroll-margin-top:108px}#advisorForm>.small{display:none}.journeyNav{display:grid;grid-template-columns:1fr 1.4fr 1fr}.journeyNav [hidden]{display:none!important}#journeyBack[hidden]{display:block!important;visibility:hidden}.journeyTop progress{width:60px}.journeyTop{gap:6px}.journeyTop button{font-size:12px;padding:7px}.questionViewport{height:270px}.journeyNav button{min-width:0;font-size:14px}.advisor>summary span{font-size:13px}.guideSkip{font-size:13px;padding:6px;margin:6px 0}.journeyNav button[type=submit]{grid-column:3}.questionViewport{touch-action:pan-y}@media(max-width:600px){.questionViewport{height:250px}.journeyTop{display:grid;grid-template-columns:1fr auto}.journeyTop progress{display:none}.journeyNav button{font-size:13px;padding:8px 3px}.journeyNav{gap:5px}}

#advisor{scroll-margin-bottom:120px}.questionViewport{height:220px}.journeyTop{margin-top:0}.journeyProgress{line-height:1.4}

/* Compact screen layout: readable type, less empty space, stable steps. */
@media screen{
.advisor{padding:12px 16px;margin-top:24px}.advisor>summary{font-size:20px;line-height:1.3}.advisor>summary span{font-size:14px;margin-top:2px}
.questionViewport{height:270px}.questionViewport fieldset{padding:8px 0;margin:0}.questionViewport legend{font-size:16px;line-height:1.35;margin-bottom:8px}.questionViewport .small{font-size:14px;line-height:1.35;margin:4px 0 8px}
.answerGrid{gap:7px}.answerGrid label{font-size:16px;line-height:1.3;padding:8px 10px;min-height:44px;gap:8px}.answerGrid input{width:22px;height:22px;min-width:22px;min-height:22px}
.journeyTop{padding:5px 0;margin:0 0 6px}.journeyTop button{min-height:44px}.journeyNav{margin-top:6px;padding:4px 0}.journeyNav button{min-height:44px}.guideSkip{margin:4px 0;min-height:44px}
.situationFrequency{padding:7px 0;gap:6px}.frequencyChoices{gap:6px}.frequencyChoices label{padding:6px 8px;min-height:44px;font-size:14px}.priorityChoice{font-size:14px;min-height:44px}.advisorBudgetLabel,.advisorBudgetLabel+.advisorBudgetLabel{margin-top:10px;gap:6px}.advisorExtra{margin-top:10px;gap:6px}
.card{padding:16px;gap:8px}.card h3{font-size:19px;line-height:1.25}.cardBrief>ul{font-size:16px;line-height:1.35}.cardBrief>ul li{margin-bottom:5px}.card .own{font-size:23px}.catalog h2,.contactPanel h2{font-size:24px}.controls{padding:16px;gap:12px}.controls label{font-size:14px}.controls select,.controls input{font-size:16px;padding:8px;min-height:44px}.guideActions{margin:10px 0;gap:8px}.guidedSteps{padding:6px 0;gap:6px}.guidedSteps button{gap:2px;padding:8px}
@media(max-width:600px){
main{padding-top:20px}.intro{gap:12px;margin-bottom:18px}.intro h1{font-size:28px}.intro p{font-size:16px;line-height:1.4}.advisor{padding:10px 12px}.advisor>summary{font-size:18px}.questionViewport{height:270px}.questionViewport .formChoice{padding:8px}.questionViewport .formChoice small{font-size:14px;line-height:1.3}.questionViewport .formChoice img{height:75px;width:75px}.card{padding:14px}.catalog h2,.contactPanel h2{font-size:22px}.contactPanel{padding:18px}.journeyNav button{font-size:13px}.questionViewport select,.questionViewport input:not([type=radio]):not([type=checkbox]),.questionViewport textarea{font-size:16px}
}}

.siteReturn{display:flex;justify-content:space-between;gap:12px;padding:8px 4%;background:white;font-size:14px}.siteReturn a{color:#20304c;padding:6px}.situationReview p{font-size:14px;line-height:1.3;margin:5px 0}.questionViewport [data-situation] .frequencyChoices{display:grid;grid-template-columns:1fr 1fr}.questionViewport [data-situation] .situationFrequency>strong{display:none}@media print{.siteReturn{display:none}}

/* The detailed view expands inside the existing shared comparison row. */
.technicalBenefits {font-size:14px;line-height:1.5;text-align:left}
.technicalBenefits section{margin:14px 0;padding:0}
.technicalBenefits h4{font-size:14px;margin:0 0 6px;color:#20304c}
.technicalBenefits ul{padding-left:18px;margin:0}
.technicalBenefits li{margin:0 0 7px}
.technicalDetails summary{cursor:pointer;font-weight:600;padding:8px 0}
.technicalDetails{min-width:0}
.pendingPrice{color:#20304c}
.pendingPrice p{font-size:14px;line-height:1.45}
@media print{.technicalDetails{display:none!important}}

@media print{footer p{display:none!important}}

/* Guided advice: compact priorities and directly comparable costs. */
.situationReview{display:grid;gap:7px}
.priorityRow{display:flex!important;align-items:center;gap:10px;padding:10px 12px;border:1px solid #bac5d4;border-radius:8px;cursor:pointer;background:#fff;margin:0!important}
.priorityRow:has(input:checked){background:#eef4fb;border-color:#20304c}
.priorityRow input{width:20px;height:20px;flex:0 0 20px;margin:0}
.priorityRow span{display:flex;flex:1;justify-content:space-between;align-items:center;gap:12px}
.priorityRow strong{font-size:15px}.priorityRow small{font-size:13px;color:#536077}
.priorityRow:has(input:disabled):not(:has(input:checked)){opacity:.65}
#priorityHint{font-size:13px;margin:8px 0}
.advisorCard{display:flex;flex-direction:column;gap:8px}
.advisorCard .advisorReasons{padding-left:20px;margin:4px 0;font-size:15px;line-height:1.45}
.advisorCard .advisorReasons li{margin:0 0 7px}
.advisorCard .advisorPrice{margin-top:auto}
.advisorDeviceDetails{font-size:14px;margin-bottom:10px}
.advisorDeviceDetails summary,.advisorAnswerSummary>summary{cursor:pointer;font-weight:600;padding:10px 0}
.advisorAnswerSummary{margin-top:18px;border-top:1px solid #c4cbd6;padding-top:8px}
.advisorResultActions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.costBreakdown{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;border-top:1px solid #ffffff66;margin-top:12px;padding-top:12px}
.costBreakdown>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px}
.costBreakdown b{font-size:18px;line-height:1.3}.costBreakdown span{font-size:13px}
.costBreakdown p{grid-column:1/-1;font-size:12px!important;line-height:1.4;margin:0!important}
@media print{.costBreakdown{gap:3px 8px;border-color:#aaa;margin-top:5px;padding-top:5px}.costBreakdown b{font-size:12px}.costBreakdown span{font-size:9px}.costBreakdown p{font-size:8px!important;line-height:1.25}}
@media print{.printGrid img{height:45px}.printGrid .line{margin:3px 0}.printGrid article{gap:4px}footer{padding-top:7px;margin-top:7px}}
@media print{@page{size:A4;margin:10mm}}
@media print{.printGrid p,.printGrid li{line-height:1.25}.printGrid .benefitList li{margin-bottom:3px}.printGrid .comparisonDifference{padding:7px}.printGrid .costBreakdown p{font-size:8px!important}footer{line-height:1.25}}
.budgetPreviewIntro{font-size:14px;line-height:1.35;margin:0 0 10px}.budgetPreviewIntro>b{display:block;margin-top:5px}.budgetPreviewOptions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.budgetPreviewOption{display:flex;flex-direction:column;align-items:start;text-align:left;gap:5px;padding:10px}.budgetPreviewOption>span:first-child{font-size:13px;font-weight:bold}.budgetPreviewOption>strong{font-size:19px}.budgetPreviewOption>small{font-size:12px;line-height:1.3}.budgetUse{font-size:12px;font-weight:bold;margin-top:auto;padding-top:6px}.budgetFit{font-size:12px}.budgetPreviewNote{font-size:12px;line-height:1.3;margin:9px 0}.budgetPreviewActions{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.budgetPreviewActions button{font-size:13px;padding:8px}.budgetPreviewOption:focus-visible{outline:3px solid #e8b917}@media(max-width:600px){.budgetPreviewOptions{grid-template-columns:1fr}.budgetPreviewOption{display:grid;grid-template-columns:1fr auto;gap:4px 8px}.budgetPreviewOption>small,.budgetPreviewOption>.budgetFit,.budgetPreviewOption>.budgetUse{grid-column:1/-1}.budgetPreviewOption>small:nth-of-type(2){display:none}}
@media(max-width:600px){.budgetPreviewOption>small:nth-of-type(2){display:block;font-size:12px}}
.telecoilChoice{grid-column:1/-1}.telecoilChoice img{width:38px;height:38px;object-fit:contain;flex-shrink:0}.telecoilChoice span{display:block}.telecoilChoice small{display:block;font-size:12px;font-weight:normal;line-height:1.3;margin-top:3px}
@media(min-width:701px){.questionViewport{height:auto;min-height:240px;max-height:calc(100svh - 295px)}.questionViewport legend{font-size:17px}.questionViewport .answerGrid{gap:8px}.questionViewport .answerGrid label{padding:8px 10px;min-height:42px}.questionViewport .small{font-size:13px;line-height:1.3}.questionViewport .formChoice img{height:65px;width:65px}.questionViewport .formChoice{padding:8px}.questionViewport .formChoice small{font-size:13px}.questionViewport textarea{height:55px}.questionViewport .advisorBudgetLabel{display:inline-flex;width:48%;vertical-align:top;margin:6px 1% 0 0}.questionViewport .advisorBudgetLabel select,.questionViewport .advisorBudgetLabel input{padding:7px}.budgetPreviewOption{gap:3px;padding:8px}.budgetPreviewOption>small{font-size:12px}.budgetPreviewNote{margin:5px 0}.budgetPreviewActions{margin:5px 0}}
.priorityRow{flex-direction:row!important}.priorityRow input{min-height:20px!important}
@media(min-width:701px){#situationPriorities .priorityRow{padding:7px 10px;min-height:40px}#situationPriorities .situationReview{gap:5px}#advisorBudgetHelp{display:none}.budgetPreviewOption>small{line-height:1.25}.questionViewport .advisorBudgetLabel{font-size:13px;gap:4px}.budgetPreviewIntro{margin-bottom:6px}}
.directComparison{background:#f5f2e9;border-left:3px solid #bd9c46;border-radius:4px;padding:12px;font-size:14px;line-height:1.4}.directComparison>strong{display:block}.directComparison small{display:block;font-size:12px;line-height:1.35;margin-top:5px}.directComparison ul{padding-left:18px;margin:8px 0}.directComparison p{margin:8px 0}.directComparison li+li{margin-top:5px}@media print{.directComparison{font-size:9px;padding:6px}.directComparison small{font-size:8px}.directComparison ul{margin:4px 0}}
#viewNavigation{display:flex;gap:10px;margin:0 0 18px;scroll-margin-top:10px}#viewNavigation a{flex:1;padding:13px 16px;text-align:center;color:#20304c;background:white;border:1px solid #aab5c6;border-radius:9px;text-decoration:none;font-weight:bold}#viewNavigation a[aria-current=page]{background:#20304c;color:white}body[data-view=preise] .steps,body[data-view=preise] #adviceMount,body[data-view=preise] #insuranceStart>.guideActions{display:none!important}body[data-view=beratung] .workspace,body[data-view=beratung] header .advisorJump{display:none!important}body[data-view=beratung] #adviceMount{margin-top:24px}body[data-view=preise] .intro h1{font-size:28px}.budgetFilter{margin:10px 0}#adviceMount .advisor{margin-top:0}@media(max-width:600px){#viewNavigation{gap:7px}#viewNavigation a{font-size:14px;padding:11px 8px}}@media print{#viewNavigation,#adviceMount{display:none!important}}
.payerExplanation{flex-basis:100%;width:100%}.payerExplanation>summary{cursor:pointer;font-size:14px;padding:8px 0}.payerExplanation[open]>summary{margin-bottom:6px}#viewNavigation a:focus-visible{outline:3px solid #e8b917;outline-offset:3px}
.deviceFilters .filterHeading h3{display:none}.deviceFilters{padding:10px 12px;margin:8px 0}.deviceFilters .filterHeading{justify-content:flex-end}.deviceFilters .filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:8px 0 0}.deviceFilters .filters label{min-width:0;font-size:14px}.deviceFilters select{font-size:14px;padding:8px}.deviceFilters .filterHeading button{font-size:13px;padding:5px 9px;min-height:36px}.catalogActions .catalogSearch{flex:1;min-width:220px}.catalogActions .catalogSearch label{width:100%}.priceSortLabel{margin:12px 0;max-width:300px}#inlineCompare{margin:10px 0}.card .openSelectedComparison{background:white;color:#20304c;border:2px solid #20304c}.selectionActions .selectionDock{border-radius:9px}.guidedSteps [data-guide="1"] small::after{content:' · ändern';text-decoration:underline}body[data-view=beratung] #insuranceStart[hidden]{display:none!important}@media(max-width:700px){.deviceFilters .filters{grid-template-columns:repeat(2,minmax(0,1fr))}.deviceFilters .filters label{width:auto}.catalogActions .catalogSearch{min-width:0;flex-basis:100%}}
.comparisonVariant .pick>div{width:100%}.comparisonDevicePhoto{height:95px;display:flex;align-items:center;justify-content:center;margin:8px 0}.comparisonDevicePhoto img{height:90px;width:100%;object-fit:contain}.comparisonDevicePhoto .productPlaceholder{height:90px;width:100%}.comparisonStyle{font-size:14px!important;line-height:1.35;font-weight:bold;background:#eef2f7;border-radius:5px;padding:7px 9px;margin:8px 0}.comparisonDevicePhoto small{font-size:12px}

/* Compact price orientation and plain-language question cues. */
.comparisonPriceOverview{background:#eef3f9;border-radius:8px;padding:12px;margin-top:12px;color:#20304c;display:flex;flex-direction:column;gap:5px}.comparisonPriceOverview>span{font-size:14px}.comparisonPriceOverview>strong{font-size:26px;line-height:1.15}.comparisonPriceOverview>small{font-size:12px;line-height:1.4}#advisorPhone .answerGrid label>span{display:block}#advisorPhone .answerGrid small{display:block;font-size:12px;line-height:1.4;font-weight:normal;margin-top:3px}.situationExample{font-size:14px;font-weight:normal;line-height:1.45;color:#465269;display:block;margin-bottom:12px}

.comparisonStyle{background:transparent;padding:0;margin:6px 0 10px;color:#465269;font-weight:normal}.comparisonVariant .pick h3{margin-bottom:0}

.comparisonNext{margin-top:24px;padding:18px;border:1px solid #c4cbd6;border-radius:10px;background:#f5f7fa}.comparisonNext h3{margin:0 0 8px}.comparisonNext p{margin:8px 0;font-size:15px}.comparisonNextActions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.comparisonNext .small{font-size:12px}.comparisonNext .contactOptions{margin-top:14px}@media(max-width:600px){.comparisonNextActions button{width:100%}}@media print{.comparisonNext{display:none!important}}

.localDemoNotice{background:#fff0c6;padding:10px 4%;font-size:14px;color:#20304c}.demoContactFields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.demoSelected{border-left:3px solid #d3a316;padding-left:14px;margin:15px 0}.demoSelected p{margin:5px 0}#contactDemoForm{margin-top:20px;border-top:1px solid #c4cbd6;padding-top:20px;scroll-margin-top:100px}#contactDemoForm label{margin-top:0}#demoContactStatus{font-weight:bold}@media(max-width:600px){.demoContactFields{grid-template-columns:1fr}}@media print{.localDemoNotice,#contactDemoForm{display:none!important}}

.depthChoice{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.depthChoice button{font-size:14px;padding:8px}.depthChoice small{flex-basis:100%;font-size:13px}.refineAdvice{margin:18px 0;padding:18px;border:1px solid #c4cbd6;border-radius:9px;background:#f1f5fa}.refineAdvice p{margin:8px 0}@media print{.depthChoice,.refineAdvice{display:none!important}}
/* Short path from insurer selection to actual products. */
body[data-view=beratung] .jumpDevices{display:none}.jumpDevices{margin:12px 0 0}#catalogIntro{display:none}.catalog #catalogTitle{margin:0 0 14px}.quickSearch{margin:0 0 10px!important}.quickSearch label{width:100%}.catalog .budgetFilter{padding:0;border:0;background:transparent;margin:0 0 10px;gap:8px;display:flex;flex-wrap:wrap;align-items:end}.catalog .budgetFilter>label{flex:1;min-width:180px}.budgetDetailsCompact{flex-basis:100%;font-size:14px;margin:0}.budgetDetailsCompact summary{padding:4px 0;min-height:32px;font-weight:normal}.budgetDetailsCompact #budgetHelp{font-size:13px;margin:10px 0;line-height:1.4}.budgetDetailsCompact>label{margin-top:8px}.catalog .catalogActions{margin:8px 0;gap:8px}.catalogActions>button{font-size:14px;padding:8px 12px;min-height:42px}.activeFilterSummary:empty{display:none}.catalogCompactFooter{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:8px 0 12px}.catalogCompactFooter #resultCount{font-size:13px;margin:0;flex:1}.catalogCompactFooter .priceSortLabel{margin:0;max-width:220px;font-size:13px}.catalogCompactFooter select{font-size:14px;padding:7px;min-height:40px}@media(max-width:600px){.catalogCompactFooter{align-items:center}.catalogCompactFooter .priceSortLabel{max-width:175px}.catalog .budgetFilter>label{min-width:0;flex-basis:100%}.catalog .workspace{margin-top:18px}.quickSearch input,.budgetFilter select{min-height:44px;font-size:16px}.catalogActions{flex-wrap:wrap}}
.compactCatalogControls{display:flex;align-items:end;gap:10px;margin:0 0 8px}.compactCatalogControls .quickSearch{flex:1;min-width:0;margin:0!important}.compactCatalogControls button{flex-shrink:0;min-height:44px;padding:8px 12px;font-size:14px}.compactCatalogControls .quickSearch label{font-size:0;gap:0}.compactCatalogControls input{font-size:16px}.compactCatalogControls input::placeholder{color:#626b7b}#compactCatalogOptions{background:#fff;border:1px solid #c4cbd6;border-radius:9px;padding:14px;margin:10px 0}#compactCatalogOptions .deviceFilters{border:0;padding:0;margin:8px 0}#compactCatalogOptions .priceSortLabel{margin-top:12px}.catalogCompactFooter{align-items:center;margin:8px 0 12px}.catalogCompactFooter #catalogToggle{font-size:14px;padding:6px 8px;min-height:36px;border:0;background:transparent;text-decoration:underline}.activeFilterSummary{font-size:13px;margin:6px 0}.catalog #catalogTitle{margin-bottom:10px}@media(max-width:600px){.compactCatalogControls{gap:8px}.compactCatalogControls button{font-size:13px;padding:8px}.catalogCompactFooter #resultCount{font-size:12px}.catalogCompactFooter #catalogToggle{max-width:145px;font-size:13px}} 
.compactCatalogControls .mobileFilterToggle{position:static!important;width:auto!important;flex:0 0 auto!important;margin:0!important;align-self:end}.compactCatalogControls .quickSearch{width:auto!important;flex:1 1 0!important;min-width:0!important}.compactCatalogControls .quickSearch label{min-width:0!important}.compactCatalogControls .quickSearch input{width:100%!important;min-width:0!important}

.budgetReason{font-size:14px;line-height:1.4;margin:8px 0 12px;padding-left:10px;border-left:3px solid #d3a316}

/* Readable form-factor pictures with a separate radio position. */
.questionViewport .formChoices{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.questionViewport .formChoice{display:flex;flex-direction:column;align-items:center;padding:34px 12px 12px;gap:10px}.questionViewport .formChoice input{position:absolute;top:10px;left:10px;transform:none;width:22px;height:22px;min-height:22px;margin:0}.questionViewport .formChoice img{width:145px;height:145px;max-width:100%;object-fit:contain}.questionViewport .formChoice strong{font-size:15px;line-height:1.3}.questionViewport .formChoice small{font-size:14px;line-height:1.4}.questionViewport .formUndecided{grid-column:1/-1;flex-direction:row;padding:12px 12px 12px 46px}.questionViewport .formUndecided input{top:16px}.questionViewport .formUndecided .formQuestion{display:none}.questionViewport .formUndecided small{margin-top:2px}.questionViewport:has(fieldset:not(.journeyHidden) .formChoices){max-height:none;height:auto}
@media(max-width:650px){.questionViewport .formChoices{grid-template-columns:1fr}.questionViewport .formChoice{display:grid;grid-template-columns:115px 1fr;align-items:center;padding:12px 12px 12px 42px;gap:10px}.questionViewport .formChoice img{width:115px;height:115px}.questionViewport .formChoice input{top:16px;left:10px}.questionViewport .formUndecided{display:block}.questionViewport .formChoice strong{font-size:14px}}

.depthChoice button[aria-pressed=true]{background:#20304c;color:white;border-color:#20304c}.noResultsHelp{padding:20px;background:white;border:1px solid #c4cbd6;border-radius:10px}.noResultsHelp a{display:inline-block;margin:10px;color:#20304c}

.modeBar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.modeBar button,.modeBar span{font-size:13px}.modeBar button{padding:6px 10px;min-height:36px}.insuranceSummary{display:block;width:100%;text-align:left;background:#20304c;color:white;padding:14px;border:0;margin-bottom:12px}.selectedNames{display:flex;gap:8px;max-width:540px}.selectedMini{display:flex;gap:5px;align-items:center;font-size:12px;background:white;border:1px solid #bcc7d4;border-radius:7px;padding:4px;max-width:170px}.selectedMini img{width:32px;height:32px;object-fit:contain}.selectedMini small,.selectedMini .productPlaceholder{display:none}.selectedMini>span{max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobileCompareTabs{display:none}.advisorKeyDifference{font-size:14px;line-height:1.4;background:#f1f4f8;padding:10px;border-radius:6px}body[data-mode=shop] .intro,body[data-mode=shop] .steps{display:none}body[data-mode=shop] .modeBar{border-bottom:1px solid #ccd4df;padding-bottom:10px}
@media(max-width:650px){.selectionActions{left:10px;right:10px;bottom:8px;gap:6px;background:#f3f4f6;padding:7px;border-radius:9px}.selectedNames{flex-basis:100%;max-width:100%;overflow:hidden}.selectedMini{flex:1;min-width:0}.selectedMini>span{max-width:75px}.selectionActions .selectionDock{font-size:14px;padding:9px}.selectionActions button{font-size:13px;padding:9px}.comparisonToolbar{flex-wrap:wrap}.mobileCompareTabs{display:flex;gap:6px;flex-basis:100%}.mobileCompareTabs button{flex:1;min-width:0;font-size:12px!important;line-height:1.35;padding:8px 5px;max-width:none!important;overflow-wrap:anywhere}.mobileCompareTabs button[aria-pressed=true]{background:#20304c;color:white}.comparisonVariant.mobileCompareInactive{display:none!important}}
@media print{.modeBar,.insuranceSummary,.selectedNames,.mobileCompareTabs{display:none!important}}
.requestDialog{width:min(650px,96vw);max-height:94dvh;border:0;border-radius:12px;padding:24px;color:#20304c}.requestDialog::backdrop{background:#10243dcc}.requestClose{float:right}.requestDialog h2{clear:both;padding-top:12px}#requestSelection{white-space:pre-line;background:#f1f4f8;padding:12px;border-radius:8px;margin:12px 0;font-size:14px}#contact>.primaryButton{margin-bottom:16px}.requestDialog .contactOptions{display:flex;flex-wrap:wrap}.requestDialog .contactOptions a{flex:1}@media(max-width:600px){.requestDialog{padding:16px}.requestDialog .demoContactFields{grid-template-columns:1fr}}

/* Standalone offer: prices first, readable daily benefits on the next print page. */
.offerDocument .printGrid,.printBenefitsGrid{display:grid;grid-template-columns:repeat(var(--print-columns,3),minmax(0,1fr));gap:12px}
.offerDocument article{min-width:0}.printDeviceFacts .compareFacts>div{display:flex;justify-content:space-between;gap:8px}.printDeviceFacts .compareFacts b{text-align:right}.printBenefitsGrid article{border:1px solid #ccd1d8;padding:12px;border-radius:8px}.printBenefitsGrid li{margin-bottom:12px}.printBenefitsGrid li small{display:block}.printBenefitsGrid .directComparison>small{display:block;margin:8px 0}.printBenefitsPage{margin-top:30px}
@media print{
 .printGrid article{display:flex!important;flex-direction:column;gap:6px}.printGrid article>*{grid-row:auto!important}.printGrid .printSummary{margin-top:auto}.printGrid .printDeviceFacts{font-size:9px;line-height:1.35}.printDeviceFacts .compareFacts>div{border-bottom:1px solid #ddd;padding:4px 0}.printGrid .printColor{font-size:9px}.printBenefitsPage{break-before:page;margin-top:0}.printBenefitsGrid{gap:10px}.printBenefitsGrid article{break-inside:avoid;padding:10px}.printBenefitsGrid h3{font-size:12px}.printBenefitsGrid .directComparison{font-size:10px;line-height:1.4}.printBenefitsGrid ul{padding-left:15px}.printBenefitsGrid li small,.printBenefitsGrid .directComparison>small{font-size:9px;line-height:1.35}.printBenefitsPage>p{font-size:10px}.printBenefitsGrid li{margin-bottom:10px}
}

.offerDocument footer .legal-links{display:none}@media print{footer .legal-links{display:none!important}}
/* One-page customer comparison: prices and three key everyday benefits. */
@media print{
.offerDocument .printBenefitsPage{break-before:auto;margin-top:10px}
.offerDocument .printBenefitsGrid article{padding:7px}
.offerDocument .printBenefitsGrid h3{font-size:10px;margin:0 0 5px}
.offerDocument .printBenefitsGrid li{margin-bottom:5px;font-size:10px;line-height:1.25}
.offerDocument .printBenefitsGrid li:nth-child(n+4){display:none}
.offerDocument .printBenefitsGrid li small{display:none}
.offerDocument .printBenefitsGrid .directComparison>small{font-size:8px;margin:4px 0}
.offerDocument .printBenefitsGrid .directComparison>strong{font-size:10px}
.offerDocument .printBenefitsPage>p{font-size:9px;margin:4px 0 7px}
.offerDocument h2{font-size:15px;margin:8px 0 5px}
.offerDocument .printGrid img{height:40px;object-fit:contain}
.offerDocument .printGrid article{padding:8px;gap:3px}
.offerDocument .printGrid :is(h2,h3){font-size:12px;margin:4px 0}
.offerDocument .printGrid p{margin:4px 0}
.offerDocument header{padding:0 0 5px}
.offerDocument main{padding:0}
.offerDocument footer{font-size:8px;margin-top:8px}
.offerDocument footer nav,.offerDocument footer>p{display:none}
}
@media print{.offerDocument .printBenefitsGrid .neutralComparison li small{display:block;font-size:9px;line-height:1.25;margin-top:2px}}
@media print{.offerDocument .costBreakdown,.offerDocument .comparisonDifference{display:none!important}.offerDocument .printBenefitsGrid ul{margin:5px 0}.offerDocument .printDeviceFacts .compatibilityNote{display:none}.offerDocument .printGrid .total{min-height:0;padding:8px}}
@media print{.offerDocument #printCompare>p{margin:4px 0;font-size:9px;line-height:1.25}.offerDocument #printPatient{font-size:9px;margin:3px 0}.offerDocument .printBenefitsGrid{gap:8px}.offerDocument .printBenefitsPage{margin-top:5px}.offerDocument .printBenefitsGrid article{padding:5px}.offerDocument .printGrid .comparisonClass{margin-bottom:2px}.offerDocument footer{line-height:1.15}}
/* Use the space saved by removing repeated price comparisons for readability. */
@media print{
.offerDocument .printGrid{gap:10px}
.offerDocument .printGrid :is(h2,h3){font-size:14px;line-height:1.25}
.offerDocument .printGrid .line,.offerDocument .printGrid>article>p{font-size:11px;line-height:1.35}
.offerDocument .printGrid .total strong{font-size:21px}
.offerDocument .printGrid .total{font-size:11px;line-height:1.3}
.offerDocument .printGrid .printDeviceFacts{font-size:10px;line-height:1.35}
.offerDocument .printBenefitsGrid li{font-size:11px;line-height:1.3}
.offerDocument .printBenefitsGrid .neutralComparison li small{font-size:10px;line-height:1.3}
.offerDocument .printBenefitsGrid h3{font-size:11px;line-height:1.3}
}

/* Full customer benefits remain visible on paper; no silent truncation. */
@media print {
 .offerDocument .printBenefitsGrid li:nth-child(n+4){display:list-item}
 .offerDocument .printBenefitsGrid li small{display:block;font-size:10px;line-height:1.3;margin-top:2px}
 .offerDocument .printBenefitsGrid .directComparison>small{font-size:10px;line-height:1.3}
 .offerDocument .printBenefitsGrid .directComparison>strong{font-size:12px}
 .offerDocument .printBenefitsGrid li{margin:0 0 6px}
 .offerDocument .printBenefitsGrid .directComparison>small:last-child{display:none}
 .offerDocument .printBenefitsGrid .familyBaseBenefits>small,
 .offerDocument .printBenefitsGrid .maxSharedBenefits>small{display:block}
}

@media(min-width:601px){
 .comparisonVariant>.variantSummary{margin-top:0;justify-content:flex-start}
}
@media print{
 .offerDocument .printGrid .line{margin:3px 0}
 .offerDocument .printDeviceFacts .compareFacts>div{padding:2px 0}
 .offerDocument .printBenefitsGrid .directComparison{padding:5px;border-left:0;background:none}
 .offerDocument .printBenefitsGrid li{font-size:12px;line-height:1.35;margin-bottom:7px}
 .offerDocument .printBenefitsGrid li b{font-weight:normal}
 .offerDocument .printBenefitsGrid .directComparison>strong{font-size:12px;line-height:1.3}
 .offerDocument .printBenefitsGrid article{padding:8px}
 .offerDocument .printBenefitsPage>h2{break-after:avoid}
}

@media print{.offerDocument .printBenefitsGrid li{font-size:11.5px;line-height:1.3;margin-bottom:5px}.offerDocument .printGrid img{height:34px}}
/* The actual subsidy is already itemised per device; the separate example
   with unselected earmolds belongs to the interactive insurance explanation. */
@media print{.offerDocument #printCompare>.payerBenefits{display:none}}

.inheritedBenefits{background:#eaf1f7;border-radius:6px;padding:9px;font-size:13px;line-height:1.4}.inheritedBenefits b{display:block;margin-bottom:3px}@media print{.offerDocument .inheritedBenefits{font-size:10px;padding:5px;margin:4px 0;line-height:1.25}}
/* Customer-led comparison: approved EON/MaX layout, shared by all families. */
.customerValue{border:1px solid #ccd4df;border-radius:9px;padding:16px;display:flex;flex-direction:column;gap:10px;height:100%;background:#fff}
.customerValue h3{font-size:22px;line-height:1.2;margin:0!important;min-height:2.4em}
.customerValue .valueScene{font-size:14px;min-height:3em;margin:0}
.customerValue h4{font-size:15px;margin:0 0 5px}.customerValue p{margin:0;font-size:15px;line-height:1.5}
.customerValue .valueIncluded{margin-top:auto;padding-top:10px;border-top:1px solid #ccd4df;font-size:12px;color:#31584c}
.customerValue .valueExtra{font-size:14px}.customerValue.premiumValue{border:2px solid #20304c;background:#edf3f9}
.comparisonUpgrade.valueScreen{display:flex;flex-direction:column;gap:14px}.valueScreen>.customerValue{flex:1}
.valueShared{background:#eff3f7;padding:10px 12px;border-radius:6px;font-size:12px;line-height:1.4;margin:8px 0}.valueShared p{margin:4px 0 0}
.valuePrintGrid{display:grid;grid-template-columns:repeat(var(--print-columns,3),minmax(0,1fr));gap:10px}.valuePrintGrid>article{display:flex;flex-direction:column;min-width:0}.valueDeviceLabel{font-size:11px;margin:0 0 5px;color:#465775}.valueTrial{font-size:11px;line-height:1.4}
@media print{
 .offerDocument .valuePrint{break-before:auto;margin-top:8px}
 .offerDocument .valuePrint>h2{font-size:18px;margin:10px 0 6px}
 .offerDocument .valueShared{font-size:10px;padding:7px 9px;margin:6px 0 8px}
 .offerDocument .valuePrintGrid{gap:9px}
 .offerDocument .valuePrintGrid>article{break-inside:avoid}
 .offerDocument .customerValue{padding:9px;gap:7px;border-radius:7px}
 .offerDocument .customerValue h3{font-size:17px;line-height:1.2}
 .offerDocument .customerValue .valueScene{font-size:10px;line-height:1.35;min-height:2.7em}
 .offerDocument .customerValue h4{font-size:11px;margin:0 0 4px}
 .offerDocument .customerValue p{font-size:11px;line-height:1.35}
 .offerDocument .customerValue .valueIncluded{font-size:9px;padding-top:7px}
 .offerDocument .valueTrial{font-size:9px;margin:7px 0}
 .offerDocument .printGrid img{height:38px}
 .offerDocument .printGrid .line{margin:2px 0}
 .offerDocument .printGrid .total{padding:6px}
}
@media(min-width:701px){.valueScreen .customerValue section:first-of-type{min-height:140px}.valueScreen .customerValue section:nth-of-type(2){min-height:140px}}
@media print{.offerDocument .customerValue section:first-of-type{min-height:68px}.offerDocument .customerValue section:nth-of-type(2){min-height:68px}}

/* Guided advice: readable choices without nested scrolling. */
@media screen {
#adviceMount{max-width:1100px;margin-inline:auto}
#advisor{background:white;border:1px solid #d6dfe8;border-radius:18px;padding:24px}
#advisor .questionViewport{height:auto;max-height:none;min-height:280px;overflow:visible;padding:12px 0;scrollbar-gutter:auto}
#advisor .questionViewport fieldset{border:0;padding:8px 0}
#advisor .questionViewport legend{font-size:clamp(22px,2.4vw,29px);line-height:1.3;font-weight:700;display:flex;align-items:center;gap:14px;margin-bottom:18px;width:100%}
.questionIcon{width:38px;height:38px;flex:0 0 38px;color:#315a70}
#advisor .questionWhy{padding:13px 16px;background:#f0f5f7;border-radius:10px;font-size:16px;line-height:1.5;margin:20px 0 4px;color:#34445b}
#advisor .questionWhy strong{font-weight:650}
#advisor .answerGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#advisor .answerGrid label,#advisor .frequencyChoices label,#advisor .priorityRow{border:1px solid #aebdcc;border-radius:12px;padding:16px;font-size:18px;line-height:1.4;cursor:pointer;min-height:62px;box-sizing:border-box}
#advisor label:has(input:focus-visible){outline:3px solid #bf7b1c;outline-offset:3px}
#advisor .answerGrid label:has(input:checked),#advisor .priorityRow:has(input:checked),#advisor .simpleBudgetChoices label:has(input:checked){background:#eaf2f6;border:2px solid #244b65;color:#192f45}
#advisor input[type=radio],#advisor input[type=checkbox]{width:23px;height:23px;min-width:23px;min-height:23px;accent-color:#244b65;flex-shrink:0}
#advisor .frequencyChoices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#advisor .situationFrequency{display:block;border:0}
#advisor .situationExample{font-size:18px;line-height:1.5;margin:0 0 18px}
#advisor .frequencyChoices label{display:flex;align-items:center;gap:10px}
#advisor .journeyTop{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #d6dfe8;position:static}
#advisor .journeyProgress{font-size:16px}
#advisor .journeyTop progress{display:block;width:100px}
#advisor .journeyTop button{font-size:14px;color:#47596c;background:white;border:0;text-decoration:underline}
#advisor .journeyNav{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid #d6dfe8;padding-top:18px;margin-top:18px}
#advisor .journeyNav button{font-size:17px;min-height:50px;padding:12px 20px;flex:0 1 auto}
#advisor #journeyNext,#advisor .journeyNav [type=submit]{margin-left:auto;background:#20304c;color:white}
#advisor #journeySkip{font-size:15px;background:white;border:0;text-decoration:underline;color:#4b5d70}
#advisor .simpleBudgetChoices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#advisor .simpleBudgetChoices label{display:flex;align-items:flex-start;gap:12px;border:1px solid #aebdcc;border-radius:12px;padding:18px;cursor:pointer;background:white}
#advisor .simpleBudgetChoices strong{display:block;font-size:24px;margin-bottom:5px}
#advisor .simpleBudgetChoices small{display:block;font-size:16px;line-height:1.4;color:#45556a}
#advisor .budgetOtherChoices{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px}
#advisor .budgetOtherChoices label{display:flex;align-items:center;gap:10px;min-height:48px;font-size:16px}
#advisor #simpleBudgetIntro,#advisor #budgetStatus{font-size:17px;line-height:1.5}
#advisor .questionViewport .formChoices{grid-template-columns:repeat(3,minmax(0,1fr))}
#advisor .depthChoice{padding:0 0 8px;gap:10px}
#advisor .depthChoice small{display:block;font-size:15px;line-height:1.45}
.compatibilityNotice,.estimateNotice,.budgetFitNote{background:#f1f6fa;border-left:4px solid #315a70;border-radius:8px;padding:16px;font-size:16px;line-height:1.5;margin:16px 0}
.compatibilityNotice p{margin:8px 0}.compatibilityNotice strong{font-size:19px}
#advisorResults .advisorReasons{font-size:17px;line-height:1.5;padding-left:23px}
#advisorResults .advisorReasons li{margin-bottom:12px}
#advisorResults .advisorCard{display:flex;flex-direction:column}
#advisorResults .advisorPrice{margin-top:auto}
#advisorResults .advisorCard h3{font-size:23px}
@media(max-width:650px){
#advisor{padding:16px;border-radius:12px}
#advisor .questionViewport{min-height:0}
#advisor .answerGrid,#advisor .simpleBudgetChoices{grid-template-columns:1fr}
#advisor .frequencyChoices{grid-template-columns:repeat(2,minmax(0,1fr))}
#advisor .questionViewport .formChoices{grid-template-columns:1fr}
#advisor .journeyNav button{padding:10px 12px;font-size:16px}
#advisor .journeyTop button{margin-left:0}
#advisor .journeyTop progress{flex:1}
#advisor .budgetOtherChoices{display:grid;gap:8px}
.questionIcon{width:30px;height:30px;flex-basis:30px}
}
}
@media screen{
#advisor .budgetOtherChoices label{flex-direction:row;text-align:left;justify-content:flex-start}
#advisor .budgetOtherChoices label[hidden]{display:none!important}
#advisor .simpleBudgetChoices label{flex-direction:row;text-align:left}
#advisor #budgetInsurance{font-size:16px;min-height:48px}
.privateEstimateBanner{padding:12px 16px;background:#f0f5f8;border:1px solid #bacbd8;border-radius:8px;font-size:15px;line-height:1.45;margin:10px 0}
}
@media print{.privateEstimateBanner{display:none}}
/* Calmer entry and a natural optional continuation after the short questionnaire. */
@media screen {
body[data-view=beratung] #insuranceStart{background:#f1f5f7;color:#20304c;border:1px solid #d3dfe7;border-radius:14px}
body[data-view=beratung] #insuranceStart label,body[data-view=beratung] #insuranceStart p,body[data-view=beratung] #insuranceStart summary,body[data-view=beratung] #insuranceStart .small,body[data-view=beratung] #insuranceStart a{color:#20304c}
body[data-view=beratung] #insuranceStart details{border-color:#bdcbd8}
body[data-view=beratung] #insuranceStart button{background:white;color:#20304c;border:1px solid #a7b7c6}
body[data-view=beratung] #insuranceStart #guideContinue{background:#20304c;color:white;border-color:#20304c}
body[data-view=beratung] #insuranceStart input,body[data-view=beratung] #insuranceStart select{background:white;color:#20304c}
#advisor .questionViewport .formUndecided{grid-column:auto;flex-direction:column;padding:34px 12px 12px;justify-content:center}
#advisor .questionViewport .formUndecided .formQuestion{display:flex;width:100px;height:100px;font-size:48px}
#advisor .extraInvitation{margin:18px 0 0;padding:20px;background:#f0f5f7;border:1px solid #cad9e1;border-radius:12px;color:#20304c}
#advisor .extraInvitation strong{font-size:21px;line-height:1.35}
#advisor .extraInvitation p{font-size:17px;line-height:1.5;margin:10px 0 14px}
#advisor .extraInvitation button{background:white;color:#20304c;border:2px solid #315a70;min-height:50px;font-size:17px;font-weight:600}
#advisor .extraInvitation small{display:block;font-size:15px;margin-top:12px}
#advisor .returnCore{background:white;color:#39536a;border:0;text-decoration:underline;text-align:left;align-self:flex-start;font-size:16px;margin:8px 0}
#advisor .extraInvitation[hidden],#advisor .returnCore[hidden]{display:none!important}
@media(max-width:650px){#advisor .questionViewport .formUndecided{display:flex;flex-direction:row;gap:16px;padding:18px 12px 18px 45px}#advisor .questionViewport .formUndecided .formQuestion{width:60px;height:60px;font-size:32px;flex-shrink:0}#advisor .extraInvitation{padding:16px}#advisor .extraInvitation button{width:100%}}
}
@media screen{body[data-view=beratung] #insuranceStart #guideDirect,body[data-view=beratung] #insuranceStart #guideUnknown{background:#fff!important;color:#20304c!important;border:1px solid #a7b7c6!important}body[data-view=beratung] #insuranceStart #guideContinue{background:#20304c!important;color:#fff!important}}
@media screen{
#insuranceStart label.fieldAnswered>select,#insuranceStart label.fieldAnswered>input{border:2px solid #397657;background:#f6fbf7}
#insuranceStart .answeredBadge{display:block;color:#286344;font-size:13px;font-weight:600;margin-top:4px;min-height:0}
#insuranceStart .answeredBadge[hidden],#insuranceStart>label[hidden],#insuranceStart .insuranceDetails[hidden],#insuranceStart .payerExplanation[hidden]{display:none!important}
}
@media screen{
#advisor .budgetRecommend{display:block;width:100%;margin:18px 0 14px;padding:16px 22px;min-height:56px;background:#20304c;color:white;border:2px solid #20304c;border-radius:10px;font-size:20px;font-weight:700;line-height:1.35}
#advisor .budgetRecommend:hover{background:#344c74}
#advisor .budgetRecommend:focus-visible{outline:3px solid #bf7b1c;outline-offset:3px}
#advisor .extraInvitation{background:white;border:1px solid #d3dde5;padding:16px;margin-top:18px}
#advisor .extraInvitation strong{font-size:18px}
#advisor .extraInvitation p{font-size:16px;margin:8px 0 12px}
#advisor .simpleBudgetNav{border-top:0;margin-top:4px;padding-top:4px}
}
@media screen{
#advisor .extraInvitation{border:0;padding:0;margin:0 0 14px;background:transparent}
#advisor .extraInvitation #continueExtraQuestions{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:14px 18px;border:1px solid #78a69b;background:#edf7f3;color:#234c43;text-align:left;border-radius:10px}
#advisor .extraInvitation #continueExtraQuestions:hover{background:#deeee7}
#advisor .extraInvitation strong{display:block;font-size:17px;line-height:1.35}
#advisor .extraInvitation small{font-size:15px;margin:4px 0 0;font-weight:400}
#advisor .extraInvitation button>span:first-child{font-size:27px}
#advisor #budgetStatus{font-size:15px;line-height:1.45;color:#48566b;margin:10px 0}
#insuranceStart .guideActions{margin:12px 0 8px;gap:10px}
#insuranceStart .insuranceDetails,#insuranceStart .payerExplanation{background:#fff;border:1px solid #d3dfe7;border-radius:9px;padding:0 12px}
#insuranceStart .insuranceDetails summary,#insuranceStart .payerExplanation summary{font-size:15px;min-height:44px}
#insuranceStart #guideContinue{padding:14px 20px;font-size:17px}
#insuranceStart #guideDirect{font-size:15px}
#advisor .simpleBudgetChoices label:has(input:checked){background:#e8f4ee;border-color:#397657}
#advisor .questionIcon{color:#347769}
.guidedSteps small{overflow-wrap:normal;word-break:normal}
@media(max-width:650px){#insuranceStart .guideActions{flex-direction:column}#insuranceStart .guideActions button{flex:0 0 auto;width:100%}.guidedSteps small{font-size:11px}}
}

/* A single question at the start, with a quiet progress cue. */
.guidedSteps[hidden],.guideStartProgress[hidden]{display:none!important}.guideStartProgress{font-size:15px;font-weight:600;color:#526076;margin:12px 0 8px}body[data-view="preise"] .guideStartProgress{display:none}

/* Insurance disclosures must remain readable in both views. */
#insuranceStart .insuranceDetails,#insuranceStart .payerExplanation,
#insuranceStart .insuranceDetails summary,#insuranceStart .payerExplanation summary{color:#20304c}
body[data-view="preise"] #insuranceStart .answeredBadge{color:#bce8ca}

/* Quiet shared insurance panel; clear completion in the catalogue. */
body[data-view="preise"] #insuranceStart{background:#f1f5f7;color:#20304c;border:1px solid #d3dfe7;border-radius:14px}
body[data-view="preise"] #insuranceStart label,body[data-view="preise"] #insuranceStart p,body[data-view="preise"] #insuranceStart .small,body[data-view="preise"] #insuranceStart a{color:#20304c}
body[data-view="preise"] #insuranceStart .answeredBadge{color:#286344}
#insuranceDoneButton{background:#20304c;color:#fff;border:1px solid #20304c;min-height:44px;padding:12px 18px}
body[data-view="beratung"] #insuranceDoneButton{display:none!important}

#quickEarsLabel{display:block;margin-top:10px}#quickEarsLabel[hidden],#quickPriceStatus[hidden]{display:none!important}#quickPriceStatus{display:block;margin:8px 0;color:#20304c;font-size:14px;line-height:1.45}#quickEars{margin-top:4px}

.quickDeviceCount{border:0;padding:0;margin:10px 0 4px;display:flex;gap:8px;flex-wrap:wrap}.quickDeviceCount legend{font-size:14px;margin-bottom:5px;color:#20304c}.quickRow .quickDeviceCount button{border:1px solid #a7b7c6;border-radius:7px;padding:8px 14px;min-height:44px;background:#fff;text-decoration:none;text-align:center;font-weight:600}.quickRow .quickDeviceCount button[aria-pressed="true"]{background:#20304c;color:#fff;border-color:#20304c}.quickInsuranceFields>select{margin-top:5px}.quickDeviceCount button:focus-visible{outline:3px solid #bf8718;outline-offset:2px}

#insuranceStart>label{min-width:240px;flex:1 1 240px}
#insuranceStart .insuranceFieldTitle{min-height:3em;display:flex;align-items:flex-end}
#insuranceStart>label>select,#insuranceStart>label>input{width:100%;height:46px;flex-shrink:0}
#insuranceStart>label>.answeredBadge{min-height:20px;margin-top:0}
#insuranceStart>label>.answeredBadge[hidden]{display:block!important;visibility:hidden}
@media(max-width:600px){#insuranceStart>label{flex-basis:100%;min-width:0}#insuranceStart .insuranceFieldTitle{min-height:0}}

/* One compact header; comparison and printing stay with the selected devices. */
@media screen{.siteReturn{display:none!important}header .compareJump,header .advisorJump,header>button[data-print]{display:none!important}header{display:flex;align-items:center;justify-content:flex-start;gap:16px;padding:8px 4%}header .contactJump{margin-left:auto;font-size:15px;min-height:44px;display:flex;align-items:center}header .staffEntry{margin-left:0;font-size:13px;padding:6px 10px;min-height:40px}header .site-wordmark img{height:44px}header .site-wordmark{width:104px}header .site-wordmark img{width:104px}}
@media screen and (max-width:450px){header{gap:8px;padding:8px 16px;flex-wrap:wrap}header .contactJump{font-size:14px}header .staffEntry{font-size:12px;padding:6px}header .site-wordmark,header .site-wordmark img{width:82px}}

.offerDocument .printTitle{font-size:20px;line-height:1.3;margin:8px 0 4px}