/* =============================================
   LisaKey - Asistente Inteligente de Cotización
   Estilos exclusivos del wizard conversacional.
   Reutiliza las variables de diseño de style.css
   (colores, tipografía, radios, espaciados) para
   mantener intacta la identidad visual del sitio.
   ============================================= */

/* Contenedor principal del asistente (sustituye la maquetación
   interna de .quoter__form; el propio .quoter__form conserva
   su lugar dentro de .quoter__wrapper, así el layout general
   de la sección no cambia). */
.wizard{
  display:flex;
  flex-direction:column;
  gap:var(--space-lg);
}

/* ---------- Barra de progreso ---------- */
.wizard__progress{
  display:flex;
  flex-direction:column;
  gap:var(--space-xs);
}
.wizard__progress-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-sm);
}
.wizard__progress-label{
  font-size:var(--font-size-sm);
  font-weight:var(--font-weight-semibold);
  color:var(--color-text-secondary);
}
.wizard__progress-label strong{
  color:var(--color-primary-light);
  font-weight:var(--font-weight-bold);
}
.wizard__progress-percent{
  font-size:var(--font-size-xs);
  font-weight:var(--font-weight-semibold);
  color:var(--color-primary-light);
  opacity:0.9;
}
.wizard__progress-track{
  position:relative;
  width:100%;
  height:8px;
  border-radius:var(--radius-full);
  background:rgba(255,255,255,0.06);
  border:1px solid var(--color-border);
  overflow:hidden;
}
.wizard__progress-fill{
  position:absolute;
  inset:0 auto 0 0;
  width:0%;
  border-radius:var(--radius-full);
  background:linear-gradient(90deg,var(--color-primary),var(--color-glow));
  box-shadow:0 0 12px rgba(54,163,255,0.6);
  transition:width 0.45s cubic-bezier(.4,0,.2,1);
}
.wizard__progress-dots{
  display:flex;
  gap:6px;
  justify-content:center;
  margin-top:2px;
}
.wizard__progress-dot{
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--color-border);
  transition:all var(--transition-base);
}
.wizard__progress-dot.is-done{background:var(--color-primary-light)}
.wizard__progress-dot.is-current{
  background:var(--color-primary-light);
  transform:scale(1.6);
  box-shadow:0 0 8px rgba(36,163,255,0.8);
}

/* ---------- Escenario / viewport de pasos ---------- */
.wizard__stage{
  position:relative;
  overflow:hidden;
  transition:height 0.38s cubic-bezier(.4,0,.2,1);
}

.wizard__panel{
  width:100%;
}
.wizard__panel--leaving{
  position:absolute;
  top:0;
  left:0;
  right:0;
}

/* Estados de animación entre pasos (slide + fade) */
.wizard__panel.is-enter-next{ animation:wizardSlideInNext 0.4s cubic-bezier(.2,.8,.2,1) both; }
.wizard__panel.is-enter-prev{ animation:wizardSlideInPrev 0.4s cubic-bezier(.2,.8,.2,1) both; }
.wizard__panel.is-leave-next{ animation:wizardSlideOutNext 0.28s ease both; }
.wizard__panel.is-leave-prev{ animation:wizardSlideOutPrev 0.28s ease both; }

@keyframes wizardSlideInNext{
  from{ opacity:0; transform:translateX(28px); }
  to{ opacity:1; transform:translateX(0); }
}
@keyframes wizardSlideInPrev{
  from{ opacity:0; transform:translateX(-28px); }
  to{ opacity:1; transform:translateX(0); }
}
@keyframes wizardSlideOutNext{
  from{ opacity:1; transform:translateX(0); }
  to{ opacity:0; transform:translateX(-28px); }
}
@keyframes wizardSlideOutPrev{
  from{ opacity:1; transform:translateX(0); }
  to{ opacity:0; transform:translateX(28px); }
}

