/* The setup wizard (/e-commerce/setup/ and its English twin). Class prefix: sw-. */
.sw-wrap { max-width: 560px; margin-inline: auto; }
.sw-live { margin-bottom: 18px; }
.sw-message { font-size: 16px; line-height: 1.8; color: var(--ink); }
.sw-message a { color: var(--lapis-700); }
#sw-message-wa { margin-top: 12px; }
.sw-payment { display: flex; flex-wrap: wrap; gap: 12px; }
.sw-notice { padding: 12px 16px; margin-bottom: 14px; border-radius: 3px; background: var(--lapis-100); color: var(--lapis-900); font-size: 15px; line-height: 1.7; }
.sw-plan-line { margin-bottom: 14px; font-family: var(--f-ui); font-weight: 600; color: var(--ink-2); }
.sw-field-hint { margin: 0; font-size: 13px; line-height: 1.6; color: var(--ink-3); }
.sw-name-feedback { margin: 0; font-size: 13.5px; line-height: 1.6; min-height: 1em; }
.sw-name-feedback:not(:empty) { color: var(--ink-3); }
#sw-name[aria-invalid="true"] ~ .sw-name-feedback { color: #7a2016; }
.sw-field-check { flex-direction: row; align-items: center; gap: 10px; }
.sw-field-check input { width: 18px; height: 18px; }
.sw-field-check label { font-weight: 400; }
.sw-refusal { padding: 12px 16px; border-radius: 3px; font-size: 15px; line-height: 1.7; }
.sw-refusal-error { background: #fdecea; color: #7a2016; }
.sw-refusal-info { background: var(--lapis-100); color: var(--lapis-900); }
.sw-steps { display: flex; flex-direction: column; gap: 10px; list-style: none; padding: 0; margin: 0; }
.sw-steps li { padding: 12px 16px; border-radius: 3px; background: var(--paper-2, #f1f4fa); font-size: 15px; color: var(--ink-2); }
/* Correction 1 (round 20, round 17's correction 1 a third time): site.css gives .btn
   display: inline-flex and .sw-payment display: flex, so a bare [hidden] loses to them. #sw-app
   [hidden] outranks both by specificity and really hides the WhatsApp button, "check again" and
   the payment box whenever the script sets hidden. */
#sw-app [hidden] { display: none; }