/* SellMacBook V10.32 — configuration card redesign (desktop + mobile). */
#wizardBackdrop.smb-config-mode .wizard-body{
  background:linear-gradient(145deg,#fcfdff 0%,#f7faff 55%,#fff9f6 100%);
}
#wizardBackdrop.smb-config-mode .smb-config-head{padding:0 0 12px}
#wizardBackdrop.smb-config-mode .smb-config-kicker{
  display:inline-flex;align-items:center;gap:6px;letter-spacing:.14em;
  color:#6151cd;font-size:10px;font-weight:850;
}
#wizardBackdrop.smb-config-mode .smb-config-head .wizard-title{
  margin:5px 0 4px;color:#17244a;line-height:1.24;
}
#wizardBackdrop.smb-config-mode .smb-config-head .wizard-description{
  margin:0;color:#6d7d9a;font-size:12px;
}
#wizardBackdrop.smb-config-mode .smb-config-fields{display:grid;gap:16px}
#wizardBackdrop.smb-config-mode .smb-config-field{
  padding:13px;border:1px solid #e0e8f6;border-radius:19px;
  background:rgba(255,255,255,.94);
  box-shadow:0 6px 18px rgba(36,64,114,.045);
}
#wizardBackdrop.smb-config-mode .smb-config-field h3{
  display:flex;align-items:center;gap:9px;margin:0 0 10px;
  color:#1c3157;font-size:13px;font-weight:850;
}
#wizardBackdrop.smb-config-mode .smb-config-field h3::before{
  content:'▦';display:grid;place-items:center;width:28px;height:28px;
  flex:0 0 28px;border-radius:10px;background:#eee8ff;color:#7252d4;font-size:16px;
}
#wizardBackdrop.smb-config-mode .smb-config-field:nth-child(2) h3::before{
  content:'▤';background:#dff6f4;color:#078f99;
}
#wizardBackdrop.smb-config-mode .smb-config-options{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;
}
#wizardBackdrop.smb-config-mode .smb-config-option{
  position:relative;display:flex;align-items:center;justify-content:space-between;
  text-align:left;isolation:isolate;overflow:hidden;
  min-height:56px;padding:12px 11px;border:1.5px solid #ded7fc;
  border-radius:14px;background:linear-gradient(125deg,#f3edff,#fbf9ff);
  font-family:inherit;font-size:14px;line-height:1.2;font-weight:800;
  color:#283659;box-shadow:0 3px 9px rgba(53,67,138,.035);
  transition:background .2s,border-color .2s,box-shadow .2s,transform .2s;
}
#wizardBackdrop.smb-config-mode .smb-config-option:nth-child(4n + 2){background:linear-gradient(125deg,#e6f3ff,#f8fcff);border-color:#b9dfff}
#wizardBackdrop.smb-config-mode .smb-config-option:nth-child(4n + 3){background:linear-gradient(125deg,#e1faef,#f8fffc);border-color:#afeed5}
#wizardBackdrop.smb-config-mode .smb-config-option:nth-child(4n + 4){background:linear-gradient(125deg,#ffede2,#fffbf6);border-color:#fbd2bc}
/* A visible, animated selection indicator — never an empty white dot. */
#wizardBackdrop.smb-config-mode .smb-config-option span{
  display:grid;place-items:center;position:relative;flex:0 0 27px;
  width:27px;height:27px;margin-left:7px;border-radius:50%;
  background:rgba(255,255,255,.85);border:1px solid rgba(109,119,182,.18);
  color:#6559da;font-size:17px;font-weight:900;
  animation:smb-spec-indicator-breathe 2.6s ease-in-out infinite;
}
#wizardBackdrop.smb-config-mode .smb-config-option span:empty::before{
  content:'+';font-size:19px;font-weight:500;line-height:1;
}
#wizardBackdrop.smb-config-mode .smb-config-option:nth-child(3n + 2) span{animation-delay:-.65s}
#wizardBackdrop.smb-config-mode .smb-config-option:nth-child(3n + 3) span{animation-delay:-1.3s}
#wizardBackdrop.smb-config-mode .smb-config-option.is-selected,
#wizardBackdrop.smb-config-mode .smb-config-option[aria-pressed="true"]{
  padding:11.5px 10.5px;border:2px solid #4b69df;
  background:linear-gradient(125deg,#e6edff,#edfaf5);
  box-shadow:0 0 0 2px rgba(74,106,218,.10),0 6px 20px rgba(74,106,218,.12);
  color:#142d61;
}
#wizardBackdrop.smb-config-mode .smb-config-option.is-selected span,
#wizardBackdrop.smb-config-mode .smb-config-option[aria-pressed="true"] span{
  background:linear-gradient(130deg,#4c60e4,#03a8b5);color:#fff;border-color:transparent;
  animation:smb-spec-selected-pulse 2.4s ease-in-out infinite;
}
#wizardBackdrop.smb-config-mode .smb-config-option:hover{transform:translateY(-1px);box-shadow:0 7px 17px rgba(44,65,128,.10)}
#wizardBackdrop.smb-config-mode .smb-config-option:focus-visible{outline:3px solid #80a8f9;outline-offset:3px}
@keyframes smb-spec-indicator-breathe{0%,100%{transform:translateY(0);box-shadow:0 0 0 0 rgba(98,91,214,.04)}50%{transform:translateY(-2px);box-shadow:0 0 0 4px rgba(98,91,214,.07)}}
@keyframes smb-spec-selected-pulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(38,130,195,.22)}55%{transform:scale(1.08);box-shadow:0 0 0 5px rgba(38,130,195,0)}}
@media(min-width:820px){
  #wizardBackdrop.smb-config-mode .smb-config-field{padding:16px}
  #wizardBackdrop.smb-config-mode .smb-config-options{gap:10px}
  #wizardBackdrop.smb-config-mode .smb-config-option{min-height:62px;padding:13px 16px;font-size:15px}
}
@media(max-width:600px){
  #wizardBackdrop.smb-config-mode .smb-config-fields{gap:11px}
  #wizardBackdrop.smb-config-mode .smb-config-field{padding:10px 11px;border-radius:16px}
  #wizardBackdrop.smb-config-mode .smb-config-field h3{font-size:12px;margin-bottom:8px}
  #wizardBackdrop.smb-config-mode .smb-config-field h3::before{width:23px;height:23px;flex-basis:23px;font-size:13px;border-radius:8px}
  #wizardBackdrop.smb-config-mode .smb-config-options{gap:7px}
  #wizardBackdrop.smb-config-mode .smb-config-option{min-height:49px;padding:9px 10px;font-size:12px;border-radius:11px}
  #wizardBackdrop.smb-config-mode .smb-config-option.is-selected,
  #wizardBackdrop.smb-config-mode .smb-config-option[aria-pressed="true"]{padding:8.5px 9.5px}
  #wizardBackdrop.smb-config-mode .smb-config-option span{flex-basis:24px;width:24px;height:24px;font-size:14px;margin-left:4px}
  #wizardBackdrop.smb-config-mode .smb-config-option span:empty::before{font-size:17px}
}
@media(prefers-reduced-motion:reduce){
  #wizardBackdrop.smb-config-mode .smb-config-option span{animation:none!important}
  #wizardBackdrop.smb-config-mode .smb-config-option{transition:none}
}