/*
File: css/calc__matching-funnel__styles.css
Version: v6.0
Date: 2026-11-05
Changelog:
- Expanded mobile portrait (max-width: 479px) in-flow footer padding to 16px vertical breathing room.
- Increased margin-top to 24px for clear visual separation between questions and footer controls.
- Optimized mobile touch ergonomics for navigation buttons and progress bar.
- Preserved all ADHD Clinic (#adhd-clinic_form) scoped tokens and clean WebKit containment resets.
*/

/* ==========================================================================
   1. GLOBAL ARCHITECTURE & BASE CONTAINER STYLES
   ========================================================================== */
body {
  scroll-behavior: auto !important;
}

.calculator {
  position: relative;
  z-index: 998 !important;
}

.cc {
  height: 100% !important;
  width: 100% !important;
  overflow: hidden !important;
}

.h100 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.cc-calculator {
  background-color: var(--cloud, #e7e6e1);
  transition: background-color 0.3s ease;
}

/* Range Slider Touch-Action Stabilization for Mobile Safari & Chrome */
.cc__slider-question input[type='range'],
.cc__slider-question [class*='Slider'],
.cc__slider-question [class*='track'],
.cc__slider-question [class*='thumb'],
[data-selector-element-id='AGE_Q'],
[data-selector-element-id='AGE_Q'] * {
  touch-action: pan-y !important;
}

.swiper-button-disabled {
  display: none !important;
}

/* ==========================================================================
   2. TYPOGRAPHY & HEADING HIERARCHY (DEFAULT: CORMORANT GARAMOND 400)
   ========================================================================== */
.form_header-wrapper .cc__heading-element h1,
.form_header-wrapper .cc__heading-element h2,
.form_header-wrapper .cc__heading-element p,
.heading,
.heading *,
.heading p,
.heading div,
.heading span,
.heading-s,
.heading-s *,
.heading-s p,
.heading-s div,
.heading-s span {
  font-family:
    var(--title-font), 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 400 !important;
  color: var(--ivy-title-color, #16434a) !important;
  letter-spacing: normal !important;
  font-style: normal !important;
}

.form_header-wrapper .cc__heading-element h1,
.form_header-wrapper .cc__heading-element h2,
.heading,
.heading *,
.heading p,
.heading div {
  font-size: 55px !important;
  line-height: 1.3 !important;
}

.heading-s,
.heading-s *,
.heading-s p,
.heading-s div,
.heading-s span {
  font-size: 36px !important;
  line-height: 1.25 !important;
}

.form_header-wrapper p {
  font-size: 22px !important;
  color: var(--dark-ivy-body-text-color, #0a1b1f) !important;
}

.form_header-wrapper p em,
.form_header-wrapper p i {
  font-family: 'Poppins', sans-serif !important;
  font-style: italic !important;
  font-weight: 300 !important;
  font-size: 1em !important;
  line-height: inherit !important;
  color: var(--peach, #eea880) !important;
}

.form_header-wrapper p strong em,
.form_header-wrapper p em strong {
  font-family: 'Poppins', sans-serif !important;
  font-style: italic !important;
  font-weight: 600 !important;
  font-size: 1em !important;
  line-height: inherit !important;
  color: var(--peach, #eea880) !important;
}

label,
.cc__question-title {
  font-weight: 300 !important;
}

.image-width img {
  max-width: 120px !important;
}

.quiz-content {
  padding-top: 16px;
}

.hidden-mobile {
  display: none !important;
}

.flex-mobile,
.form_nav-container {
  display: flex;
  align-items: center;
}

.form_header-wrapper {
  min-height: 600px;
  display: flex;
  justify-content: center;
}

/* ==========================================================================
   3. QUESTION GRIDS & CHOICE BUTTONS
   ========================================================================== */
.sc-hiOjR {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  max-width: 784px;
}

.sc-dlyeST {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
  justify-content: center;
}

.cc__radioGroup-question div {
  gap: 16px;
  justify-content: center;
}

.cc__radioGroup-question-button {
  text-align: center !important;
  width: 100% !important;
  max-width: 300px !important;
  box-sizing: border-box !important;
  padding: 10px 20px !important;
  border-radius: 8px !important;
}

.cc__radio-question-item {
  width: 100% !important;
  max-width: 300px !important;
  box-sizing: border-box !important;
  font-weight: 300 !important;
  border-radius: 8px;
  padding: 15px 20px;
  background-color: var(--pure-white, #ffffff);
  margin-bottom: 0 !important;
}

.healthcare-benefits_section button {
  width: 100% !important;
  max-width: 350px !important;
  box-sizing: border-box !important;
}

.price-therapy_section button {
  width: 100% !important;
  max-width: 350px !important;
  box-sizing: border-box !important;
  min-height: 80px;
}

.cc__checkbox-question-wrapper label {
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
}

.cc__checkbox-question-wrapper {
  background-color: var(--pure-white, #ffffff);
  max-width: 300px;
  width: 100%;
  box-sizing: border-box !important;
  border-radius: 8px;
  padding: 1rem;
  margin: 0 auto !important;
}

/* ==========================================================================
   4. HEADER MAIN CTA BUTTON ("START NOW") & DECORATIVE ARROW (/start)
   ========================================================================== */
.header_start-btn {
  position: relative !important;
  overflow: visible !important;
}

.header_start-btn .cc__button-element {
  position: relative !important;
  overflow: visible !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.header_start-btn .cc__button-element > div,
.header_start-btn .kWHZI,
.header_start-btn [class*='kWHZI'] {
  position: relative !important;
  overflow: visible !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.header_start-btn .cc__button {
  padding: 24px 60px !important;
  background-color: var(--peach, #eea880) !important;
  color: var(--ivy-title-color, #16434a) !important;
  width: auto !important;
  transition: all 0.3s ease;
  font-family: 'Poppins', sans-serif !important;
  font-size: 26px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.2px !important;
  border-radius: 100px !important;
  border: 3px solid var(--peach, #eea880) !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 1 !important;
  white-space: nowrap !important;
}

.header_start-btn .cc__button:hover {
  background-color: var(--sand, #b36e48) !important;
  border-color: var(--pure-white, #ffffff) !important;
  color: var(--pure-white, #ffffff) !important;
  box-shadow: 0 6px 22px rgba(179, 110, 72, 0.4) !important;
  transform: translateY(-2px);
}

.header_start-btn .cc__button:active {
  transform: translateY(0);
}

.header_start-btn .material-symbols-outlined {
  font-size: 32px !important;
  vertical-align: middle !important;
  margin-left: 8px !important;
}

.cc__button {
  width: 180px !important;
}

/* Suppress decorative arrow globally on ANY funnel that is NOT the main /start intake */
:not(#get-started_form) .start-page_button-arrow {
  display: none !important;
}

/* Desktop Decorative Arrow (min-width: 992px): Anchored to the left of the button on /start */
@media only screen and (min-width: 992px) {
  .start-page_button-arrow {
    position: absolute !important;
    left: 50px !important;
    top: -140px !important;
    width: 125px !important;
    height: auto !important;
    max-width: none !important;
    pointer-events: none !important;
    z-index: 2 !important;
    display: block !important;
  }
}

/* ==========================================================================
   5. CONTACT SECTION & VALIDATION ERRORS
   ========================================================================== */
.form_contact-section-field {
  margin-bottom: 10px;
}

.form_contact-section-field label,
.form_contact-section-field .cc__question-title {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  gap: 6px !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  color: var(--ivy-title-color, #16434a) !important;
}

.cc__label-subtext {
  font-family: 'Poppins', sans-serif !important;
  font-style: italic !important;
  font-weight: 400 !important;
  color: var(--stone, #839794) !important;
  font-size: 13px !important;
  display: inline !important;
}

.cc__inline-error {
  font-family: 'Poppins', sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #e05638 !important;
  margin-left: 8px !important;
  display: inline-block !important;
  line-height: 1.2 !important;
}

.has-field-error {
  border-color: #e05638 !important;
}

.form_contact-section-field .cc__element-error {
  display: none !important;
}

.cc__radioGroup-question .cc__element-error,
.cc__radioGroup-question-wrapper .cc__element-error,
.cc__multipleSelection-question .cc__element-error,
.cc__question:not(.form_contact-section-field) .cc__element-error {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  text-align: center !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #e05638 !important;
  margin: 14px auto 0 !important;
  display: block !important;
}

.cc__checkbox-question-wrapper.contact-section_checkbox,
.contact-section_checkbox {
  width: 100% !important;
  max-width: 100% !important;
  background-color: transparent !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 14px 0 0 0 !important;
  box-sizing: border-box !important;
}

.contact-section_checkbox[data-selector-element-id='qtauHbnPXkneHaJsg'],
.form_contact-section-field + .contact-section_checkbox {
  margin-top: 24px !important;
}

.contact-section_checkbox > div,
.contact-section_checkbox [class*='sc-dskThN'],
.contact-section_checkbox .sc-dskThN {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 14px !important;
  width: 100% !important;
}

.contact-section_checkbox .cc__checkbox-question {
  flex-shrink: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
}

.contact-section_checkbox .cc__checkbox-question + div,
.contact-section_checkbox .cc__question-description,
.contact-section_checkbox .ljnphJ {
  flex-grow: 1 !important;
  text-align: left !important;
  padding-left: 0 !important;
}

.contact-section_checkbox .cc__question-description p {
  font-family: 'Poppins', sans-serif !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
  color: var(--ivy-title-color, #16434a) !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

.contact-section_checkbox .cc__question-description strong,
.contact-section_checkbox .cc__question-description b {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 400 !important;
  color: var(--ivy-title-color, #16434a) !important;
  font-style: normal !important;
}

.contact-section_checkbox .cc__question-description em,
.contact-section_checkbox .cc__question-description i {
  font-family: 'Poppins', sans-serif !important;
  font-style: italic !important;
  font-weight: 400 !important;
  color: var(--stone, #839794) !important;
}

.form_contact-divider,
.cc__divider-element-wrapper[data-selector-element-id='A8m8tgE3cZhxpfdQx'],
.cc__divider-element-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  padding: 0 !important;
  display: block !important;
}

.cc__divider-element {
  margin: 0 !important;
  padding: 0 !important;
}

.form_contact-divider hr,
.cc__divider-element div {
  border-color: var(--stone, #839794) !important;
  margin: 0 !important;
}

.contact-section_checkbox[data-selector-element-id='7yvpHEwhZwKtaB5Ew'] {
  margin-top: 0 !important;
}

[data-selector-element-id='vRmc2iNqECKf3CrsA']:has(.cc__submission-response) {
  display: none !important;
}

[data-selector-element-id='vRmc2iNqECKf3CrsA']:has(.cc__submission-response)
  + [data-selector-element-id='4QrXupMkZZFqbNLLA'] {
  display: block !important;
}

/* ==========================================================================
   6. FOOTER NAVIGATION LAYOUT (DESKTOP DEFAULT)
   ========================================================================== */
.form-get-started_footer {
  width: 100% !important;
}

.footer_button-wrapper {
  display: flex;
  align-items: center;
  gap: 15px;
}

.footer_content {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 16px !important;
  padding-top: 15px;
  padding-bottom: 15px;
}

.footer_button-wrapper
  [data-selector-element-id='vRmc2iNqECKf3CrsA']
  .cc__button,
.footer_button-wrapper
  [data-selector-element-id='4QrXupMkZZFqbNLLA']
  .cc__button,
.footer_content [data-selector-element-id='wxq47FTpjGqR57Pct'] .cc__button,
.footer_content [data-selector-element-id='ZooM8SFmgQZMWz3EJ'] .cc__button {
  background-color: var(--peach, #eea880) !important;
  color: var(--ivy-title-color, #16434a) !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.2px !important;
  border: 2px solid var(--peach, #eea880) !important;
  border-radius: var(--boeder-radius-buttons, 30px) !important;
  padding: 10px 26px !important;
  min-width: 130px !important;
  width: auto !important;
  height: auto !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 4px 14px rgba(238, 168, 128, 0.35) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
}

.footer_button-wrapper
  [data-selector-element-id='vRmc2iNqECKf3CrsA']
  .cc__button:hover,
.footer_button-wrapper
  [data-selector-element-id='4QrXupMkZZFqbNLLA']
  .cc__button:hover,
.footer_content
  [data-selector-element-id='wxq47FTpjGqR57Pct']
  .cc__button:hover,
.footer_content
  [data-selector-element-id='ZooM8SFmgQZMWz3EJ']
  .cc__button:hover {
  background-color: var(--pure-white, #ffffff) !important;
  color: var(--ivy-title-color, #16434a) !important;
  border-color: var(--pure-white, #ffffff) !important;
  box-shadow: 0 4px 18px rgba(255, 255, 255, 0.35) !important;
  transform: translateY(-1px) !important;
}

.footer_button-wrapper
  [data-selector-element-id='vRmc2iNqECKf3CrsA']
  .cc__button:active,
.footer_button-wrapper
  [data-selector-element-id='4QrXupMkZZFqbNLLA']
  .cc__button:active,
.footer_content
  [data-selector-element-id='wxq47FTpjGqR57Pct']
  .cc__button:active,
.footer_content
  [data-selector-element-id='ZooM8SFmgQZMWz3EJ']
  .cc__button:active {
  transform: translateY(0) !important;
}

.footer_button-wrapper
  [data-selector-element-id='vRmc2iNqECKf3CrsA']
  .cc__button
  .material-symbols-outlined,
.footer_button-wrapper
  [data-selector-element-id='4QrXupMkZZFqbNLLA']
  .cc__button
  .material-symbols-outlined,
.footer_content
  [data-selector-element-id='wxq47FTpjGqR57Pct']
  .cc__button
  .material-symbols-outlined,
.footer_content
  [data-selector-element-id='ZooM8SFmgQZMWz3EJ']
  .cc__button
  .material-symbols-outlined {
  color: inherit !important;
  font-size: 16px !important;
  margin-left: 6px !important;
  vertical-align: middle !important;
}

.footer_button-wrapper
  [data-selector-element-id='73KXcMA4EKc8LnCGM']
  .cc__button {
  background-color: transparent !important;
  color: var(--light-stone, #c3cdcb) !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  padding: 8px 16px !important;
  width: auto !important;
}

.footer_button-wrapper
  [data-selector-element-id='73KXcMA4EKc8LnCGM']
  .cc__button:hover {
  color: var(--pure-white, #ffffff) !important;
  background-color: transparent !important;
}

/* ==========================================================================
   7. FINAL STEP: THERAPIST RESULTS CARD ARCHITECTURE
   ========================================================================== */
.final_container {
  max-width: 960px !important;
  margin: 0 auto !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.final_container > .cc__container-element-wrapper:has(.form_final_card-content),
.final_container .form_final_card-content {
  width: 100% !important;
  box-sizing: border-box !important;
}

.form_final_card-content {
  display: grid !important;
  grid-template-columns: 240px 1fr !important;
  grid-template-rows: auto auto !important;
  grid-template-areas:
    'photo title'
    'photo buttons' !important;
  column-gap: 24px !important;
  row-gap: 16px !important;
  align-items: center !important;
  background: #ffffff !important;
  border-radius: 20px !important;
  padding: 24px !important;
  margin-bottom: 24px !important;
  box-shadow: 0 4px 20px rgba(22, 67, 74, 0.06) !important;
  min-height: 250px !important;
  transition: box-shadow 0.3s ease !important;
}

.form_final_card-content:hover {
  box-shadow: 0 8px 28px rgba(22, 67, 74, 0.09) !important;
}

.form_final_card-content > .cc__column-element-wrapper:nth-child(1) {
  grid-area: photo !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 240px !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.form_final_card-content > .cc__column-element-wrapper:nth-child(1) .ifiFqk,
.form_final_card-content
  > .cc__column-element-wrapper:nth-child(1)
  .cc__container-element-wrapper {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

.form_final-card-img {
  width: 100% !important;
  max-width: 240px !important;
  margin: 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.form_final-card-img img,
.form_final-card-img .cc__image-element img {
  width: 100% !important;
  max-width: 240px !important;
  height: auto !important;
  max-height: 240px !important;
  object-fit: contain !important;
  display: block !important;
}

.form_final_card-content > .cc__column-element-wrapper:nth-child(2) {
  grid-area: title !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.final_title {
  width: 100% !important;
  text-align: center !important;
  margin: 0 !important;
}

.final_title .cc__formula-result,
.final_title .cc__formula-result-text,
.final_title p {
  text-align: center !important;
  margin: 0 !important;
}

.therapist-name-parsed {
  font-family: 'Poppins', sans-serif !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  color: var(--ivy-title-color, #16434a) !important;
  line-height: 1.25 !important;
  margin-bottom: 4px !important;
}

.therapist-credentials-parsed {
  font-family: 'Poppins', sans-serif !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  color: var(--stone, #839794) !important;
  line-height: 1.3 !important;
}

.form_final-btn-group,
.form_final_card-content > .cc__column-element-wrapper:nth-child(3) {
  grid-area: buttons !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.form_final-btn-group > div,
.form_final-btn-group .ifiFqk {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  width: 100% !important;
}

.form_final-btn-group .cc__button-element-wrapper {
  flex: 1 1 0 !important;
  max-width: 200px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

.form_final-btn-group .cc__button-element {
  width: 100% !important;
}

.form_final-btn-group .cc__button {
  width: 100% !important;
  min-width: 0 !important;
  height: 62px !important;
  min-height: 62px !important;
  padding: 6px 12px !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  box-sizing: border-box !important;
}

.form_final-btn-group .cc__button-element-wrapper:first-child .cc__button {
  background-color: var(--peach, #eea880) !important;
  color: var(--ivy-title-color, #16434a) !important;
  font-weight: 600 !important;
  border: none !important;
}

.form_final-btn-group
  .cc__button-element-wrapper:first-child
  .cc__button:hover {
  background-color: var(--hover-color, #16434a) !important;
  color: var(--pure-white, #ffffff) !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(22, 67, 74, 0.25) !important;
}

.form_final-btn-group
  .cc__button-element-wrapper:not(:first-child)
  .cc__button {
  background-color: var(--ivy-title-color, #16434a) !important;
  color: var(--pure-white, #ffffff) !important;
  font-weight: 500 !important;
  border: none !important;
}

.form_final-btn-group
  .cc__button-element-wrapper:not(:first-child)
  .cc__button:hover {
  background-color: var(--light-ivy, #2f5b63) !important;
  color: var(--pure-white, #ffffff) !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(22, 67, 74, 0.25) !important;
}

/* ==========================================================================
   GLOBAL: Teen Inquiry "CALL US" Standalone CTA Button (All Funnels)
   ========================================================================== */
[data-selector-element-id='aY3zfD2xujuyj7rxv'] {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin-top: 18px !important;
  margin-bottom: 24px !important;
}

[data-selector-element-id='aY3zfD2xujuyj7rxv'] .cc__button-element,
[data-selector-element-id='aY3zfD2xujuyj7rxv'] .kWHZI,
[data-selector-element-id='aY3zfD2xujuyj7rxv'] [class*='kWHZI'] {
  width: auto !important;
  display: flex !important;
  justify-content: center !important;
}

/* Constrain width to standard 200-280px pill instead of full-bleed */
[data-selector-element-id='aY3zfD2xujuyj7rxv'] .cc__button {
  width: auto !important;
  min-width: 200px !important;
  max-width: 280px !important;
  height: 50px !important;
  min-height: 50px !important;
  padding: 10px 28px !important;
  border-radius: var(--boeder-radius-buttons, 30px) !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
  background-color: var(--ivy-title-color, #16434a) !important;
  color: var(--pure-white, #ffffff) !important;
  border: 2px solid var(--ivy-title-color, #16434a) !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

[data-selector-element-id='aY3zfD2xujuyj7rxv'] .cc__button:hover {
  background-color: var(--peach, #eea880) !important;
  color: var(--ivy-title-color, #16434a) !important;
  border-color: var(--peach, #eea880) !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(22, 67, 74, 0.2) !important;
}

[data-selector-element-id='aY3zfD2xujuyj7rxv'] .cc__button:active {
  transform: translateY(0);
}

/* ==========================================================================
   UNIVERSAL: Any Standalone Results CTA Button Outside Therapist Cards
   (Applies to "CALL US", "BROWSE TEEN THERAPISTS", or any future service CTA)
   ========================================================================== */

/* 1. Center and constrain ANY button that sits outside .form_final_card-content */
.form_final-btn-group:not(.form_final_card-content *) {
  width: 100% !important;
  max-width: 100% !important; 
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 18px !important;
  margin-bottom: 24px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.form_final-btn-group:not(.form_final_card-content *) .cc__button-element,
.form_final-btn-group:not(.form_final_card-content *) .kWHZI,
.form_final-btn-group:not(.form_final_card-content *) [class*='kWHZI'] {
  width: auto !important;
  display: flex !important;
  justify-content: center !important;
}

/* Base button geometry & colors for light pages (/start, /a/start-today) */
.form_final-btn-group:not(.form_final_card-content *) .cc__button {
  width: auto !important;
  min-width: 200px !important;
  max-width: 320px !important;
  height: 50px !important;
  min-height: 50px !important;
  padding: 10px 28px !important;
  border-radius: var(--boeder-radius-buttons, 30px) !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
  background-color: var(--ivy-title-color, #16434a) !important;
  color: var(--pure-white, #ffffff) !important;
  border: 2px solid var(--ivy-title-color, #16434a) !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}

.form_final-btn-group:not(.form_final_card-content *) .cc__button:hover {
  background-color: var(--peach, #eea880) !important;
  color: var(--ivy-title-color, #16434a) !important;
  border-color: var(--peach, #eea880) !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(22, 67, 74, 0.2) !important;
}

.form_final-btn-group:not(.form_final_card-content *) .cc__button:active {
  transform: translateY(0);
}

/* 2. Color Inversion for ADHD Clinic (Peach on Dark Ivy) */
#adhd-clinic_form .form_final-btn-group:not(.form_final_card-content *) .cc__button {
  background-color: var(--peach, #eea880) !important;
  color: var(--ivy-title-color, #16434a) !important;
  border-color: var(--peach, #eea880) !important;
}

#adhd-clinic_form .form_final-btn-group:not(.form_final_card-content *) .cc__button:hover {
  background-color: var(--sand, #b36e48) !important;
  border-color: var(--pure-white, #ffffff) !important;
  color: var(--pure-white, #ffffff) !important;
  box-shadow: 0 4px 18px rgba(179, 110, 72, 0.4) !important;
}
/* ==========================================================================
   8. FALLBACK MANUAL REVIEW SCREEN ARCHITECTURE
   ========================================================================== */
[data-selector-element-id='RqEftDYAtpHhz7EkR'] {
  padding-bottom: 36px !important;
  box-sizing: border-box !important;
}

.final_logo-image,
.final_logo-image img {
  max-width: 130px !important;
  max-height: 130px !important;
  margin: 0 auto 16px auto !important;
  object-fit: contain !important;
  display: block !important;
}

[data-selector-element-id='mmcW33YBqkNnwduCg'] h2,
[data-selector-element-id='mmcW33YBqkNnwduCg'] .cc__title-title {
  font-family: 'Poppins', sans-serif !important;
  font-size: 26px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: var(--ivy-title-color, #16434a) !important;
  text-align: center !important;
  margin-bottom: 16px !important;
}

[data-selector-element-id='pJczhsMEkAfdfkgaE'] p {
  font-family: 'Poppins', sans-serif !important;
  font-size: 15px !important;
  font-weight: 300 !important;
  line-height: 1.5 !important;
  color: var(--dark-ivy-body-text-color, #0a1b1f) !important;
  text-align: center !important;
}

[data-selector-element-id='dPCGYH39hCqWTxY2v'] {
  width: 100% !important;
  margin-bottom: 30px !important;
  display: flex !important;
  justify-content: center !important;
}

[data-selector-element-id='dPCGYH39hCqWTxY2v'] .cc__button {
  background-color: var(--ivy-title-color, #16434a) !important;
  color: var(--pure-white, #ffffff) !important;
  border-radius: var(--boeder-radius-buttons, 30px) !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 1.2px !important;
  height: 50px !important;
  width: 100% !important;
  max-width: 280px !important;
  margin: 20px auto 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
}

[data-selector-element-id='dPCGYH39hCqWTxY2v'] .cc__button:hover {
  background-color: var(--peach, #eea880) !important;
  color: var(--ivy-title-color, #16434a) !important;
}

/* ==========================================================================
   9. CONTEXTUAL SCOPED OVERRIDES BY WRAPPER ID
   ========================================================================== */

/* ==========================================================================
   9.1 #adhd-clinic_form (ADHD CLINIC CMS TEMPLATE - BENCHMARK RESTORATION)
   ========================================================================== */

/* 1. Suppress the decorative /start arrow completely on ADHD Clinic */
#adhd-clinic_form .start-page_button-arrow {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* 2. Enforce Dark Ivy Canvas on the whole calculator hierarchy */
#adhd-clinic_form .calculator,
#adhd-clinic_form .cc-calculator,
#adhd-clinic_form .cc,
#adhd-clinic_form .cc__view,
#adhd-clinic_form .cc__view-container {
  background-color: var(--ivy-title-color, #16434a) !important;
}

/* ADHD Clinic: White pill background for the Age Range Slider */
#adhd-clinic_form .sc-KzItE,
#adhd-clinic_form .cc__rangeSlider-question-wrapper input[type='range'],
#adhd-clinic_form
  [data-selector-element-id='FgStCrtCCyrLxAMLk']
  input[type='range'] {
  background-color: var(--pure-white, #ffffff) !important;
  padding: 20px !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
}

#adhd-clinic_form .h100 {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-direction: column !important;
}

/* 3. Typography: Sub-brand Coax Heading Font & Pure White text on Dark Ivy */
#adhd-clinic_form .cc__title-title,
#adhd-clinic_form .heading p,
#adhd-clinic_form .heading h1,
#adhd-clinic_form .heading h2,
#adhd-clinic_form .form_header-wrapper .cc__heading-element h1,
#adhd-clinic_form .form_header-wrapper .cc__heading-element h2,
#adhd-clinic_form .heading,
#adhd-clinic_form .heading *,
#adhd-clinic_form .heading-s,
#adhd-clinic_form .heading-s *,
#adhd-clinic_form .heading-s p,
#adhd-clinic_form .heading-s div,
#adhd-clinic_form .heading-s span {
  font-family:
    var(--_clinics---clinic-heading-font, 'Coax'), 'Coax', sans-serif !important;
  font-weight: 400 !important;
  color: var(--pure-white, #ffffff) !important;
  letter-spacing: normal !important;
  font-style: normal !important;
  line-height: 1.2 !important;
}

#adhd-clinic_form .heading,
#adhd-clinic_form .heading p,
#adhd-clinic_form .heading div,
#adhd-clinic_form .form_header-wrapper .cc__heading-element h1,
#adhd-clinic_form .form_header-wrapper .cc__heading-element h2 {
  font-size: 50px !important;
}

#adhd-clinic_form .heading-s,
#adhd-clinic_form .heading-s p,
#adhd-clinic_form .heading-s div,
#adhd-clinic_form .heading-s span {
  font-size: 35px !important;
}

#adhd-clinic_form .form_header-wrapper p,
#adhd-clinic_form .calculator p,
#adhd-clinic_form .calculator h4,
#adhd-clinic_form .cc__question-title,
#adhd-clinic_form .sc-cYRmzm .cc__question-title,
#adhd-clinic_form .cc__range-question-value {
  color: var(--pure-white, #ffffff) !important;
}

#adhd-clinic_form .form_header-wrapper {
  height: 100% !important;
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  padding: 80px 50px !important;
}

/* 4. Master Start Button: Exact Brand Peach with Ivy text & Sand Hover (Demo Benchmark) */
#adhd-clinic_form .header_start-btn .cc__button {
  padding: 24px 60px !important;
  background-color: var(--peach, #eea880) !important;
  color: var(--ivy-title-color, #16434a) !important;
  width: auto !important;
  transition: all 0.3s ease !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 26px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.2px !important;
  border-radius: 100px !important;
  border: 3px solid var(--peach, #eea880) !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}

#adhd-clinic_form .header_start-btn .cc__button:hover {
  background-color: var(--sand, #b36e48) !important;
  border-color: var(--pure-white, #ffffff) !important;
  color: var(--pure-white, #ffffff) !important;
  box-shadow: 0 6px 22px rgba(179, 110, 72, 0.4) !important;
  transform: translateY(-2px) !important;
}

#adhd-clinic_form .header_start-btn .cc__button:active {
  transform: translateY(0) !important;
}

/* 5. Contact Section: Pure White on Dark Ivy */
#adhd-clinic_form .form_contact-section-field label,
#adhd-clinic_form .form_contact-section-field .cc__question-title {
  color: var(--pure-white, #ffffff) !important;
}

#adhd-clinic_form .cc__label-subtext,
#adhd-clinic_form .contact-section_checkbox .cc__question-description em,
#adhd-clinic_form .contact-section_checkbox .cc__question-description i {
  color: var(--light-stone, #c3cdcb) !important;
}

#adhd-clinic_form .contact-section_checkbox .cc__question-description p,
#adhd-clinic_form .contact-section_checkbox .cc__question-description strong,
#adhd-clinic_form .contact-section_checkbox .cc__question-description b {
  color: var(--pure-white, #ffffff) !important;
}

#adhd-clinic_form .cc__inline-error,
#adhd-clinic_form .has-field-error {
  color: #ff9076 !important;
  border-color: #ff9076 !important;
}

#adhd-clinic_form .cc__radioGroup-question .cc__element-error,
#adhd-clinic_form .cc__radioGroup-question-wrapper .cc__element-error,
#adhd-clinic_form .cc__multipleSelection-question .cc__element-error,
#adhd-clinic_form
  .cc__question:not(.form_contact-section-field)
  .cc__element-error {
  color: #ff9076 !important;
}

/* 6. Footer Navigation: Brand Peach Bar with Ivy Buttons */
#adhd-clinic_form .form-get-started_footer {
  background-color: var(--peach, #eea880) !important;
}

#adhd-clinic_form .footer_content {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  background-color: var(--peach, #eea880) !important;
}

#adhd-clinic_form
  .footer_button-wrapper
  [data-selector-element-id='vRmc2iNqECKf3CrsA']
  .cc__button,
#adhd-clinic_form
  .footer_button-wrapper
  [data-selector-element-id='4QrXupMkZZFqbNLLA']
  .cc__button,
#adhd-clinic_form
  .footer_content
  [data-selector-element-id='wxq47FTpjGqR57Pct']
  .cc__button,
#adhd-clinic_form
  .footer_content
  [data-selector-element-id='ZooM8SFmgQZMWz3EJ']
  .cc__button {
  background-color: var(--ivy-title-color, #16434a) !important;
  color: var(--pure-white, #ffffff) !important;
  border: 2px solid var(--ivy-title-color, #16434a) !important;
  box-shadow: 0 4px 14px rgba(22, 67, 74, 0.25) !important;
}

#adhd-clinic_form
  .footer_button-wrapper
  [data-selector-element-id='vRmc2iNqECKf3CrsA']
  .cc__button:hover,
#adhd-clinic_form
  .footer_button-wrapper
  [data-selector-element-id='4QrXupMkZZFqbNLLA']
  .cc__button:hover,
#adhd-clinic_form
  .footer_content
  [data-selector-element-id='wxq47FTpjGqR57Pct']
  .cc__button:hover,
#adhd-clinic_form
  .footer_content
  [data-selector-element-id='ZooM8SFmgQZMWz3EJ']
  .cc__button:hover {
  background-color: var(--sand, #b36e48) !important;
  border-color: var(--sand, #b36e48) !important;
  color: var(--pure-white, #ffffff) !important;
  box-shadow: 0 4px 18px rgba(179, 110, 72, 0.4) !important;
}

#adhd-clinic_form
  .footer_button-wrapper
  [data-selector-element-id='73KXcMA4EKc8LnCGM']
  .cc__button {
  color: var(--ivy-title-color, #16434a) !important;
  opacity: 0.8 !important;
  font-weight: 600 !important;
}

#adhd-clinic_form
  .footer_button-wrapper
  [data-selector-element-id='73KXcMA4EKc8LnCGM']
  .cc__button:hover {
  opacity: 1 !important;
  color: var(--dark-ivy-body-text-color, #0a1b1f) !important;
}

#adhd-clinic_form .footer_progress-bar .cc__formula-result-text {
  color: var(--ivy-title-color, #16434a) !important;
  font-weight: 500 !important;
}

/* 7. Final Therapist Results Cards on Clinic Page */
#adhd-clinic_form .kEilOV,
#adhd-clinic_form [data-selector-element-id='wsbjtKNrcmMG5FF9u'],
#adhd-clinic_form
  .final_container
  > .cc__container-element-wrapper:first-child {
  margin-top: 0 !important;
}

#adhd-clinic_form .form_final-content-wrap,
#adhd-clinic_form [data-selector-element-id='9tQhLcKgwz5G3pSdn'],
#adhd-clinic_form [data-selector-element-id='qp7n43NcR6cXFSipM'] {
  margin-top: 0 !important;
  padding-top: 36px !important;
}

#adhd-clinic_form .form_final_card-content {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12) !important;
}

#adhd-clinic_form .form_final_card-content:hover {
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.2) !important;
}

/* ADHD Clinic: Fallback Review Screen Button (Peach CTA on Dark Ivy) */
#adhd-clinic_form [data-selector-element-id='dPCGYH39hCqWTxY2v'] .cc__button {
  background-color: var(--peach, #eea880) !important;
  color: var(--ivy-title-color, #16434a) !important;
  border: 2px solid var(--peach, #eea880) !important;
}

#adhd-clinic_form
  [data-selector-element-id='dPCGYH39hCqWTxY2v']
  .cc__button:hover {
  background-color: var(--sand, #b36e48) !important;
  border-color: var(--pure-white, #ffffff) !important;
  color: var(--pure-white, #ffffff) !important;
  box-shadow: 0 4px 18px rgba(179, 110, 72, 0.4) !important;
  transform: translateY(-2px);
}

/* ADHD Clinic: White badge background for review screen logo */
#adhd-clinic_form .final_logo-image img,
#adhd-clinic_form [data-selector-element-id='TcsG8HRhu74CkCEjh'] img {
  background-color: var(--pure-white, #ffffff) !important;
  padding: 20px !important;
  border-radius: 16px !important;
  box-sizing: content-box !important;
  max-width: 80px !important;
  max-height: 90px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto 16px auto !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15) !important;
}

/* ==========================================================================
   GLOBAL & ADHD CLINIC: "CALL US" Teen Inquiry Standalone Button
   ========================================================================== */

/* 1. Global Centering and Width Constraint for ALL Pages (/start, /a/start-today, etc.) */
[data-selector-element-id='aY3zfD2xujuyj7rxv'] {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin-top: 18px !important;
  margin-bottom: 24px !important;
}

[data-selector-element-id='aY3zfD2xujuyj7rxv'] .cc__button-element,
[data-selector-element-id='aY3zfD2xujuyj7rxv'] .kWHZI,
[data-selector-element-id='aY3zfD2xujuyj7rxv'] [class*='kWHZI'] {
  width: auto !important;
  display: flex !important;
  justify-content: center !important;
}

/* Constrains the 900px monster button down to an elegant 200-280px pill */
[data-selector-element-id='aY3zfD2xujuyj7rxv'] .cc__button {
  width: auto !important;
  min-width: 200px !important;
  max-width: 280px !important;
  height: 50px !important;
  min-height: 50px !important;
  padding: 10px 28px !important;
  border-radius: var(--boeder-radius-buttons, 30px) !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
  background-color: var(--ivy-title-color, #16434a) !important;
  color: var(--pure-white, #ffffff) !important;
  border: 2px solid var(--ivy-title-color, #16434a) !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

[data-selector-element-id='aY3zfD2xujuyj7rxv'] .cc__button:hover {
  background-color: var(--peach, #eea880) !important;
  color: var(--ivy-title-color, #16434a) !important;
  border-color: var(--peach, #eea880) !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(22, 67, 74, 0.2) !important;
}

[data-selector-element-id='aY3zfD2xujuyj7rxv'] .cc__button:active {
  transform: translateY(0);
}

/* 2. ADHD Clinic Scoped Color Inversion (Peach on Dark Ivy) */
#adhd-clinic_form [data-selector-element-id='aY3zfD2xujuyj7rxv'] .cc__button {
  background-color: var(--peach, #eea880) !important;
  color: var(--ivy-title-color, #16434a) !important;
  border-color: var(--peach, #eea880) !important;
}

#adhd-clinic_form [data-selector-element-id='aY3zfD2xujuyj7rxv'] .cc__button:hover {
  background-color: var(--sand, #b36e48) !important;
  border-color: var(--pure-white, #ffffff) !important;
  color: var(--pure-white, #ffffff) !important;
  box-shadow: 0 4px 18px rgba(179, 110, 72, 0.4) !important;
}

/* ADHD Clinic Text Highlights */
.clinic-adhd_highlight-underline {
  position: relative;
  display: inline-block;
  line-height: 1;
  z-index: 1;
}

.clinic-adhd_highlight-underline::after {
  content: '';
  position: absolute;
  bottom: -15px;
  left: 0;
  width: 100%;
  height: 15px;
  background-image: url('https://cdn.prod.website-files.com/625ea83f782e7712faae42df/686e7e09abed3c28ce3fca83_text-hightlight-1.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center bottom;
  z-index: -1;
  pointer-events: none;
}

.clinic-adhd_highlight-underline-2 {
  position: relative;
  display: inline-block;
  line-height: 1;
  z-index: 1;
}

.clinic-adhd_highlight-underline-2::after {
  content: '';
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 120%;
  height: 15px;
  background-image: url('https://cdn.prod.website-files.com/625ea83f782e7712faae42df/686e7e09d9423af7ea9e9962_text-hightlight-3.svg');
  background-repeat: no-repeat;
  background-size: 110% 110%;
  background-position: center bottom;
  z-index: -1;
  pointer-events: none;
}

.clinic-adhd_highlight-circle {
  position: relative;
  display: inline-block;
  line-height: 1;
  z-index: 1;
}

.clinic-adhd_highlight-circle::after {
  content: '';
  position: absolute;
  top: -60%;
  left: -35%;
  width: 190%;
  height: 240%;
  background-image: url('https://cdn.prod.website-files.com/625ea83f782e7712faae42df/686e7e09744d214137838c4a_text-hightlight-2.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  z-index: -1;
  pointer-events: none;
}

/* 9.2 #get-started_form Specifics */
#get-started_form .intro-pointer-arrow,
#get-started_form .form-arrow-indicator,
#get-started_form [class*='arrow-indicator'] {
  display: none !important;
}

/* 9.3 #start-today_form Specifics */
#start-today_form .start-page-ads_style .cc__button {
  padding: 25px 30px !important;
  font-size: 16px !important;
}

/* ==========================================================================
   10. RESPONSIVE BREAKPOINTS & MOBILE ENGINE
   ========================================================================== */

/* 10.1 Tablet (max-width: 991px) */
@media only screen and (max-width: 991px) {
  .form_header-wrapper .cc__heading-element h1,
  .form_header-wrapper .cc__heading-element h2,
  .heading,
  .heading *,
  .heading p,
  .heading div {
    font-size: 48px !important;
    line-height: 1.2 !important;
  }

  .heading-s,
  .heading-s *,
  .heading-s p,
  .heading-s div,
  .heading-s span {
    font-size: 32px !important;
    line-height: 1.25 !important;
  }

  .header_start-btn .cc__button {
    padding: 20px 48px !important;
    font-size: 22px !important;
    border-radius: 100px !important;
  }

  .header_start-btn .material-symbols-outlined {
    font-size: 28px !important;
  }

  /* Centered Arrow Column Layout on Tablet (/start only) */
  .header_start-btn .cc__button-element > div,
  .header_start-btn .kWHZI,
  .header_start-btn [class*='kWHZI'] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
  }

  .start-page_button-arrow {
    position: static !important;
    display: block !important;
    width: 110px !important;
    margin-bottom: 20px;
    margin-right: 110px;
    max-width: 110px !important;
    height: auto !important;
    pointer-events: none !important;
  }

  /* ADHD Clinic Scoped Responsive Overrides on Tablet */
  #adhd-clinic_form .header_start-btn .cc__button {
    padding: 20px 48px !important;
    font-size: 22px !important;
    white-space: nowrap !important;
  }

  #adhd-clinic_form .header_start-btn .material-symbols-outlined {
    font-size: 28px !important;
  }

  #adhd-clinic_form .heading p,
  #adhd-clinic_form .heading h2 {
    font-size: 50px !important;
    line-height: 1.2 !important;
  }

  #adhd-clinic_form .heading-s h2 {
    font-size: 32px !important;
    line-height: 1.2 !important;
  }

  .form_final_card-content {
    grid-template-columns: 215px 1fr !important;
    column-gap: 18px !important;
    padding: 20px !important;
  }

  .form_final-card-img,
  .form_final-card-img img,
  .form_final-card-img .cc__image-element img {
    max-width: 215px !important;
    max-height: 215px !important;
  }
}

/* ==========================================================================
   10.2 Mobile Landscape & Tablet Portrait (max-width: 768px)
   ========================================================================== */
@media only screen and (max-width: 768px) {
  /* HARD RESET: Carpet neutralization of containing block traps on WebKit */
  .start-page_questionnaire-form,
  .start-page_questionnaire-form *,
  .start-page_qst-form_container,
  .start-page_qst-form_container *,
  .start-page_questionnaire-form_content-wrap,
  .start-page_questionnaire-form_content-wrap *,
  .start-page_questionnaire-form_content,
  .start-page_questionnaire-form_content *,
  .start-page_questionnaire-form_convert-calc,
  .start-page_questionnaire-form_convert-calc *,
  .calculator,
  .calculator *,
  .cc-calculator,
  .cc-calculator *,
  .cc,
  .cc * {
    contain: none !important;
  }

  /* Structural parent transforms reset */
  .start-page_questionnaire-form,
  .start-page_qst-form_container,
  .start-page_questionnaire-form_content-wrap,
  .start-page_questionnaire-form_content,
  .start-page_questionnaire-form_convert-calc,
  .start-page-ads_qst-form_content-right,
  .calculator,
  .cc-calculator,
  .cc {
    transform: none !important;
    -webkit-transform: none !important;
    filter: none !important;
    perspective: none !important;
    will-change: auto !important;
  }

  .cc {
    overflow-x: clip !important;
    overflow-y: visible !important;
    height: auto !important;
  }

  .quiz-content,
  .overflow-view,
  .cc__view-container,
  .cc__view,
  .sc-ftWlEF.sc-faCEWe.ecAwQh.gHHYKI,
  [class*='ViewContainer'],
  [class*='view-container'] {
    padding-bottom: 20px !important;
  }

  [data-selector-element-id='RqEftDYAtpHhz7EkR'] {
    padding-bottom: 30px !important;
  }

  [data-selector-element-id='dPCGYH39hCqWTxY2v'] {
    margin-bottom: 26px !important;
  }

  [data-selector-element-id='M8cBsGmnmZLGXbauR'] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }

  [data-selector-element-id='7HiTFjtQxG3uBN4XE'],
  [data-selector-element-id='S68itzzJ6GjfM4AEM'] {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
  }

  [data-selector-element-id='mmcW33YBqkNnwduCg'] h2,
  [data-selector-element-id='mmcW33YBqkNnwduCg'] .cc__title-title {
    font-size: 22px !important;
  }

  .fGpfg,
  .jphuxh,
  .StyledRadioGroup__StyledComponent-sc-9697f4e6-0,
  .MultipleSelection__MultipleSelectionContainer-sc-314b1c5c-0 {
    column-gap: 10px !important;
    row-gap: 10px !important;
  }

  .form_header-wrapper .cc__heading-element h2 {
    font-size: 55px !important;
  }

  /* ADHD Clinic Scoped Responsive Overrides on Mobile Landscape */
  #adhd-clinic_form .header_start-btn .cc__button {
    padding: 18px 40px !important;
    font-size: 20px !important;
    white-space: nowrap !important;
  }

  #adhd-clinic_form .header_start-btn .material-symbols-outlined {
    font-size: 26px !important;
  }

  #adhd-clinic_form .heading p,
  #adhd-clinic_form .heading h2 {
    font-size: 48px !important;
    line-height: 1.2 !important;
  }

  #adhd-clinic_form .heading-s h2,
  #adhd-clinic_form .heading-s p {
    font-size: 35px !important;
    line-height: 1.3 !important;
  }

  .contact-section_checkbox.cc__checkbox-question-wrapper,
  .contact-section_checkbox {
    padding: 0 !important;
    margin: 12px 0 0 0 !important;
  }

  .contact-section_checkbox[data-selector-element-id='qtauHbnPXkneHaJsg'],
  .form_contact-section-field + .contact-section_checkbox {
    margin-top: 20px !important;
  }

  .contact-section_checkbox .cc__question-description p {
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  .form_contact-divider,
  .cc__divider-element-wrapper {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }

  .contact-section_checkbox[data-selector-element-id='7yvpHEwhZwKtaB5Ew'] {
    margin-top: 0 !important;
  }

  .cc__radioGroup-question-button {
    padding: 8px 15px !important;
  }

  .cc__radio-question-item {
    padding: 10px 15px !important;
  }

  .final_container
    > .cc__container-element-wrapper:has(.form_final_card-content),
  .final_container .cc__container-element-wrapper,
  .final_container .form_final_card-content {
    width: 100% !important;
    max-width: 580px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #adhd-clinic_form .form_final-content-wrap,
  #adhd-clinic_form [data-selector-element-id='9tQhLcKgwz5G3pSdn'],
  #adhd-clinic_form [data-selector-element-id='qp7n43NcR6cXFSipM'] {
    padding-top: 24px !important;
  }

  .form_final_card-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 32px 28px !important;
    min-height: auto !important;
    gap: 18px !important;
    border-radius: 20px !important;
  }

  .form_final-card-img {
    max-width: 220px !important;
  }

  .form_final-card-img img,
  .form_final-card-img .cc__image-element img {
    max-width: 220px !important;
    max-height: 220px !important;
  }

  .therapist-name-parsed {
    font-size: 26px !important;
    line-height: 1.25 !important;
  }

  .therapist-credentials-parsed {
    font-size: 17px !important;
  }

  .form_final-btn-group {
    width: 100% !important;
    max-width: 420px !important;
  }

  .form_final-btn-group > div,
  .form_final-btn-group .ifiFqk {
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
  }

  .form_final-btn-group .cc__button-element-wrapper {
    width: 100% !important;
    max-width: 100% !important;
  }

  .form_final-btn-group .cc__button {
    width: 100% !important;
    max-width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    font-size: 15px !important;
    border-radius: 14px !important;
  }

  .form_header-wrapper {
    min-height: 500px;
    display: flex;
    justify-content: center;
  }

  /* In-flow Mobile Footer (Natural document flow / No iOS WebKit traps) */
  .form-get-started_footer {
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    z-index: 10 !important;
    background-color: var(--peach, #eea880) !important;
    border-radius: 0 !important;
    margin-top: 20px !important;
    padding-bottom: 8px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  /* Footer Content Layout: Progress bar left, buttons grouped right */
  .footer_content {
    padding: 12px 15px 12px 15px !important;
    gap: 10px !important;
    background-color: var(--peach, #eea880) !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
  }

  .footer_progress-bar {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: 45% !important;
    margin-right: auto !important;
  }

  .footer_progress-bar .cc__formula-result-text {
    color: var(--ivy-title-color, #16434a) !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    font-size: 11px !important;
  }

  .footer_button-wrapper {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    flex: 0 0 auto !important;
    flex-wrap: nowrap !important;
  }

  /* SEE YOUR RESULTS Container: Strictly respect ConvertCalculator native hidden state */
  .footer_content > [data-selector-element-id='P2DRnZJbuvYuLmo6f'] {
    flex: 0 0 auto !important;
  }

  .footer_content
    > [data-selector-element-id='P2DRnZJbuvYuLmo6f'].cc__element--hidden,
  .footer_content
    > [data-selector-element-id='P2DRnZJbuvYuLmo6f'][style*='display: none'] {
    display: none !important;
  }

  /* Mobile Navigation Buttons on Peach Footer */
  .footer_button-wrapper
    [data-selector-element-id='vRmc2iNqECKf3CrsA']
    .cc__button,
  .footer_button-wrapper
    [data-selector-element-id='4QrXupMkZZFqbNLLA']
    .cc__button,
  .footer_content [data-selector-element-id='wxq47FTpjGqR57Pct'] .cc__button,
  .footer_content [data-selector-element-id='ZooM8SFmgQZMWz3EJ'] .cc__button {
    background-color: var(--ivy-title-color, #16434a) !important;
    color: var(--pure-white, #ffffff) !important;
    border: 2px solid var(--ivy-title-color, #16434a) !important;
    box-shadow: 0 2px 8px rgba(22, 67, 74, 0.25) !important;
    min-width: auto !important;
    padding: 6px 14px !important;
    height: 38px !important;
    font-size: 12px !important;
    letter-spacing: 0.6px !important;
    white-space: nowrap !important;
    border-radius: var(--boeder-radius-buttons, 30px) !important;
    touch-action: manipulation !important;
  }

  .footer_button-wrapper
    [data-selector-element-id='vRmc2iNqECKf3CrsA']
    .cc__button:hover,
  .footer_button-wrapper
    [data-selector-element-id='4QrXupMkZZFqbNLLA']
    .cc__button:hover,
  .footer_content
    [data-selector-element-id='wxq47FTpjGqR57Pct']
    .cc__button:hover,
  .footer_content
    [data-selector-element-id='ZooM8SFmgQZMWz3EJ']
    .cc__button:hover {
    background-color: var(--light-ivy, #2f5b63) !important;
    border-color: var(--light-ivy, #2f5b63) !important;
    color: var(--pure-white, #ffffff) !important;
  }

  #adhd-clinic_form
    .footer_button-wrapper
    [data-selector-element-id='vRmc2iNqECKf3CrsA']
    .cc__button:hover,
  #adhd-clinic_form
    .footer_button-wrapper
    [data-selector-element-id='4QrXupMkZZFqbNLLA']
    .cc__button:hover,
  #adhd-clinic_form
    .footer_content
    [data-selector-element-id='wxq47FTpjGqR57Pct']
    .cc__button:hover,
  #adhd-clinic_form
    .footer_content
    [data-selector-element-id='ZooM8SFmgQZMWz3EJ']
    .cc__button:hover {
    background-color: var(--sand, #b36e48) !important;
    border-color: var(--sand, #b36e48) !important;
    color: var(--pure-white, #ffffff) !important;
  }

  .footer_button-wrapper
    [data-selector-element-id='vRmc2iNqECKf3CrsA']
    .cc__button
    .material-symbols-outlined,
  .footer_button-wrapper
    [data-selector-element-id='4QrXupMkZZFqbNLLA']
    .cc__button
    .material-symbols-outlined,
  .footer_content
    [data-selector-element-id='wxq47FTpjGqR57Pct']
    .cc__button
    .material-symbols-outlined,
  .footer_content
    [data-selector-element-id='ZooM8SFmgQZMWz3EJ']
    .cc__button
    .material-symbols-outlined {
    font-size: 14px !important;
    margin-left: 4px !important;
  }

  .footer_button-wrapper
    [data-selector-element-id='73KXcMA4EKc8LnCGM']
    .cc__button {
    color: var(--ivy-title-color, #16434a) !important;
    opacity: 0.8 !important;
    font-weight: 600 !important;
    padding: 6px 8px !important;
    height: 38px !important;
    font-size: 12px !important;
    letter-spacing: 0.5px !important;
    white-space: nowrap !important;
    touch-action: manipulation !important;
  }
}

/* 10.3 Mobile Portrait (max-width: 479px) */
@media only screen and (max-width: 479px) {
  .form_header-wrapper .cc__heading-element h1,
  .form_header-wrapper .cc__heading-element h2,
  .heading,
  .heading *,
  .heading p,
  .heading div {
    font-size: 38px !important;
    line-height: 1.2 !important;
  }

  .heading-s,
  .heading-s *,
  .heading-s p,
  .heading-s div,
  .heading-s span {
    font-size: 26px !important;
    line-height: 1.25 !important;
  }

  .header_start-btn .cc__button {
    padding: 18px 36px !important;
    font-size: 18px !important;
    border-radius: 100px !important;
  }

  /* ADHD Clinic Scoped CTA Button on Mobile Portrait (< 480px / 320px) */
  #adhd-clinic_form .header_start-btn .cc__button {
    padding: 14px 26px !important;
    font-size: 17px !important;
    letter-spacing: 0.8px !important;
    white-space: nowrap !important;
    border-radius: 100px !important;
    max-width: 100% !important;
    width: auto !important;
  }

  #adhd-clinic_form .header_start-btn .material-symbols-outlined {
    font-size: 22px !important;
    margin-left: 6px !important;
    vertical-align: middle !important;
  }

  .start-page_button-arrow {
    width: 95px !important;
    max-width: 95px !important;
    margin-bottom: 15px;
    margin-right: 95px;
  }

  .form_header-wrapper {
    min-height: 400px !important;
    display: flex !important;
    justify-content: center !important;
  }

  .cc__textField-question-input {
    width: 100% !important;
  }

  .healthcare-benefits_section button,
  .price-therapy_section button {
    width: 100% !important;
    max-width: 280px !important;
  }

  .cc__radioGroup-question-button,
  .cc__radio-question-item,
  .cc__checkbox-question-wrapper {
    width: 100% !important;
    max-width: 280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Mobile Portrait: Generous breathing room for in-flow footer */
  .form-get-started_footer {
    margin-top: 24px !important;
    padding: 0 !important;
  }

  .footer_content {
    padding: 16px 14px !important;
    gap: 8px !important;
  }

  .footer_progress-bar .cc__formula-result-text {
    font-size: 10px !important;
  }

  .footer_button-wrapper {
    gap: 3px !important;
  }

  .footer_button-wrapper
    [data-selector-element-id='vRmc2iNqECKf3CrsA']
    .cc__button,
  .footer_button-wrapper
    [data-selector-element-id='4QrXupMkZZFqbNLLA']
    .cc__button,
  .footer_content [data-selector-element-id='wxq47FTpjGqR57Pct'] .cc__button,
  .footer_content [data-selector-element-id='ZooM8SFmgQZMWz3EJ'] .cc__button {
    padding: 5px 8px !important;
    font-size: 11px !important;
    letter-spacing: 0.4px !important;
    height: 36px !important;
  }

  .footer_button-wrapper
    [data-selector-element-id='73KXcMA4EKc8LnCGM']
    .cc__button {
    padding: 4px 4px !important;
    font-size: 10px !important;
    height: 36px !important;
  }

  .final_container
    > .cc__container-element-wrapper:has(.form_final_card-content),
  .final_container .cc__container-element-wrapper,
  .final_container .form_final_card-content {
    max-width: 100% !important;
  }

  .form_final_card-content {
    padding: 22px 16px !important;
    gap: 14px !important;
    border-radius: 16px !important;
  }

  .form_final-card-img {
    max-width: 185px !important;
  }

  .form_final-card-img img,
  .form_final-card-img .cc__image-element img {
    max-width: 185px !important;
    max-height: 185px !important;
  }

  .therapist-name-parsed {
    font-size: 21px !important;
  }

  .therapist-credentials-parsed {
    font-size: 15px !important;
  }

  .form_final-btn-group {
    width: 100% !important;
    max-width: 320px !important;
  }

  .form_final-btn-group > div,
  .form_final-btn-group .ifiFqk {
    gap: 10px !important;
  }

  .form_final-btn-group .cc__button {
    height: 48px !important;
    min-height: 48px !important;
    font-size: 14px !important;
    border-radius: 12px !important;
  }
}