/* The quote wizard uses one consistent cinematic scene and a full-art treatment
   across every question, including the locally opened preview. */
:root {
  --journey-ink: #061b2a;
  --journey-panel: #0d2639;
  --journey-gold: #f4c85f;
  --journey-line: #7892a344;
}

.quote-dialog {
  width: min(1120px, calc(100vw - 32px)) !important;
  height: min(920px, calc(100dvh - 28px)) !important;
  border: 1px solid #e5bf6488 !important;
  border-radius: 20px !important;
  background: var(--journey-ink) !important;
  box-shadow: 0 28px 100px #000b, 0 0 0 1px #fff1 inset !important;
}

.dialog-shell {
  position: relative !important;
  isolation: isolate;
  background:
    radial-gradient(ellipse at 82% 40%, #18415a2b, transparent 48%),
    linear-gradient(160deg, #0b2438, #061a29 74%) !important;
}

.dialog-shell:has(#wizard-content[data-question="scope"])::before {
  height: 0 !important;
  opacity: 0 !important;
}

.dialog-header {
  min-height: 64px;
  padding: 11px clamp(18px, 4vw, 34px) !important;
  border-bottom: 1px solid #cbd9e61c !important;
  background: linear-gradient(100deg, #071d2df2, #0b2739e8) !important;
}

.dialog-brand .brand-mark {
  filter: drop-shadow(0 4px 12px #dba83638);
}

.dialog-close {
  border-color: #d8e2ec46 !important;
  background: #051724b8 !important;
  transition: border-color .2s ease, background .2s ease, transform .2s ease;
}

.dialog-close:hover {
  border-color: var(--journey-gold) !important;
  background: #15364b !important;
  transform: rotate(5deg);
}

.wizard-heading {
  --journey-scene: url("assets/photos/hero-novo-hamburgo.png");
  position: relative;
  display: flex !important;
  align-items: end !important;
  min-height: clamp(112px, 17vh, 172px);
  padding: 17px clamp(20px, 4.5vw, 42px) 16px !important;
  overflow: hidden;
  isolation: isolate;
  background-image:
    linear-gradient(90deg, #061b2bf5 0%, #061b2bb9 63%, #061b2b55 100%),
    linear-gradient(0deg, #061b2b 0%, transparent 59%),
    var(--journey-scene) !important;
  background-position: center, center, center 43% !important;
  background-size: cover !important;
  border-bottom: 1px solid #d9b25c45;
}

.wizard-heading::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: auto 4.5% 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, #f3c85eaa 24%, #fff0 70%, transparent);
}

.dialog-shell:has(#wizard-content[data-mode="services"]) .wizard-heading {
  --journey-scene: url("assets/photos/transport-novo-hamburgo.png");
}

.dialog-shell:has(#wizard-content[data-question="scope"]) .wizard-heading {
  --journey-scene: url("assets/photos/home-cinematic-reference.png");
}

.dialog-shell:has(#wizard-content[data-question="itemGroup"]) .wizard-heading,
.dialog-shell:has(#wizard-content[data-question="volume"]) .wizard-heading {
  --journey-scene: url("assets/photos/full-service-novo-hamburgo.png");
}

.dialog-shell:has(#wizard-content[data-question="extraNeeds"]) .wizard-heading,
.dialog-shell:has(#wizard-content[data-question="item"]) .wizard-heading,
.dialog-shell:has(#wizard-content[data-question="action"]) .wizard-heading,
.dialog-shell:has(#wizard-content[data-question="pieceCount"]) .wizard-heading,
.dialog-shell:has(#wizard-content[data-question="reassembly"]) .wizard-heading {
  --journey-scene: url("assets/photos/assembly-novo-hamburgo.png");
}

.dialog-shell:has(#wizard-content[data-question="origin"]) .wizard-heading,
.dialog-shell:has(#wizard-content[data-question="originOther"]) .wizard-heading,
.dialog-shell:has(#wizard-content[data-question="originAccess"]) .wizard-heading,
.dialog-shell:has(#wizard-content[data-question="destination"]) .wizard-heading,
.dialog-shell:has(#wizard-content[data-question="destinationOther"]) .wizard-heading,
.dialog-shell:has(#wizard-content[data-question="destinationAccess"]) .wizard-heading,
.dialog-shell:has(#wizard-content[data-question="location"]) .wizard-heading,
.dialog-shell:has(#wizard-content[data-question="locationOther"]) .wizard-heading,
.dialog-shell:has(#wizard-content[data-question="locationAccess"]) .wizard-heading,
.dialog-shell:has(#wizard-content[data-question="dateWindow"]) .wizard-heading,
.dialog-shell:has(#wizard-content[data-question="requestedDate"]) .wizard-heading,
.dialog-shell:has(#wizard-content[data-question="period"]) .wizard-heading {
  --journey-scene: url("assets/photos/transport-novo-hamburgo.png");
}

.dialog-shell:has(#wizard-content[data-question="contactName"]) .wizard-heading,
.dialog-shell:has(#wizard-content[data-question="contactPhone"]) .wizard-heading {
  --journey-scene: url("assets/photos/julio-falcao.jpg");
  background-position: center, center, center 37% !important;
}

.dialog-shell:has(#wizard-content[data-mode="review"]) .wizard-heading {
  --journey-scene: url("assets/photos/home-cinematic-reference.png");
}

.wizard-heading > div,
.wizard-heading .wizard-count {
  position: relative;
  z-index: 1;
}

.wizard-heading .micro-label {
  margin-bottom: 8px !important;
  color: #ffd66f !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .16em !important;
  text-shadow: 0 2px 12px #000b;
}

.wizard-heading h2 {
  max-width: min(14ch, 760px) !important;
  color: #fffdf7 !important;
  font: 500 clamp(27px, 4.3vh, 46px)/1.02 var(--display) !important;
  letter-spacing: -.025em !important;
  text-wrap: balance;
  text-shadow: 0 3px 18px #000a;
}

.wizard-count {
  position: absolute !important;
  top: 12px;
  right: 4.5%;
  align-self: auto;
  margin: 0;
  padding: 6px 9px !important;
  border: 1px solid #f5cf6d66;
  border-radius: 999px;
  background: #071c2b9c;
  color: #ffdc82 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
  backdrop-filter: blur(8px);
}

.progress-track {
  height: 2px !important;
  margin-inline: clamp(20px, 4.5vw, 42px) !important;
  background: #ccd8e328 !important;
}

.progress-track span {
  background: linear-gradient(90deg, #bf8d37, #ffe4a1 65%, #fff1c5) !important;
  box-shadow: 0 0 12px #f3c96077;
}

.wizard-step-labels {
  padding: 9px clamp(16px, 4vw, 38px) 12px !important;
  border-bottom: 1px solid #cbd9e61c !important;
  background: linear-gradient(180deg, #071d2df2, #091f30ea) !important;
  backdrop-filter: blur(14px);
}

.wizard-content {
  padding: clamp(14px, 2.4vh, 24px) clamp(17px, 4vw, 36px) 16px !important;
  background:
    radial-gradient(ellipse at 15% 0%, #173a5028, transparent 38%),
    linear-gradient(180deg, #061c2bdc, #061b2bf5) !important;
  scrollbar-color: #896c3a #071b2a !important;
}

.wizard-section-label {
  margin: 0 0 6px !important;
  color: #ffd16b !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .14em !important;
}

.wizard-prompt {
  margin: 0 0 15px !important;
  color: #cbd8e3 !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

.change-service {
  width: fit-content;
  margin: 0 auto 10px !important;
  color: #ffdb7c !important;
  font-size: 12px !important;
}

.wizard-content[data-question] .field-label {
  margin: 0 0 8px !important;
  color: #f6f2e9 !important;
  font: 600 clamp(20px, 2.7vh, 28px)/1.12 var(--display) !important;
  letter-spacing: -.018em;
  text-wrap: balance;
}

.wizard-content[data-question] .required-mark {
  color: #ffd36d !important;
  font: 700 13px/1 var(--font) !important;
  vertical-align: top;
}

.wizard-content[data-question] .detail-cards {
  align-content: stretch !important;
  gap: clamp(8px, 1.4vh, 13px) !important;
}

.wizard-content[data-question] .detail-card {
  min-width: 0 !important;
  transform: none !important;
  transition: filter .2s ease !important;
}

.wizard-content[data-question] .detail-card:hover {
  filter: brightness(1.08);
}

.wizard-content[data-question] .detail-card .detail-card-face {
  overflow: hidden !important;
  border: 1px solid #6e8aa18a !important;
  border-radius: 15px !important;
  background: linear-gradient(145deg, #102e42, #0a2234 78%) !important;
  box-shadow: 0 7px 0 #020f18b8, 0 15px 28px #0005, inset 0 1px 0 #ffffff16 !important;
  transform: none !important;
  transition: border-color .22s ease, box-shadow .22s ease, background .22s ease !important;
}

.wizard-content[data-question] .detail-card:has(input:checked) .detail-card-face {
  border: 2px solid #ffda73 !important;
  background: linear-gradient(145deg, #15364a, #0d2639 78%) !important;
  box-shadow: 0 0 0 1px #ffda7355, 0 0 24px #efba4540, 0 8px 0 #4b3514, inset 0 1px 0 #fff5 !important;
}

.wizard-content[data-question] .detail-card .detail-card-art:not(.detail-card-glyph) {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 10px !important;
  background-color: #0d2639 !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  box-shadow: none !important;
}

.wizard-content[data-question] .detail-card .detail-card-art:not(.detail-card-glyph)::after {
  content: none !important;
}

.wizard-content[data-question] .detail-card .detail-card-art:not(.detail-card-glyph) img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  padding: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
  image-rendering: auto !important;
  transform: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

.wizard-content[data-question] .detail-card .detail-card-copy {
  display: flex !important;
  min-width: 0 !important;
  min-height: 0 !important;
  flex-direction: column;
  justify-content: center;
  gap: 3px;
  overflow: visible !important;
  padding: 7px 9px 10px !important;
  color: #f5f5f2;
}

.wizard-content[data-question] .detail-card-copy strong {
  color: #fffdf6 !important;
  font-size: clamp(12px, 1.65vh, 16px) !important;
  font-weight: 700 !important;
  line-height: 1.18 !important;
  overflow-wrap: anywhere !important;
}

.wizard-content[data-question] .detail-card-copy small {
  color: #bbcad6 !important;
  font-size: clamp(9px, 1.25vh, 11px) !important;
  line-height: 1.25 !important;
}

/* Give the wide sofa option a tall, dedicated image area. The square source
   stays fully visible with contain; extra height makes the model larger. */
.wizard-content[data-question="scope"][data-option-count="5"] .detail-card:last-child .detail-card-face {
  display: grid !important;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  gap: 8px !important;
  min-height: 124px !important;
  padding: 8px !important;
}

.wizard-content[data-question="scope"][data-option-count="5"] .detail-card:last-child {
  height: 132px !important;
  min-height: 132px !important;
  align-self: center !important;
}

.wizard-content[data-question="scope"][data-option-count="5"] .detail-card:last-child .detail-card-art {
  grid-column: 2;
  grid-row: 1;
  min-height: 108px !important;
  background-color: #0d2639 !important;
}

.wizard-content[data-question="scope"][data-option-count="5"] .detail-card:last-child .detail-card-copy {
  grid-column: 1;
  grid-row: 1;
  padding: 10px 8px 10px 12px !important;
}

.wizard-content[data-question] .detail-card-check {
  z-index: 2;
  border-color: #d7e0e899 !important;
  background: #061c2bd9 !important;
  box-shadow: 0 3px 8px #0008;
}

.wizard-content[data-question] .detail-card:has(input:checked) .detail-card-check {
  border-color: #ffe18c !important;
  background: linear-gradient(145deg, #ffe594, #dfa93b) !important;
  color: #071b2a !important;
}

.wizard-content[data-mode="services"] {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  overflow: auto !important;
  background:
    radial-gradient(ellipse at 50% 0%, #193b532c, transparent 50%),
    linear-gradient(180deg, #061b2b, #081f30) !important;
}

.wizard-content[data-mode="services"] .wizard-prompt {
  margin: 0 0 4px !important;
  color: #fffdf6 !important;
  font: 500 clamp(22px, 3.3vh, 34px)/1.08 var(--display) !important;
}

.wizard-content[data-mode="services"] .choice-intro {
  margin: 0 0 15px !important;
  color: #bdceda !important;
  font-size: 12px !important;
}

.wizard-content[data-mode="services"] .service-choices {
  flex: 1 0 auto !important;
  min-height: 250px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(8px, 1.7vw, 16px) !important;
}

.wizard-content[data-mode="services"] .service-choice {
  min-width: 0 !important;
  min-height: 0 !important;
  padding: clamp(8px, 1.4vw, 14px) !important;
  border: 1px solid #69869b88 !important;
  border-radius: 16px !important;
  background: linear-gradient(150deg, #102e42, #0a2234) !important;
  box-shadow: 0 8px 0 #020f18b8, 0 18px 30px #0005 !important;
  overflow: hidden !important;
}

.wizard-content[data-mode="services"] .service-choice.is-selected {
  border: 2px solid #ffda73 !important;
  background: linear-gradient(150deg, #16384c, #0d2639) !important;
  box-shadow: 0 0 0 1px #ffda7355, 0 0 24px #efba4540, 0 8px 0 #4b3514 !important;
}

.wizard-content[data-mode="services"] .choice-object {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  height: clamp(96px, 21vh, 210px) !important;
  margin: 0 0 9px !important;
  overflow: hidden !important;
  border: 1px solid #ffffff0d;
  border-radius: 12px;
  background: #0d2639 !important;
}

.wizard-content[data-mode="services"] .choice-object img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  object-fit: contain !important;
  image-rendering: auto !important;
  transform: none !important;
  filter: none !important;
}

.wizard-content[data-mode="services"] .choice-copy strong {
  color: #fffdf6 !important;
  font: 600 clamp(13px, 1.7vw, 20px)/1.12 var(--display) !important;
  text-wrap: balance;
}

.wizard-content[data-mode="services"] .choice-copy small {
  display: block;
  margin-top: 5px !important;
  color: #bccbd6 !important;
  font-size: clamp(9px, 1.2vw, 12px) !important;
  line-height: 1.35 !important;
}

.wizard-actions {
  min-height: 64px;
  padding: 9px clamp(17px, 4vw, 36px) max(10px, env(safe-area-inset-bottom)) !important;
  border-top: 1px solid #d9b45a3d !important;
  background: linear-gradient(180deg, #081f30f2, #061a29) !important;
}

.wizard-next {
  min-height: 48px !important;
  border: 1px solid #ffe7a6 !important;
  box-shadow: 0 4px 0 #80602a, 0 10px 22px #0006 !important;
}

.wizard-next:disabled {
  box-shadow: none !important;
}

.wizard-error {
  border: 1px solid #ffd673 !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #502a31ed, #321e2bee) !important;
  box-shadow: 0 10px 28px #0005;
}

.wizard-content[data-mode="review"] .summary-card {
  border: 1px solid #b9a06272 !important;
  border-radius: 16px !important;
  background: linear-gradient(145deg, #102e42, #0a2234) !important;
  box-shadow: 0 12px 34px #0004, inset 0 1px 0 #fff2;
}

.wizard-content[data-mode="review"] .transport-render {
  border-color: #d7b75b73 !important;
  background: linear-gradient(110deg, #0d2639, #16364a) !important;
}

.wizard-content[data-mode="review"] .transport-render-scene,
.wizard-content[data-mode="review"] .transport-render-scene img,
.wizard-content[data-mode="review"] .transport-cargo-models img {
  background-color: #0d2639 !important;
  image-rendering: auto !important;
}

.wizard-content[data-mode="review"] .transport-render-scene img,
.wizard-content[data-mode="review"] .transport-cargo-models img {
  object-fit: contain !important;
  object-position: center !important;
  padding: 0 !important;
  transform: none !important;
  filter: none !important;
}

.wizard-content[data-mode="review"] .summary-kicker,
.wizard-content[data-mode="review"] .transport-render-kicker {
  color: #ffd16b !important;
  letter-spacing: .14em !important;
}

.wizard-content[data-mode="review"] .summary-edit,
.wizard-content[data-mode="review"] .summary-remove {
  min-height: 27px !important;
  border-radius: 999px !important;
}

.wizard-content[data-mode="review"] .summary-edit {
  border-color: #eac666 !important;
  color: #ffe08b !important;
}

.wizard-content[data-mode="review"] .intake-consent {
  border: 1px solid #8194a45e !important;
  border-radius: 12px !important;
  background: #102c40 !important;
}

.wizard-content .form-grid > * {
  animation: cinematic-arrive .38s cubic-bezier(.2, .75, .2, 1) both;
}

.wizard-content .detail-card {
  animation: cinematic-card-arrive .42s cubic-bezier(.2, .75, .2, 1) both;
}

.wizard-content .detail-card:nth-child(2) { animation-delay: 25ms; }
.wizard-content .detail-card:nth-child(3) { animation-delay: 50ms; }
.wizard-content .detail-card:nth-child(4) { animation-delay: 75ms; }
.wizard-content .detail-card:nth-child(5) { animation-delay: 100ms; }
.wizard-content .detail-card:nth-child(6) { animation-delay: 125ms; }

@keyframes cinematic-arrive {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes cinematic-card-arrive {
  from { opacity: 0; transform: translateY(12px) scale(.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (max-width: 600px) {
  .quote-dialog {
    width: calc(100vw - 12px) !important;
    height: calc(100dvh - 12px) !important;
    border-radius: 17px !important;
  }

  .dialog-header { min-height: 54px; padding-block: 7px !important; }
  .wizard-heading { min-height: clamp(96px, 15vh, 135px); padding: 12px 18px 12px !important; }
  .wizard-heading h2 { max-width: 13ch !important; font-size: clamp(26px, 6.4vw, 34px) !important; }
  .wizard-count { top: 9px; right: 4%; padding: 5px 7px !important; font-size: 10px !important; }
  .wizard-step-labels { gap: 4px !important; padding: 7px 9px 9px !important; font-size: 9px !important; }
  .wizard-content { padding: 12px 15px 12px !important; }
  .wizard-content[data-question] .field-label { font-size: clamp(19px, 5vw, 24px) !important; }
  .wizard-content[data-mode="services"] .service-choices { min-height: 0 !important; }
  .wizard-content[data-mode="services"] .choice-object { height: clamp(86px, 15vh, 130px) !important; }
  .wizard-content[data-mode="services"] .service-choice { padding: 7px !important; }
  .wizard-content[data-mode="services"] .choice-copy strong { font-size: clamp(12px, 3.15vw, 15px) !important; }
  .wizard-content[data-mode="services"] .choice-copy small { font-size: clamp(8px, 2.2vw, 10px) !important; }
  .wizard-actions { min-height: 56px; padding: 7px 14px max(8px, env(safe-area-inset-bottom)) !important; }
  .wizard-next { min-height: 44px !important; }
}

@media (max-height: 720px) {
  .wizard-heading { min-height: 90px; padding-block: 8px !important; }
  .wizard-heading .micro-label { margin-bottom: 4px !important; }
  .wizard-heading h2 { font-size: clamp(24px, 4.2vh, 30px) !important; }
  .wizard-step-labels { padding-block: 5px 7px !important; }
  .wizard-content { padding-block: 9px 8px !important; }
  .wizard-content[data-question] .field-label { margin-bottom: 5px !important; font-size: clamp(18px, 2.8vh, 22px) !important; }
}

@media (prefers-reduced-motion: reduce) {
  .dialog-close,
  .wizard-content .form-grid > *,
  .wizard-content .detail-card { animation: none !important; transition: none !important; }
}

/* Wide, tall quote screens follow the framed editorial layout in the premium
   reference while keeping every 3D item fully visible inside its card. */
@media (min-width: 701px) and (max-width: 1100px) and (min-height: 1000px) {
  .quote-dialog {
    position: fixed !important;
    inset: 50% auto auto 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    width: min(780px, calc(100vw - 48px)) !important;
    height: min(1460px, calc(100dvh - 72px)) !important;
    border-radius: 26px !important;
  }

  .dialog-header {
    min-height: 112px !important;
    padding: 14px 30px !important;
  }

  .dialog-brand .brand-mark { width: 90px !important; height: 66px !important; }
  .dialog-brand strong { font-size: 18px !important; }
  .dialog-brand small { font-size: 15px !important; }
  .dialog-close { width: 54px !important; height: 54px !important; border-color: #dcae4d !important; }

  .wizard-heading {
    min-height: clamp(218px, 15.5vh, 250px) !important;
    padding: 22px 32px 20px !important;
    align-items: center !important;
    background-position: center, center, center 45% !important;
  }

  .wizard-heading .micro-label { font-size: 12px !important; margin-bottom: 12px !important; }
  .wizard-heading h2 { max-width: 8ch !important; font-size: clamp(42px, 5vw, 52px) !important; }
  .wizard-count { top: 26px !important; right: 4.5% !important; padding: 8px 13px !important; font-size: 14px !important; }

  .progress-track { margin-inline: 42px !important; }
  .wizard-step-labels { padding: 20px 30px 24px !important; }
  .wizard-step-labels span { gap: 9px !important; font-size: 14px !important; }
  .wizard-step-labels span::before { width: 50px !important; height: 50px !important; font-size: 17px !important; }

  .wizard-content { padding: 28px 28px 16px !important; }
  .wizard-content[data-question] .wizard-section-label { font-size: 12px !important; margin-bottom: 7px !important; }
  .wizard-content[data-question] .wizard-prompt { font-size: 16px !important; margin-bottom: 18px !important; }
  .wizard-content[data-question="itemGroup"][data-option-count="6"] .field-label { font-size: clamp(34px, 3.8vw, 39px) !important; margin-bottom: 20px !important; }
  .wizard-content[data-question="itemGroup"][data-option-count="6"] .field-label .question-accent { font-size: inherit !important; }
  .wizard-content[data-question="itemGroup"][data-option-count="6"] .detail-cards {
    height: clamp(540px, 42vh, 640px) !important;
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
    padding: 5px 0 10px !important;
  }
  .wizard-content[data-question="itemGroup"][data-option-count="6"] .detail-card-face {
    border-radius: 19px !important;
    padding: 7px !important;
  }
  .wizard-content[data-question="itemGroup"][data-option-count="6"] .detail-card-art {
    border-radius: 12px !important;
    background-color: #0d2639 !important;
  }
  .wizard-content[data-question="itemGroup"][data-option-count="6"] .detail-card-copy {
    min-height: 78px !important;
    padding: 9px 12px 12px !important;
    text-align: left !important;
  }
  .wizard-content[data-question="itemGroup"][data-option-count="6"] .detail-card .detail-card-copy strong {
    font: 500 clamp(22px, 2.6vw, 27px)/1.06 var(--display) !important;
    overflow-wrap: normal !important;
  }
  .wizard-content[data-question="itemGroup"][data-option-count="6"] .detail-card .detail-card-copy small {
    font: 500 clamp(13px, 1.55vw, 15px)/1.35 var(--font) !important;
  }
  .wizard-content[data-question="itemGroup"][data-option-count="6"] .detail-card-check {
    top: 14px !important;
    right: 14px !important;
    width: 32px !important;
    height: 32px !important;
  }

  .wizard-actions {
    min-height: 104px !important;
    padding: 14px 20px 18px !important;
    gap: 18px !important;
  }
  .wizard-back {
    display: inline-flex !important;
    min-width: 166px !important;
    min-height: 74px !important;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border: 1px solid #d9a846 !important;
    border-radius: 999px !important;
    color: #f5f1e7 !important;
    font-size: 17px !important;
    text-decoration: none !important;
  }
  .wizard-back::before { content: "←"; color: #f4c45c; font-size: 26px; line-height: 1; }
  .wizard-next { min-width: 0 !important; min-height: 74px !important; flex: 1 1 auto; font-size: 21px !important; }
  .wizard-next .button-arrow { width: 42px !important; height: 42px !important; }
}