/* ---------- Encabezado de la pregunta ---------- */
.wizard__step-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:var(--font-size-xs);
  font-weight:var(--font-weight-semibold);
  color:var(--color-primary-light);
  text-transform:uppercase;
  letter-spacing:0.06em;
  margin-bottom:var(--space-xs);
}
.wizard__step-title{
  font-size:var(--font-size-xl);
  font-weight:var(--font-weight-semibold);
  line-height:1.35;
  margin-bottom:var(--space-lg);
  color:var(--color-text);
}

/* ---------- Opciones tipo tarjeta (choice) ---------- */
.wizard__choices{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--space-sm);
}
.wizard__choice{
  display:flex;
  align-items:center;
  gap:var(--space-sm);
  width:100%;
  padding:var(--space-sm) var(--space-md);
  background:var(--color-bg-secondary);
  border:2px solid var(--color-border);
  border-radius:var(--radius-md);
  color:var(--color-text);
  text-align:left;
  cursor:pointer;
  transition:all var(--transition-base);
}
.wizard__choice-icon{
  flex-shrink:0;
  width:40px;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:var(--radius-sm);
  background:rgba(10,107,255,0.12);
  color:var(--color-primary-light);
  transition:all var(--transition-base);
}
.wizard__choice-icon svg{width:20px;height:20px}
.wizard__choice-text{display:flex;flex-direction:column;gap:2px}
.wizard__choice-title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}
.wizard__choice-hint{font-size:var(--font-size-xs);color:var(--color-text-secondary)}
.wizard__choice-check{
  margin-left:auto;
  width:22px;
  height:22px;
  border-radius:50%;
  border:2px solid var(--color-border);
  flex-shrink:0;
  position:relative;
  transition:all var(--transition-fast);
}
.wizard__choice-check::after{
  content:'';
  position:absolute;
  inset:0;
  margin:auto;
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--color-primary);
  opacity:0;
  transform:scale(0.5);
  transition:all var(--transition-fast);
}
.wizard__choice:hover{
  border-color:var(--color-border-hover);
  background:rgba(10,107,255,0.06);
}
.wizard__choice.is-selected{
  border-color:var(--color-primary);
  background:rgba(10,107,255,0.12);
  box-shadow:0 0 0 3px rgba(10,107,255,0.15);
}
.wizard__choice.is-selected .wizard__choice-icon{
  background:var(--color-primary);
  color:var(--color-text);
}
.wizard__choice.is-selected .wizard__choice-check{border-color:var(--color-primary)}
.wizard__choice.is-selected .wizard__choice-check::after{opacity:1;transform:scale(1)}

/* variante compacta para preguntas Sí/No */
.wizard__choices--inline{
  grid-template-columns:1fr 1fr;
}
.wizard__choices--inline .wizard__choice{
  justify-content:center;
  text-align:center;
}
.wizard__choices--inline .wizard__choice-text{align-items:center}

/* ---------- Campos de texto / select / tel ---------- */
/* Garantiza que el atributo hidden siempre oculte el elemento, incluso si
   otra regla (como display:flex en .wizard__field) tendría la misma
   especificidad y podría ganarle en la cascada. */
.wizard [hidden]{display:none !important}

.wizard__field{
  display:flex;
  flex-direction:column;
  gap:var(--space-xs);
}
.wizard__field .form__input,
.wizard__field .form__select{
  font-size:var(--font-size-lg);
  padding:var(--space-md);
}
#wizardNameInput,
#wizardPhoneInput,
#wizardLocalitySelect{
  align-self:center;
  width:100%;
  max-width:440px;
  height:50px;
  min-height:50px;
  max-height:50px;
  padding:12px 14px;
  font-size:var(--font-size-base);
  box-sizing:border-box;
}
#wizardNameInput:focus,
#wizardPhoneInput:focus,
#wizardNameInput:focus-visible,
#wizardPhoneInput:focus-visible{outline:none;box-shadow:none}
[data-locality-wrap] .search-select{
  align-self:center;
  width:100%;
  max-width:440px;
  box-sizing:border-box;
}
.wizard__field[data-locality-wrap] .search-select .search-select__input{
  width:100%;
  height:50px;
  min-height:50px;
  max-height:50px;
  padding:12px 46px 12px 14px;
  font-size:var(--font-size-base);
  line-height:1.2;
  box-sizing:border-box;
}
[data-locality-wrap] .search-select__input:focus,
[data-locality-wrap] .search-select__input:focus-visible,
[data-locality-wrap] .search-select.is-open .search-select__input{
  outline:none;
  box-shadow:none;
}
.wizard__field-hint{
  font-size:var(--font-size-xs);
  color:var(--color-text-secondary);
}
.wizard__error{
  display:none;
  align-items:center;
  gap:6px;
  font-size:var(--font-size-xs);
  color:#FF6B6B;
  margin-top:2px;
}
.wizard__error.is-visible{display:flex}

