/* ============================================================================
   PAGE FAMILY: start_selling_{artist,business,private} pages — STRUCTURE tier
   Migrated 2026-07-05 (B11-B17 sweep). PHASE-A FIDELITY: verbatim relocation.
   ============================================================================ */
.start-selling-steps .step .step-image {
    box-shadow: -15px 15px 0px var(--step-image-shadow, #d5cbaf);
}

body.start-selling-page .seller_cta_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 14px;
    margin: 20px -24px 0;
}

body.start-selling-page .seller_cta_row .seller_type_switch_buttons {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    margin: 0;
    flex: 0 1 auto;
    min-width: 0;
}

body.start-selling-page .seller_cta_row .seller_type_switch_buttons .btn {
    font-size: 13px;
    padding: 7px 14px;
    white-space: nowrap;
}

body.start-selling-page .seller_cta_row .floating_footer {
    position: static;
    right: auto;
    bottom: auto;
    width: auto;
    margin: 0;
    padding: 0;
    flex: 0 0 auto;
}

@media (max-width: 575px) {
body.start-selling-page .seller_cta_row {
        flex-wrap: wrap;
        justify-content: center;
        margin-left: 0;
        margin-right: 0;
    }

}


/* ============================================================================
   PHASE B (2026-07-06): factored from the 8 brand skins — strict fidelity
   (skeleton = identical in ALL 8 skins; tokens = per-brand values, majority
   value as var() fallback). Skins now carry token values + residue only.
   Worksheet: manage.py analyze_component_css_skin_similarity page-userprofile
   ============================================================================ */
body.start-selling-page .contactForm_sec {
  display: flex;
  align-items: center;
  padding: 48px 70px;
}
body.start-selling-page .form-step.step-dark {
  position: relative;
  width: 100%;
  background: var(--start-selling-step-dark-background, var(--wa-bg,#ffffff));
  border: var(--start-selling-step-dark-border, 1px solid var(--wa-line,#dcd3bf));
  border-radius: var(--start-selling-step-dark-border-radius, 4px);
  padding: var(--start-selling-step-dark-padding, 48px 48px 100px);
  box-shadow: var(--start-selling-step-dark-box-shadow, 0 18px 48px rgba(47,42,35,.10));
}
body.start-selling-page .form-container h3 {
  margin-bottom: 20px;
}
body.start-selling-page .form-container h3 p {
  font-size: 30px !important;
  text-transform: uppercase !important;
  opacity: 1 !important;
  margin: 0 !important;
}
body.start-selling-page .form-container .row p {
  font-weight: 400 !important;
  font-size: 15px !important;
  line-height: 26px !important;
  text-transform: none !important;
  opacity: 1 !important;
  margin: 0 0 12px !important;
}
body.start-selling-page .floating_footer {
  position: absolute;
  right: var(--start-selling-floating-footer-right, 48px);
  bottom: var(--start-selling-floating-footer-bottom, 48px);
  width: auto;
  margin: 0;
}
body.start-selling-page .floating_footer .btn-dark {
  background: var(--start-selling-btn-dark-background, var(--wa-accent,#8a5d2b));
  border: var(--start-selling-btn-dark-border, 1px solid var(--wa-accent,#8a5d2b));
  color: #fff;
  border-radius: var(--start-selling-btn-dark-border-radius, 4px);
  padding: var(--start-selling-btn-dark-padding, 11px 28px);
  font-family: var(--start-selling-btn-dark-font-family, var(--font-body));
  font-weight: var(--start-selling-btn-dark-font-weight, 600);
  letter-spacing: var(--start-selling-btn-dark-letter-spacing, .02em);
  transition: var(--start-selling-btn-dark-transition, background .15s ease,border-color .15s ease);
}
body.start-selling-page .floating_footer .btn-dark:hover {
  background: var(--start-selling-hover-background, var(--wa-accent-dark,#6f4a20));
  border-color: var(--start-selling-hover-border-color, var(--wa-accent-dark,#6f4a20));
  color: #fff;
}
body.start-selling-page .consultation_bottom {
  background: var(--start-selling-consultation-bottom-background, var(--wa-ink,#2f2a23));
}
body.start-selling-page .consultation_bottom p,
body.start-selling-page .consultation_bottom p.consultation_text {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 25px !important;
  letter-spacing: normal !important;
  opacity: 1 !important;
}
body.start-selling-page .consultant_right {
  color: var(--start-selling-consultant-right-color, #ede9de);
}
body.start-selling-page .consultant_right .overlay_img {
  opacity: 1 !important;
}
body.start-selling-page .consultant_right h1 {
  font-weight: 400 !important;
  font-size: 55px !important;
  line-height: 60px !important;
}
body.start-selling-page .consultant_right p {
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 26px !important;
}
body.start-selling-page .consultant_content h6 {
  font-weight: 400 !important;
  font-size: 25px !important;
  line-height: 20px !important;
}
body.start-selling-page .consultant_content span {
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 19px !important;
  letter-spacing: 1px !important;
}
body.start-selling-page .step-title {
  background: var(--start-selling-step-title-background, var(--wa-ink,#2f2a23));
  color: var(--start-selling-step-title-color, #ede9de);
}
body.start-selling-page .step-heading {
  color: var(--start-selling-step-heading-color, var(--wa-ink,#2f2a23));
}
body.start-selling-page .step-header small {
  color: var(--start-selling-small-color, var(--wa-gold-leaf,#b08d4e));
}
body.start-selling-page .step-header h4 {
  color: var(--start-selling-h4-color, var(--wa-ink,#2f2a23));
}
body.start-selling-page span.line {
  background: var(--start-selling-line-background, var(--wa-ink,#2f2a23));
}
body.start-selling-page .step-content p,
body.start-selling-page ul.step_list li {
  color: var(--start-selling-p-color, var(--wa-ink-soft,#463f35));
}
body.start-selling-page .contactfull_width_hero_banner_with_background_image {
  background: var(--start-selling-contactfull-width-hero-banner-with-background-image-background, var(--wa-panel,#e8e4d9));
}