/* Harmony Healing Center V7.9.82
   SERVICES MOBILE ROOT FIX v2
   Scope: EN/AR Services only at <= 820px.
   Purpose: eliminate legacy CSS order/absolute positioning collisions.
   Desktop > 820px is untouched.
*/

@media (max-width: 820px) {

  .svc7921-page .svc7935-directory-intro [data-svc7921-reveal],
  .svc7921-page .svc7935-section-head [data-svc7921-reveal] {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    translate: none !important;
    animation: none !important;
  }

  html body .svc7921-page .svc7933-directory-intro.svc7935-directory-intro {
    position: relative !important;
    inset: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 30px 22px 30px !important;
    margin: 0 !important;
    gap: 14px !important;
    overflow: visible !important;
    transform: none !important;
    translate: none !important;
    float: none !important;
    isolation: isolate !important;
  }

  html body .svc7921-page .svc7933-directory-intro.svc7935-directory-intro > * {
    position: static !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    float: none !important;
    grid-area: auto !important;
    transform: none !important;
    translate: none !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  html body .svc7921-page .svc7935-directory-title-row {
    order: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body .svc7921-page .svc7935-directory-title-row > span {
    display: none !important;
  }

  html body .svc7921-page .svc7935-directory-title-row h2 {
    display: block !important;
    position: static !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: clamp(38px, 10.5vw, 48px) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.035em !important;
    text-align: left !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    z-index: 1 !important;
  }

  html body .svc7921-page .svc7933-directory-intro.svc7935-directory-intro > p {
    order: 2 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 16px !important;
    line-height: 1.62 !important;
    text-align: left !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: break-word !important;
    z-index: 1 !important;
  }

  html body .svc7921-page .svc7933-directory-intro.svc7935-directory-intro > .svc7935-view-all {
    order: 3 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: flex-start !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 52px !important;
    margin: 4px 0 0 !important;
    padding: 0 24px !important;
    white-space: nowrap !important;
    z-index: 1 !important;
  }

  html body .svc7921-page .svc7921-group {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: visible !important;
  }

  html body .svc7921-page .svc7921-section-head.svc7935-section-head {
    position: relative !important;
    inset: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 28px 22px 26px !important;
    margin: 0 !important;
    gap: 14px !important;
    overflow: visible !important;
    transform: none !important;
    translate: none !important;
    float: none !important;
    isolation: isolate !important;
  }

  html body .svc7921-page .svc7921-section-head.svc7935-section-head > * {
    position: static !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    float: none !important;
    grid-area: auto !important;
    transform: none !important;
    translate: none !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  html body .svc7921-page .svc7935-section-identity {
    order: 1 !important;
    position: static !important;
    display: grid !important;
    grid-template-columns: auto auto minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    justify-content: start !important;
    column-gap: 10px !important;
    row-gap: 8px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html body .svc7921-page .svc7935-section-identity .svc7921-section-num {
    grid-column: 1 !important;
    grid-row: 1 !important;
    order: 1 !important;
    position: static !important;
    margin: 0 !important;
    transform: none !important;
    translate: none !important;
    align-self: center !important;
  }

  html body .svc7921-page .svc7935-section-identity .svc7935-section-icon {
    grid-column: 2 !important;
    grid-row: 1 !important;
    order: 2 !important;
    position: static !important;
    margin: 0 !important;
    transform: none !important;
    translate: none !important;
    align-self: center !important;
  }

  html body .svc7921-page .svc7935-section-identity h2 {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    order: 3 !important;
    display: block !important;
    position: static !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: clamp(36px, 10vw, 46px) !important;
    line-height: 1.03 !important;
    letter-spacing: -0.035em !important;
    text-align: left !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    z-index: 1 !important;
  }

  html body .svc7921-page .svc7921-section-head.svc7935-section-head > p {
    order: 2 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 16px !important;
    line-height: 1.62 !important;
    text-align: left !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: break-word !important;
    z-index: 1 !important;
  }

  html body .svc7921-page .svc7921-section-head.svc7935-section-head > a {
    order: 3 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: flex-start !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 52px !important;
    margin: 2px 0 0 !important;
    padding: 0 24px !important;
    white-space: nowrap !important;
    z-index: 1 !important;
  }

  html body .svc7921-page .svc7921-card-grid {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-top: 0 !important;
    transform: none !important;
    translate: none !important;
    gap: 22px !important;
  }

  html body .svc7921-page .svc7921-card,
  html body .svc7921-page .svc7921-card-link,
  html body .svc7921-page .svc7921-card-body,
  html body .svc7921-page .svc7921-card-image {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  html body .svc7921-page .svc7921-card-body h3,
  html body .svc7921-page .svc7921-card-body p {
    position: static !important;
    transform: none !important;
    translate: none !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }

  html[dir="rtl"] body .svc7921-page .svc7935-directory-title-row h2,
  html[dir="rtl"] body .svc7921-page .svc7933-directory-intro.svc7935-directory-intro > p,
  html[dir="rtl"] body .svc7921-page .svc7935-section-identity h2,
  html[dir="rtl"] body .svc7921-page .svc7921-section-head.svc7935-section-head > p {
    text-align: right !important;
  }

  html[dir="rtl"] body .svc7921-page .svc7933-directory-intro.svc7935-directory-intro > .svc7935-view-all,
  html[dir="rtl"] body .svc7921-page .svc7921-section-head.svc7935-section-head > a {
    align-self: flex-end !important;
  }
}

@media (max-width: 430px) {
  html body .svc7921-page .svc7933-directory-intro.svc7935-directory-intro {
    padding: 26px 18px 26px !important;
    gap: 12px !important;
  }

  html body .svc7921-page .svc7935-directory-title-row h2 {
    font-size: clamp(36px, 10.2vw, 43px) !important;
  }

  html body .svc7921-page .svc7933-directory-intro.svc7935-directory-intro > p {
    font-size: 15.5px !important;
    line-height: 1.58 !important;
  }

  html body .svc7921-page .svc7921-section-head.svc7935-section-head {
    padding: 24px 18px 24px !important;
    gap: 12px !important;
  }

  html body .svc7921-page .svc7935-section-identity h2 {
    font-size: clamp(34px, 9.8vw, 41px) !important;
    line-height: 1.04 !important;
  }

  html body .svc7921-page .svc7921-section-head.svc7935-section-head > p {
    font-size: 15.5px !important;
    line-height: 1.58 !important;
  }

  html body .svc7921-page .svc7933-directory-intro.svc7935-directory-intro > .svc7935-view-all,
  html body .svc7921-page .svc7921-section-head.svc7935-section-head > a {
    min-height: 50px !important;
    padding-inline: 22px !important;
  }
}