/* ---------- Navegación (Atrás / Siguiente) ---------- */
.wizard__nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-sm);
  margin-top:var(--space-sm);
}
.wizard__nav-spacer{flex:1}
.wizard__btn-back{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:var(--space-sm) var(--space-md);
  font-size:var(--font-size-sm);
  font-weight:var(--font-weight-medium);
  color:var(--color-text-secondary);
  border-radius:var(--radius-sm);
  transition:all var(--transition-fast);
}
.wizard__btn-back:hover{color:var(--color-text)}
.wizard__btn-back svg{width:18px;height:18px}
.wizard__btn-back[hidden]{display:none}

.wizard__btn-next{
  justify-content:center;
  color:#FFFFFF;
  background:rgba(10,107,255,0.16);
  border-color:rgba(54,163,255,0.58);
  box-shadow:none;
}
.wizard__btn-next:hover{
  color:#FFFFFF;
  background:rgba(10,107,255,0.28);
  border-color:rgba(54,163,255,0.8);
  box-shadow:none;
}
.wizard__btn-next[hidden]{display:none}
.wizard__btn-next:disabled,
.wizard__btn-next.is-disabled{
  opacity:0.45;
  cursor:not-allowed;
  box-shadow:none;
  transform:none;
}
.wizard__btn-next:disabled:hover,
.wizard__btn-next.is-disabled:hover{
  box-shadow:none;
  transform:none;
}

/* ---------- Tarjeta de resultado ---------- */
.wizard__result{
  display:flex;
  flex-direction:column;
  gap:var(--space-lg);
}
.wizard__result-header{
  display:flex;
  align-items:center;
  gap:var(--space-sm);
}
.wizard__result-icon{
  width:52px;
  height:52px;
  flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));
  box-shadow:none;
}
.wizard__result-icon svg{width:26px;height:26px;color:var(--color-text)}
.wizard__result-heading strong{
  display:block;
  font-size:var(--font-size-lg);
  font-weight:var(--font-weight-bold);
}
.wizard__result-heading span{
  font-size:var(--font-size-sm);
  color:var(--color-text-secondary);
}

.wizard__summary{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--space-xs) var(--space-md);
  background:var(--color-bg-secondary);
  border:1px solid var(--color-border);
  border-radius:var(--radius-md);
  padding:var(--space-md);
}
.wizard__review-note{
  max-width:620px;
  margin:6px auto 12px;
  color:var(--color-text-secondary);
  font-size:var(--font-size-sm);
  font-style:italic;
  line-height:1.55;
  text-align:center;
}
.wizard__request-summary{margin-top:0}
.wizard__summary-item{
  display:flex;
  justify-content:space-between;
  gap:var(--space-sm);
  padding:6px 0;
  border-bottom:1px solid rgba(255,255,255,0.05);
  font-size:var(--font-size-sm);
}
.wizard__summary-item:last-child{border-bottom:none}
.wizard__summary-item dt{color:var(--color-text-secondary)}
.wizard__summary-item dd{display:flex;max-width:72%;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:5px 8px;color:var(--color-text);font-weight:var(--font-weight-medium);text-align:right}
.wizard__summary-edit{padding:3px 7px;border:1px solid rgba(19,108,244,.38);border-radius:7px;background:rgba(19,108,244,.1);color:var(--color-primary-light);font:inherit;font-size:10px;font-weight:var(--font-weight-semibold);cursor:pointer}
.wizard__summary-edit:hover{background:rgba(19,108,244,.2);border-color:rgba(19,108,244,.65)}
.wizard__summary-edit:focus-visible{outline:2px solid var(--color-primary-light);outline-offset:2px}

