/* Shared device entry screen. Existing feature/condition field defaults are unchanged. */
/* Start with the choice itself; device-specific preparation appears with the next step. */
.km-form-panel:has(#deviceForm .kb-wizard-panel[data-panel="1"].active) .kb-sales-form-intro { display:none; }
.km-form-panel:has(#deviceForm[data-kb-alternate-device="true"]) .kb-sales-form-intro,
.km-form-panel:has(#deviceForm[data-kb-contact-mode]) .kb-sales-form-intro { display:none; }
body #deviceForm .kb-picker-selection[hidden],
body #deviceForm .kb-picker-contact[hidden],
body #deviceForm .kb-wizard-nav[hidden] { display:none!important; }
body #deviceForm .kb-picker-selection { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; padding:12px 0 18px; border-bottom:1px solid #dedfda; margin-bottom:16px; color:#303638; font-size:15px; }
body #deviceForm [data-kb-change-device] { font:inherit; font-weight:700; color:#234e63; background:#edf2f3; border:1px solid #a9bec7; border-radius:8px; padding:10px 14px; min-height:44px; cursor:pointer; }
body #deviceForm [data-kb-change-device]:focus-visible,
body #deviceForm .kb-cat-card:focus-visible { outline:3px solid #234e63!important; outline-offset:3px; }
body #deviceForm .kb-cat-choice-area { display:block!important; }
body #deviceForm .kb-cat-cards:not(.kb-cat-cards--single) { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; }
body #deviceForm .kb-cat-card--featured { grid-column:1 / -1!important; }
body.kui-site.kb-refined[data-kui-family] #deviceForm .kb-cat-card,
body #deviceForm .kb-cat-card { min-height:104px; min-width:0; border:1px solid #cbd0ce!important; border-radius:10px!important; padding:10px 8px!important; background:#f5f5f3!important; color:#303638!important; gap:5px!important; cursor:pointer; }
body.kui-site.kb-refined[data-kui-family] #deviceForm .kb-cat-card:hover,
body #deviceForm .kb-cat-card:hover,
body.kui-site.kb-refined[data-kui-family] #deviceForm .kb-cat-card[aria-pressed="true"],
body #deviceForm .kb-cat-card[aria-pressed="true"] { border-color:#234e63!important; background:#edf2f3!important; color:#234e63!important; }
body #deviceForm .kb-cat-card .km-picture { display:block; width:102px; max-width:100%; height:64px; aspect-ratio:auto; margin:0; mix-blend-mode:multiply; }
body #deviceForm .kb-cat-card .km-picture img { width:100%; height:100%; object-fit:contain!important; }
body.kui-site.kb-refined[data-kui-family] #deviceForm .kb-cat-card>span,
body #deviceForm .kb-cat-card>span { font-size:14px!important; line-height:1.3!important; font-weight:600; overflow-wrap:normal; }
body #deviceForm .kb-picker-contact { color:#303638; padding:10px 0; }
body #deviceForm .kb-picker-contact h3 { margin:0 0 16px; font-size:24px; line-height:1.25; color:#24282a; }
body #deviceForm .kb-picker-contact p { margin:12px 0 20px; line-height:1.65; }
body #deviceForm .kb-picker-contact .km-button { background:#234e63!important; color:#fff!important; display:inline-flex; gap:12px; align-items:center; justify-content:center; min-height:48px; padding:14px 20px; border-radius:8px; text-decoration:none; }
body #deviceForm[data-kb-contact-mode] .kb-wizard-steps,
body #deviceForm[data-kb-contact-mode] .kb-wizard-panels { display:none!important; }
.kb-programmatic-picker { max-width:850px; margin:24px auto; }
@media (max-width:430px) {
  body.kui-site.kb-refined[data-kui-family] #deviceForm .kb-cat-card,
  body #deviceForm .kb-cat-card { min-height:94px; padding:8px 5px!important; }
  body #deviceForm .kb-cat-card .km-picture { width:84px; height:54px; }
  body.kui-site.kb-refined[data-kui-family] #deviceForm .kb-cat-card>span,
  body #deviceForm .kb-cat-card>span { font-size:13px!important; }
}