/* Interaction and component refinements modelled on the reference comparison flow. */
.nav-cta{border:0;font:inherit;cursor:pointer}.button{border:0;cursor:pointer;font-family:inherit}.diagnosis-prompt{display:flex;align-items:center;justify-content:space-between;gap:50px}.diagnosis-prompt h2{margin:0;color:#18212f;font-size:clamp(30px,3.7vw,44px);letter-spacing:-.055em;line-height:1.3}.diagnosis-prompt p:not(.eyebrow){max-width:550px;color:#566273;font-size:15px}.diagnosis-prompt-action{display:grid;justify-items:start;gap:13px;min-width:300px}.diagnosis-prompt-action small{color:#566273;font-size:11px}.diagnosis-benefits{display:flex;flex-wrap:wrap;gap:7px}.diagnosis-benefits span{padding:4px 8px;border:1px solid #f1c8c2;border-radius:999px;background:#fff;color:#566273;font-size:11px;font-weight:700}.diagnosis-benefits span:before{content:"✓";color:#d93a2b;margin-right:4px}.diagnosis-dialog{width:min(calc(100% - 32px),820px);max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:14px;background:#fff;color:#18212f;box-shadow:0 24px 80px rgba(24,33,47,.28);overflow:hidden}.diagnosis-dialog::backdrop{background:rgba(24,33,47,.58)}.diagnosis-wrap{max-height:calc(100dvh - 32px);overflow:auto;padding:25px}.diagnosis-modal-head{display:flex;justify-content:space-between;align-items:center;padding:0 28px 18px}.diagnosis-modal-head p{margin:0;font-size:16px;font-weight:800}.diagnosis-modal-head span{color:#566273;font-size:11px}.dialog-close{position:absolute;right:13px;top:12px;z-index:2;width:34px;height:34px;border:1px solid #dce3ea;border-radius:50%;background:#fff;color:#566273;font-size:22px;line-height:1;cursor:pointer}.dialog-close:hover{background:#f1f4f7}.diagnosis-dialog .quiz-card{border:1px solid #dce3ea;border-radius:12px}.diagnosis-dialog .question-kicker{color:#d93a2b}.diagnosis-dialog .choice.selected,.diagnosis-dialog .choice:focus{background:#fff2f0;border-color:#d93a2b}.diagnosis-dialog .choice.selected:after{background:#d93a2b;border-color:#d93a2b}.floating-diagnosis{position:fixed;z-index:30;left:50%;bottom:18px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:17px;width:min(calc(100% - 32px),720px);padding:12px 12px 12px 18px;border:1px solid #dce3ea;border-radius:14px;background:rgba(255,255,255,.97);box-shadow:0 16px 44px rgba(24,33,47,.16);transform:translate(-50%,140%);opacity:0;pointer-events:none;transition:transform .25s ease,opacity .2s ease}.floating-diagnosis.is-visible{transform:translate(-50%,0);opacity:1;pointer-events:auto}.floating-diagnosis strong,.floating-diagnosis span{display:block}.floating-diagnosis strong{font-size:13px}.floating-diagnosis span{font-size:11px;color:#566273}.floating-diagnosis .button{padding:10px 14px;white-space:nowrap}.floating-close{width:30px;height:30px;border:0;border-radius:6px;background:transparent;color:#566273;font-size:20px;cursor:pointer}.floating-close:hover{background:#f1f4f7}.product-card{display:flex;flex-direction:column;padding:25px!important;border-radius:12px!important;transition:border-color .16s ease,box-shadow .16s ease}.product-card:hover{border-color:#bfcad4!important;box-shadow:0 9px 25px rgba(24,33,47,.06)}.product-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.product-tag,.product-record{padding:4px 7px;border-radius:999px;font-size:10px!important;font-weight:700}.product-tag{background:#fff2f0;color:#b72e22!important}.product-record{color:#566273;background:#f1f4f7}.product-card h3{font-size:23px!important}.product-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 0;padding:12px 0;border-top:1px solid #dce3ea;border-bottom:1px solid #dce3ea}.product-facts div{min-width:0}.product-facts dt{font-size:10px;color:#566273;font-weight:700}.product-facts dd{margin:3px 0 0;font-size:11px;line-height:1.5}.fit-columns{margin-top:18px!important}.product-card-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:19px}.product-compare,.product-link{margin:0!important;padding:7px 0;font-size:12px!important;font-weight:800}.product-compare{color:#2f6b82}.table-scroll{border-radius:12px!important;scrollbar-color:#bfcad4 transparent}.table-scroll table{min-width:1160px}.table-scroll th:first-child,.table-scroll td:first-child{position:sticky;left:0;z-index:2;background:#fff;box-shadow:1px 0 0 #dce3ea}.table-scroll thead th:first-child{z-index:4;background:#f1f4f7}.table-scroll .group-row th{position:static;background:#17324d}.table-scroll thead th{position:sticky;top:0;z-index:3;background:#f1f4f7}.table-scroll td{min-width:185px}.table-scroll th:first-child{min-width:185px}.table-scroll small{font-weight:400;color:#566273;font-size:10px}.filter-bar{padding:11px;border:1px solid #dce3ea;border-radius:12px;background:#fff}.filter{border-radius:8px!important}.filter.active{background:#d93a2b!important;border-color:#d93a2b!important}@media(max-width:760px){.diagnosis-prompt{display:grid;gap:22px}.diagnosis-prompt-action{min-width:0}.diagnosis-dialog{width:100%;max-height:100dvh;border-radius:0}.diagnosis-wrap{max-height:100dvh;padding:55px 12px 12px}.diagnosis-modal-head{padding:0 12px 14px}.floating-diagnosis{bottom:10px;grid-template-columns:1fr auto;gap:8px;width:calc(100% - 20px);padding:9px 9px 9px 13px}.floating-diagnosis span,.floating-close{display:none}.floating-diagnosis .button{font-size:12px;padding:9px 11px}.product-facts{grid-template-columns:1fr}.product-card-actions{padding-top:14px}.table-scroll th:first-child,.table-scroll td:first-child{min-width:145px}.table-scroll td{min-width:160px}}