.wizard__estimate{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:var(--space-sm);
}
.wizard__estimate-card{
  background:rgba(10,107,255,0.08);
  border:1px solid var(--color-border);
  border-radius:var(--radius-md);
  padding:var(--space-md);
  text-align:center;
}
.wizard__estimate-label{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  font-size:var(--font-size-xs);
  color:var(--color-text-secondary);
  margin-bottom:4px;
  text-transform:uppercase;
  letter-spacing:0.04em;
}
.wizard__estimate-label svg{width:14px;height:14px;color:var(--color-primary-light)}
.wizard__estimate-value{
  font-size:var(--font-size-2xl);
  font-weight:var(--font-weight-bold);
  color:var(--color-text);
}
.wizard__estimate-value small{
  font-size:var(--font-size-xs);
  font-weight:var(--font-weight-medium);
  color:var(--color-text-secondary);
}

.wizard__warranty{
  display:flex;
  align-items:center;
  gap:var(--space-sm);
  padding:var(--space-sm) var(--space-md);
  background:rgba(37,211,102,0.08);
  border:1px solid rgba(37,211,102,0.25);
  border-radius:var(--radius-md);
}
.wizard__warranty svg{width:22px;height:22px;color:#25D366;flex-shrink:0}
.wizard__warranty strong{display:block;font-size:var(--font-size-sm)}
.wizard__warranty span{font-size:var(--font-size-xs);color:var(--color-text-secondary)}

.wizard__result-cta{width:100%}
.wizard__restart{
  align-self:center;
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border:1px solid var(--color-border);
  border-radius:50%;
  background:transparent;
  color:var(--color-text-secondary);
  cursor:pointer;
  transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast);
}
.wizard__restart svg{width:20px;height:20px}
.wizard__restart:hover{color:var(--color-primary-light);border-color:var(--color-border-hover);background:rgba(10,107,255,.08)}
.wizard__restart:focus-visible{outline:2px solid var(--color-primary-light);outline-offset:3px}

/* ---------- Confirmación de envío ---------- */
.wizard__sent-note{
  display:flex;
  align-items:center;
  gap:var(--space-sm);
  padding:var(--space-md);
  background:rgba(37,211,102,0.1);
  border:1px solid rgba(37,211,102,0.3);
  border-radius:var(--radius-md);
}
.wizard__sent-note-icon{
  width:36px;
  height:36px;
  flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#25D366;
  color:#fff;
}
.wizard__sent-note-icon svg{width:18px;height:18px}
.wizard__sent-note strong{display:block;font-size:var(--font-size-sm)}
.wizard__sent-note span{font-size:var(--font-size-xs);color:var(--color-text-secondary)}

/* ---------- Foto de la llave encontrada ---------- */
.wizard__key-photo-button{
  position:relative;
  display:block;
  width:100%;
  max-width:260px;
  margin:0 auto;
  padding:0;
  border:0;
  border-radius:var(--radius-md);
  background:transparent;
  cursor:zoom-in;
  transition:transform .18s ease,filter .18s ease;
  -webkit-tap-highlight-color:transparent;
}
.wizard__key-photo-button:hover{transform:scale(1.025);filter:brightness(1.05)}
.wizard__key-photo-button:focus-visible{outline:2px solid #136CF4;outline-offset:4px}
.wizard__key-photo-button .wizard__key-photo{margin:0}
.wizard__key-photo-hint{
  position:absolute;
  left:50%;
  bottom:9px;
  transform:translateX(-50%);
  padding:5px 9px;
  border-radius:var(--radius-full);
  background:rgba(2,9,20,.78);
  color:#fff;
  font-size:10px;
  font-weight:var(--font-weight-semibold);
  white-space:nowrap;
  pointer-events:none;
}
.wizard__key-photo{
  width:100%;
  max-width:260px;
  margin:0 auto;
  border-radius:var(--radius-md);
  border:1px solid var(--color-border);
  background:var(--color-bg-secondary);
  display:block;
  object-fit:contain;
  max-height:260px;
}
.wizard__key-photo--placeholder{
  height:180px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--color-text-secondary);
}
.wizard__key-photo--placeholder svg{width:56px;height:56px}

