/* SellMacBook V10.9 — quote wizard visual refresh. Presentation only. */
#wizardBackdrop.modal-backdrop {
  background:rgba(15,25,55,.68);
  backdrop-filter:blur(9px);
  -webkit-backdrop-filter:blur(9px);
}
#wizardBackdrop .wizard {
  width:min(760px,100%);
  border:1px solid rgba(255,255,255,.8);
  border-radius:26px;
  background:#fff;
  box-shadow:0 36px 90px rgba(18,32,78,.27),0 8px 28px rgba(39,64,116,.1);
}
#wizardBackdrop .wizard-top {
  background:linear-gradient(105deg,#f0eeff 0%,#eaf5ff 52%,#e9fbf4 100%);
  border-bottom:1px solid #dae8f5;
}
#wizardBackdrop .wizard-brand-icon {
  background:linear-gradient(135deg,#5c50df,#008ec5 68%,#00bfa6);
  color:white;
  box-shadow:0 7px 18px rgba(0,142,197,.22);
}
#wizardBackdrop .wizard-brand strong {color:#142448;font-size:15px}
#wizardBackdrop .wizard-brand small {color:#5a7190}
#wizardBackdrop .icon-button {background:#ffffffcf;border:1px solid #dae6f2;color:#3b4d6a}
#wizardBackdrop .icon-button:hover {background:#ffe7eb;color:#b42345;border-color:#ffc5d1}
#wizardBackdrop .wizard-progress {padding:17px 28px 5px;background:#fff}
#wizardBackdrop .wizard-progress-track {height:7px;background:#e9eff9}
#wizardBackdrop .wizard-progress-fill {background:linear-gradient(90deg,#6351e9,#238ee8 55%,#00b99b);border-radius:99px}
#wizardBackdrop .wizard-progress-caption {color:#526683;font-size:11px}
#wizardBackdrop .wizard-body {background:linear-gradient(180deg,#fff 0%,#fbfcff 100%)}
#wizardBackdrop .wizard-title {font-family:Manrope,'DM Sans',sans-serif;color:#152547;font-weight:800;font-size:clamp(23px,2.7vw,29px);letter-spacing:-.9px}
#wizardBackdrop .wizard-description {color:#62748d;font-size:13px;line-height:1.65}
#wizardBackdrop .model-grid {gap:11px}
#wizardBackdrop .model-grid .model-choice {
  position:relative;
  border:1px solid #dbe5f7;
  border-radius:15px;
  background:linear-gradient(135deg,#f2edff,#faf7ff);
  padding:15px 16px;
  min-height:84px;
  box-shadow:0 4px 13px rgba(64,67,132,.045);
  transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;
}
#wizardBackdrop .model-grid .model-choice:nth-child(5n + 2) {background:linear-gradient(135deg,#e5f3ff,#f5fbff);border-color:#cbe3ff}
#wizardBackdrop .model-grid .model-choice:nth-child(5n + 3) {background:linear-gradient(135deg,#e3fbf1,#f3fff9);border-color:#bfeeda}
#wizardBackdrop .model-grid .model-choice:nth-child(5n + 4) {background:linear-gradient(135deg,#fff0e6,#fff9f2);border-color:#ffdfcd}
#wizardBackdrop .model-grid .model-choice:nth-child(5n + 5) {background:linear-gradient(135deg,#ffeaf2,#fff7fb);border-color:#fbd5e6}
#wizardBackdrop .model-grid .model-choice::after {content:'↗';position:absolute;right:13px;top:12px;color:#7580b8;font-size:15px;font-weight:800;opacity:.8}
#wizardBackdrop .model-grid .model-choice strong {color:#1d3152;font-size:12px;line-height:1.45;padding-right:20px}
#wizardBackdrop .model-grid .model-choice small {color:#667d9a;font-size:11px;margin-top:6px}
#wizardBackdrop .model-grid .model-choice:hover {transform:translateY(-2px);border-color:#5e7fe8;box-shadow:0 10px 20px rgba(59,90,167,.11)}
#wizardBackdrop .model-grid .model-choice.selected,
#wizardBackdrop .model-grid .model-choice[aria-pressed="true"] {
  border:2px solid #3f65de;
  padding:14px 15px;
  background:linear-gradient(120deg,#eaeaff,#e3f8ff 65%,#e7f9f2);
  box-shadow:0 0 0 3px #4b77e51a,0 8px 22px rgba(63,101,222,.11)
}
#wizardBackdrop .model-grid .model-choice.selected::after {content:'✓';color:#098d78}
#wizardBackdrop .wizard-bottom {padding:15px 28px;background:#f8fbff;border-top:1px solid #dfe9f4;gap:12px}
#wizardBackdrop .wizard-bottom .btn-outline {background:white;border-color:#d4e0f2;color:#344e72;border-radius:12px}
#wizardBackdrop .wizard-bottom .btn-dark {background:linear-gradient(110deg,#3e51d9,#007fc4 72%,#009eaa);color:white;border-radius:12px;box-shadow:0 8px 17px #2669be30}
#wizardBackdrop .wizard-bottom .btn-dark:hover {box-shadow:0 11px 23px #2669be43}
#wizardBackdrop .wizard-bottom .btn-dark:disabled {opacity:.5;box-shadow:none;cursor:not-allowed}
/* Apply the same palette gently to the other wizard steps. */
#wizardBackdrop .choice-grid .choice {border-radius:15px;background:linear-gradient(135deg,#f0edff,#f9faff)}
#wizardBackdrop .choice-grid .choice:nth-child(3n + 2) {background:linear-gradient(135deg,#e5f3ff,#f8fcff)}
#wizardBackdrop .choice-grid .choice:nth-child(3n + 3) {background:linear-gradient(135deg,#e7fbf1,#fafffc)}
#wizardBackdrop .choice-grid .choice.selected {border-color:#4269d9;background:#e9f2ff}
#wizardBackdrop .condition-row {background:#f9fbff;border-color:#e0e9f3}
#wizardBackdrop .notice {border-radius:12px}
@media (max-width:600px) {
  #wizardBackdrop.modal-backdrop {padding:10px}
  #wizardBackdrop .wizard {width:100%;max-height:calc(100dvh - 20px);height:min(760px,calc(100dvh - 20px));border-radius:21px}
  #wizardBackdrop .wizard-top {padding:14px 16px}
  #wizardBackdrop .wizard-progress {padding:13px 16px 4px}
  #wizardBackdrop .wizard-body {padding:18px 15px 22px}
  #wizardBackdrop .model-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  #wizardBackdrop .model-grid .model-choice {min-height:90px;padding:11px 10px;border-radius:12px}
  #wizardBackdrop .model-grid .model-choice.selected {padding:10px 9px}
  #wizardBackdrop .model-grid .model-choice strong {font-size:11px;line-height:1.35;padding-right:10px;overflow-wrap:anywhere}
  #wizardBackdrop .model-grid .model-choice small {font-size:10px}
  #wizardBackdrop .model-grid .model-choice::after {right:7px;top:6px;font-size:12px}
  #wizardBackdrop .wizard-bottom {padding:12px 15px;padding-bottom:max(12px,env(safe-area-inset-bottom))}
}
@media (prefers-reduced-motion:reduce) {#wizardBackdrop .model-grid .model-choice {transition:none}}