.wizard__key-question{
  text-align:center;
  font-size:var(--font-size-base);
  font-weight:var(--font-weight-medium);
  color:var(--color-text-secondary);
  margin:var(--space-sm) 0 0;
}

.wizard__result-actions{
  display:flex;
  flex-direction:column;
  gap:var(--space-sm);
  margin-top:var(--space-sm);
}

.wizard__result-actions--compact{
  align-items:center;
}
.wizard__result-actions--compact .btn,
.wizard__result-actions--compact .wizard__btn-secondary{
  width:min(100%, 220px);
  min-width:0;
}

.btn-sm{
  padding:var(--space-xs) var(--space-lg);
  font-size:var(--font-size-sm);
}

.wizard__btn-secondary{
  width:100%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:var(--space-xs) var(--space-lg);
  font-size:var(--font-size-sm);
  font-weight:var(--font-weight-medium);
  color:var(--color-text-secondary);
  background:transparent;
  border:2px solid var(--color-border);
  border-radius:var(--radius-md);
  transition:all var(--transition-fast);
}
.wizard__btn-secondary svg{width:16px;height:16px}
.wizard__btn-secondary:hover{
  color:var(--color-text);
  border-color:var(--color-border-hover);
  background:rgba(255,255,255,0.03);
}
.wizard__btn-secondary.btn--soft-red{
  color:#FFB0B0;
  background:rgba(220,38,38,.16);
  border-color:rgba(255,107,107,.58);
}
.wizard__btn-secondary.btn--soft-red:hover{
  color:#FFFFFF;
  background:rgba(220,38,38,.28);
  border-color:rgba(255,107,107,.8);
}

/* ---------- Miniaturas en pantalla de desambiguación ---------- */
/* La foto va fuera del botón, como elemento hermano dentro de la fila. */
.wizard__choice-row{
  display:grid;
  grid-template-columns:68px minmax(0,1fr);
  align-items:center;
  gap:var(--space-md);
  width:100%;
}
.wizard__choice-row .wizard__choice{
  width:100%;
  min-width:0;
}
.wizard__choice-photo{
  width:68px;
  height:68px;
  flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible;
  background:transparent;
  border:0;
  border-radius:0;
}
.wizard__choice-photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
.wizard__choice-photo svg{width:28px;height:28px;color:var(--color-primary-light)}

.wizard__choice-photo--zoom{
  padding:0;
  cursor:zoom-in;
  transition:transform .18s ease, filter .18s ease;
  -webkit-tap-highlight-color:transparent;
}
.wizard__choice-photo--zoom:hover{
  transform:scale(1.06);
  filter:brightness(1.06);
}
.wizard__choice-photo--zoom:focus-visible{
  outline:2px solid #136CF4;
  outline-offset:4px;
}

/* Vista ampliada de la llave al tocar/clicar la miniatura. */
.wizard__key-preview{
  position:fixed;
  inset:0;
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(2,9,20,.72);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
  opacity:0;
  transition:opacity .18s ease;
}
.wizard__key-preview.is-open{opacity:1}
.wizard__key-preview-box{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:min(82vw,320px);
  min-height:220px;
  padding:26px;
  border:1px solid rgba(19,108,244,.48);
  border-radius:18px;
  background:#FFFFFF;
  box-shadow:0 24px 70px rgba(0,0,0,.48);
  transform:scale(.92);
  transition:transform .18s ease;
}
.wizard__key-preview.is-open .wizard__key-preview-box{transform:scale(1)}
.wizard__key-preview-box img{
  display:block;
  width:100%;
  max-width:260px;
  max-height:360px;
  object-fit:contain;
}
.wizard__key-preview-close{
  position:absolute;
  top:10px;
  right:10px;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(19,108,244,.25);
  border-radius:50%;
  background:#F4F7FB;
  color:#136CF4;
  cursor:pointer;
}
.wizard__key-preview-close svg{width:18px;height:18px}
.wizard__key-preview-close:hover{background:#EAF1FF}
.wizard__key-preview-close:focus-visible{outline:2px solid #136CF4;outline-offset:2px}

@media (max-width:480px){
  .wizard__progress{padding:10px}
  .wizard__step-header{margin-bottom:var(--space-md)}
  .wizard__step-title{font-size:var(--font-size-xl)}
  .wizard__choice{min-height:66px;padding:12px}
  .wizard__result{gap:var(--space-sm)}
  .wizard__key-photo{max-height:220px}
  .wizard__choice-row{
    grid-template-columns:58px minmax(0,1fr);
    gap:var(--space-sm);
  }
  .wizard__choice-photo{width:58px;height:58px}
}

/* ---------- Responsive ---------- */
@media (min-width:768px){
  .wizard__btn-next{min-width:160px}
  .wizard__choices{grid-template-columns:1fr 1fr}
  .wizard__estimate{grid-template-columns:1fr 1fr}
  .wizard__result-actions{flex-direction:row;justify-content:center}
  .wizard__result-actions:not(.wizard__result-actions--compact) .wizard__result-cta{flex:2}
  .wizard__result-actions:not(.wizard__result-actions--compact) .wizard__btn-secondary{flex:1}
  .wizard__result-actions--compact .btn,
  .wizard__result-actions--compact .wizard__btn-secondary{
    width:auto;
    flex:1 1 0;
    max-width:220px;
  }
}

@media (min-width:1024px){
  .wizard__step-title{font-size:var(--font-size-2xl)}
}

@media (prefers-reduced-motion: reduce){
  .wizard__panel.is-enter-next,
  .wizard__panel.is-enter-prev,
  .wizard__panel.is-leave-next,
  .wizard__panel.is-leave-prev{animation:none !important}
  .wizard__stage{transition:none !important}
}


/* Mejoras de claridad visual del flujo de cotización */
.wizard__progress{
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:var(--radius-md);
  background:rgba(255,255,255,.018);
}
.wizard__step-eyebrow{
  padding:5px 9px;
  border-radius:var(--radius-full);
  background:rgba(10,107,255,.08);
  border:1px solid rgba(10,107,255,.14);
}
.wizard__step-title{max-width:640px}
.wizard__choice{
  min-height:74px;
  padding:14px 15px;
  border-width:1px;
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.012));
}
.wizard__choice:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(0,0,0,.12)}
.wizard__choice.is-selected{border-width:1px}
.wizard__choice-title{font-weight:var(--font-weight-semibold)}
.wizard__choice-hint{line-height:1.45;margin-top:2px}
.wizard__field .form__input,
.wizard__field .form__select{
  min-height:56px;
  border-radius:var(--radius-md);
  background-color:var(--color-bg-secondary);
}
.wizard__nav{
  padding-top:var(--space-md);
  border-top:1px solid rgba(255,255,255,.06);
}
.wizard__btn-next{min-height:46px}

@media (min-width:768px){
  .wizard__choices{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:480px){
  .wizard__progress{padding:10px 12px}
  .wizard__step-header{margin-bottom:var(--space-md)}
  .wizard__step-title{font-size:var(--font-size-xl)}
  .wizard__choice{min-height:66px;padding:12px}
  .wizard__result{gap:var(--space-sm)}
  .wizard__key-photo{max-height:220px}
}