@font-face{font-family:"Alo Vazirmatn";font-style:normal;font-display:swap;font-weight:400;src:url("../fonts/vazirmatn-arabic-400-normal.woff2") format("woff2")}
@font-face{font-family:"Alo Vazirmatn";font-style:normal;font-display:swap;font-weight:500;src:url("../fonts/vazirmatn-arabic-500-normal.woff2") format("woff2")}
@font-face{font-family:"Alo Vazirmatn";font-style:normal;font-display:swap;font-weight:600;src:url("../fonts/vazirmatn-arabic-600-normal.woff2") format("woff2")}
@font-face{font-family:"Alo Vazirmatn";font-style:normal;font-display:swap;font-weight:700;src:url("../fonts/vazirmatn-arabic-700-normal.woff2") format("woff2")}
@font-face{font-family:"Alo Vazirmatn";font-style:normal;font-display:swap;font-weight:800;src:url("../fonts/vazirmatn-arabic-800-normal.woff2") format("woff2")}
@font-face{font-family:"Alo Vazirmatn";font-style:normal;font-display:swap;font-weight:900;src:url("../fonts/vazirmatn-arabic-900-normal.woff2") format("woff2")}
:root{--alo-font-family:"Alo Vazirmatn","IRANSansWeb","IRANSans",Tahoma,Arial,sans-serif}

/* Alo Clinic Theta — Phase 1.9.31 Android WebView recovery
   My Page mobile Home architecture, inspired by the supplied reference.
   This is the only stylesheet loaded after the legacy/runtime layers for the
   Home shell. Geometry uses Android 8 compatible flex/grid/absolute layout. */

#app.alo-my-page-home {
  --alo-page-bg: #f4f5f3;
  --alo-page-card: #ffffff;
  --alo-page-ink: #172b27;
  --alo-page-muted: #7e8986;
  --alo-page-green: #07866d;
  --alo-page-green-2: #22b68e;
  --alo-page-pale: #eaf7f2;
  position: relative !important;
  padding: 0 !important;
  background: var(--alo-page-bg) !important;
  font-family: "Alo Vazirmatn", "IRANSansWeb", "IRANSans", Tahoma, Arial, sans-serif !important;
}

/* Header: large white My Page surface with a balanced central cradle. */
#app.alo-my-page-home .theta-home-page-label { display: none; }
#app.alo-my-page-home.is-home .theta-dashboard-topbar {
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 42 !important;
  flex: 0 0 144px !important;
  display: block !important;
  width: 100% !important;
  height: 144px !important;
  min-height: 144px !important;
  padding: 0 !important;
  overflow: visible !important;
  isolation: auto !important;
  border: 0 !important;
  background: #fff !important;
  box-shadow: 0 4px 18px rgba(33, 62, 57, .025) !important;
}
#app.alo-my-page-home.is-home .theta-topbar-brand,
#app.alo-my-page-home.is-home .theta-back-btn { display: none !important; }
#app.alo-my-page-home.is-home .theta-home-page-label {
  position: absolute !important;
  right: 25px !important;
  bottom: 27px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 8px !important;
  color: var(--alo-page-ink) !important;
  z-index: 3 !important;
}
#app.alo-my-page-home.is-home .theta-home-page-label svg {
  display: block !important;
  width: 27px !important;
  height: 27px !important;
  fill: var(--alo-page-green) !important;
}
#app.alo-my-page-home.is-home .theta-home-page-label strong {
  margin: 0 !important;
  font-size: 16px !important;
  line-height: 1.3 !important;
  font-weight: 900 !important;
}
#app.alo-my-page-home.is-home .theta-hamburger {
  position: absolute !important;
  left: 24px !important;
  bottom: 28px !important;
  display: grid !important;
  place-items: center !important;
  width: 44px !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 7px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: transparent !important;
  color: var(--alo-page-green) !important;
  z-index: 3 !important;
}
#app.alo-my-page-home.is-home .theta-hamburger svg {
  display: block !important;
  width: 29px !important;
  height: 29px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.9 !important;
}
#app.alo-my-page-home.is-home .theta-dashboard-topbar:before,
#app.alo-my-page-home.is-home .theta-dashboard-topbar:after {
  content: "" !important;
  position: absolute !important;
  bottom: -44px !important;
  /* Android 8 WebView may paint negative-z pseudo elements as black polygons. */
  z-index: 1 !important;
  display: block !important;
  width: calc(50% - 49px) !important;
  height: 46px !important;
  background: #fff !important;
}
#app.alo-my-page-home.is-home .theta-dashboard-topbar:before {
  right: 0 !important;
  left: auto !important;
  border-radius: 0 0 0 58px !important;
}
#app.alo-my-page-home.is-home .theta-dashboard-topbar:after {
  right: auto !important;
  left: 0 !important;
  border-radius: 0 0 58px 0 !important;
}
#app.alo-my-page-home.is-home .theta-shell-notch {
  position: absolute !important;
  top: 119px !important;
  left: 50% !important;
  z-index: 46 !important;
  display: grid !important;
  width: 86px !important;
  height: 86px !important;
  transform: translateX(-50%) !important;
  place-items: center !important;
  pointer-events: none !important;
  -webkit-transform: translateX(-50%) !important;
  -webkit-backface-visibility: hidden !important;
  backface-visibility: hidden !important;
}
#app.alo-my-page-home.is-home .theta-shell-notch:before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  display: block !important;
  border: 7px solid var(--alo-page-bg) !important;
  border-radius: 50% !important;
  background: #fff !important;
  box-shadow: 0 7px 20px rgba(22, 66, 57, .08) !important;
  z-index: 0 !important;
}
#app.alo-my-page-home.is-home .theta-shell-notch button {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 66px !important;
  height: 66px !important;
  padding: 7px !important;
  overflow: hidden !important;
  pointer-events: auto !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: linear-gradient(145deg, #f8fffc, #e7f6f0) !important;
  box-shadow: 0 0 0 1px #dceae5 !important;
  z-index: 1 !important;
}
#app.alo-my-page-home.is-home .theta-shell-notch img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  border-radius: 50% !important;
}

/* Main scroll surface */
#app.alo-my-page-home .screen {
  min-height: 0 !important;
  padding-bottom: 36px !important;
  background: var(--alo-page-bg) !important;
  scroll-padding-bottom: 36px !important;
}
#app.alo-my-page-home.is-home .screen {
  padding-top: 61px !important;
  padding-right: 18px !important;
  padding-left: 18px !important;
}
#app.alo-my-page-home .theta-home-identity {
  min-height: 102px !important;
  margin: 0 0 14px !important;
  padding: 0 10px !important;
  text-align: center !important;
  direction: rtl !important;
}
#app.alo-my-page-home .theta-home-identity strong,
#app.alo-my-page-home .theta-home-identity small,
#app.alo-my-page-home .theta-home-reception { display: block !important; }
#app.alo-my-page-home .theta-home-identity strong {
  margin: 0 0 3px !important;
  color: var(--alo-page-ink) !important;
  font-size: 20px !important;
  line-height: 1.5 !important;
  font-weight: 900 !important;
}
#app.alo-my-page-home .theta-home-identity small {
  margin: 0 !important;
  color: var(--alo-page-muted) !important;
  font-size: 11px !important;
  line-height: 1.7 !important;
}
#app.alo-my-page-home .theta-home-reception {
  margin: 4px 0 0 !important;
  color: var(--alo-page-green) !important;
  font-size: 18px !important;
  line-height: 1.45 !important;
  font-weight: 900 !important;
  letter-spacing: 1.4px !important;
  direction: ltr !important;
  unicode-bidi: embed !important;
}
#app.alo-my-page-home .theta-home-identity button {
  display: block !important;
  width: 34px !important;
  height: 24px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--alo-page-green) !important;
  font-family: inherit !important;
  font-size: 27px !important;
  line-height: 20px !important;
}

/* Compact appointment card in the first white module. */
#app.alo-my-page-home .theta-next-appointment {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.22fr) minmax(118px, .78fr) !important;
  align-items: center !important;
  min-height: 102px !important;
  margin: 0 0 16px !important;
  padding: 12px 15px !important;
  overflow: hidden !important;
  border: 1px solid #edf0ee !important;
  border-radius: 25px !important;
  background: #fff !important;
  box-shadow: 0 8px 22px rgba(31, 61, 55, .045) !important;
  direction: rtl !important;
}
#app.alo-my-page-home .theta-next-appointment-copy {
  min-width: 0 !important;
  padding: 3px 6px 3px 17px !important;
  text-align: right !important;
}
#app.alo-my-page-home .theta-next-appointment-copy span,
#app.alo-my-page-home .theta-next-appointment-copy strong,
#app.alo-my-page-home .theta-next-appointment-copy small { display: block !important; }
#app.alo-my-page-home .theta-next-appointment-copy span {
  margin: 0 0 7px !important;
  color: var(--alo-page-ink) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  font-weight: 900 !important;
}
#app.alo-my-page-home .theta-next-appointment-copy strong {
  color: #7e8885 !important;
  font-size: 11px !important;
  line-height: 1.6 !important;
  font-weight: 700 !important;
}
#app.alo-my-page-home .theta-next-appointment-copy small {
  margin-top: 3px !important;
  color: #89938f !important;
  font-size: 8.5px !important;
  line-height: 1.55 !important;
}
#app.alo-my-page-home .theta-next-appointment-action {
  display: grid !important;
  align-content: center !important;
  gap: 7px !important;
  min-width: 0 !important;
  padding: 0 14px 0 0 !important;
  border-right: 1px solid #e2e7e5 !important;
}
#app.alo-my-page-home .theta-next-appointment-icon {
  display: grid !important;
  place-items: center !important;
  width: 38px !important;
  height: 38px !important;
  margin: 0 auto !important;
  border-radius: 50% !important;
  background: var(--alo-page-pale) !important;
  color: var(--alo-page-green) !important;
}
#app.alo-my-page-home .theta-next-appointment-icon svg {
  width: 23px !important;
  height: 23px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.75 !important;
}
#app.alo-my-page-home .theta-next-appointment-action button {
  width: 100% !important;
  min-height: 35px !important;
  padding: 7px 5px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: linear-gradient(145deg, var(--alo-page-green-2), var(--alo-page-green)) !important;
  color: #fff !important;
  box-shadow: 0 7px 16px rgba(7, 134, 109, .18) !important;
  font-family: inherit !important;
  font-size: 9px !important;
  line-height: 1.45 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}
#app.alo-my-page-home .theta-next-appointment-action button:disabled { opacity: .52 !important; box-shadow: none !important; }

/* Large unified wellbeing card, corresponding to the main reference module. */
#app.alo-my-page-home .hero.theta-home-hero {
  box-sizing: border-box !important;
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.25fr) minmax(132px, .75fr) !important;
  align-items: stretch !important;
  width: 100% !important;
  height: 188px !important;
  min-height: 188px !important;
  max-height: 188px !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 25px !important;
  background: linear-gradient(135deg, #25b78f 0%, #07866d 60%, #056e5c 100%) !important;
  box-shadow: 0 12px 28px rgba(6, 112, 94, .15) !important;
  color: #fff !important;
  direction: rtl !important;
  clip-path: none !important;
  -webkit-mask-image: none !important;
}
#app.alo-my-page-home .hero.theta-home-hero:before,
#app.alo-my-page-home .hero.theta-home-hero:after { content: none !important; display: none !important; }
#app.alo-my-page-home .theta-home-hero-copy {
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  min-width: 0 !important;
  padding: 16px 18px 15px 8px !important;
  text-align: right !important;
}
#app.alo-my-page-home .theta-home-hero-badge { display: none !important; }
#app.alo-my-page-home .theta-home-hero h1 {
  width: 100% !important;
  margin: 0 0 7px !important;
  color: #fff !important;
  font-size: 18px !important;
  line-height: 1.65 !important;
  font-weight: 900 !important;
  text-align: right !important;
}
#app.alo-my-page-home .theta-home-hero p {
  width: 100% !important;
  margin: 0 0 13px !important;
  color: rgba(255,255,255,.88) !important;
  font-size: 9px !important;
  line-height: 1.75 !important;
  text-align: right !important;
}
#app.alo-my-page-home .theta-home-hero-cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  max-width: 195px !important;
  padding: 7px 11px !important;
  border: 0 !important;
  border-radius: 13px !important;
  background: #fff !important;
  color: #087b65 !important;
  box-shadow: 0 5px 14px rgba(0, 59, 48, .12) !important;
  font-family: inherit !important;
  font-size: 8.5px !important;
  line-height: 1.4 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}
#app.alo-my-page-home .theta-home-hero-art {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: 188px !important;
  min-height: 188px !important;
  max-height: 188px !important;
  overflow: hidden !important;
  object-fit: cover !important;
  object-position: center !important;
  opacity: .98 !important;
  border: 0 !important;
  border-radius: 0 !important;
  clip-path: none !important;
}

/* Four Alo Clinic shortcuts */
#app.alo-my-page-home .theta-core-actions { margin: 0 0 16px !important; padding: 0 !important; direction: rtl !important; }
#app.alo-my-page-home .theta-core-actions-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 9px !important;
}
#app.alo-my-page-home .theta-core-action {
  box-sizing: border-box !important;
  min-width: 0 !important;
  min-height: 86px !important;
  padding: 9px 3px 8px !important;
  gap: 6px !important;
  border: 1px solid #ecefed !important;
  border-radius: 21px !important;
  background: #fff !important;
  box-shadow: 0 7px 19px rgba(30, 64, 57, .045) !important;
}
#app.alo-my-page-home .theta-core-action-icon {
  width: 38px !important;
  height: 38px !important;
  border-radius: 15px !important;
  background: var(--alo-page-pale) !important;
  color: var(--alo-page-green) !important;
}
#app.alo-my-page-home .theta-core-action-icon svg { width: 22px !important; height: 22px !important; }
#app.alo-my-page-home .theta-core-action strong {
  max-width: 100% !important;
  color: var(--alo-page-ink) !important;
  font-size: 9px !important;
  line-height: 1.5 !important;
  white-space: nowrap !important;
}

/* Online specialist card strip */
#app.alo-my-page-home .theta-online-specialists {
  margin: 0 0 18px !important;
  padding: 14px 11px 12px !important;
  overflow: hidden !important;
  border: 1px solid #ecefed !important;
  border-radius: 24px !important;
  background: #fff !important;
  box-shadow: 0 8px 22px rgba(30, 64, 57, .045) !important;
  direction: rtl !important;
}
#app.alo-my-page-home .theta-online-specialists-head { margin: 0 3px 12px !important; gap: 8px !important; }
#app.alo-my-page-home .theta-online-specialists-head h2 { color: var(--alo-page-ink) !important; font-size: 14px !important; }
#app.alo-my-page-home .theta-online-specialists-head small { color: var(--alo-page-muted) !important; font-size: 8px !important; }
#app.alo-my-page-home .theta-online-specialists-head > button {
  padding: 7px 10px !important;
  border-radius: 12px !important;
  background: var(--alo-page-pale) !important;
  color: var(--alo-page-green) !important;
  font-size: 8px !important;
}
#app.alo-my-page-home .theta-online-specialists-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 6px !important;
}
#app.alo-my-page-home .theta-online-specialist-card {
  min-width: 0 !important;
  min-height: 106px !important;
  padding: 8px 2px 6px !important;
  gap: 3px !important;
  overflow: hidden !important;
  border: 1px solid #edf0ee !important;
  border-radius: 17px !important;
  background: #fff !important;
  box-shadow: 0 4px 12px rgba(34, 72, 66, .04) !important;
}
#app.alo-my-page-home .theta-online-specialist-avatar { width: 50px !important; height: 50px !important; margin: 0 auto 3px !important; }
#app.alo-my-page-home .theta-online-specialist-card strong { font-size: 7.6px !important; line-height: 1.5 !important; }
#app.alo-my-page-home .theta-online-specialist-card small { font-size: 6.4px !important; line-height: 1.45 !important; }

/* Reference-style four-slot bottom navigation; the reserve FAB occupies the
   left slot and sits inside its own white curved cradle. */
#app.alo-my-page-home .theta-bottom-nav {
  box-sizing: border-box !important;
  position: relative !important;
  inset: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  z-index: 50 !important;
  flex: 0 0 86px !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: end !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 86px !important;
  min-height: 86px !important;
  margin: 0 !important;
  padding: 10px 0 7px !important;
  overflow: visible !important;
  transform: none !important;
  border: 0 !important;
  border-top: 1px solid #e5e8e6 !important;
  background: #fff !important;
  box-shadow: 0 -7px 23px rgba(34, 58, 54, .065) !important;
  direction: rtl !important;
  contain: none !important;
}
#app.alo-my-page-home .theta-bottom-nav:before {
  content: "" !important;
  position: absolute !important;
  top: -43px !important;
  left: 12.5% !important;
  z-index: 0 !important;
  display: block !important;
  width: 92px !important;
  height: 74px !important;
  transform: translateX(-50%) !important;
  border: 1px solid #e5e8e6 !important;
  border-radius: 50% !important;
  background: #fff !important;
  box-shadow: 0 -7px 17px rgba(31, 59, 53, .05) !important;
}
#app.alo-my-page-home .theta-bottom-nav:after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 12.5% !important;
  z-index: 1 !important;
  display: block !important;
  width: 98px !important;
  height: 36px !important;
  transform: translateX(-50%) !important;
  background: #fff !important;
}
#app.alo-my-page-home .theta-bottom-nav button {
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 3 !important;
  align-self: end !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-end !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 64px !important;
  min-height: 64px !important;
  margin: 0 !important;
  padding: 5px 1px 3px !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: transparent !important;
  color: #a5aaa8 !important;
  transform: none !important;
}
#app.alo-my-page-home .theta-bottom-nav button.active:not(.nav-book) { color: var(--alo-page-green) !important; }
#app.alo-my-page-home .theta-bottom-nav .theta-nav-icon {
  display: grid !important;
  place-items: center !important;
  width: 29px !important;
  height: 29px !important;
  margin: 0 auto 5px !important;
}
#app.alo-my-page-home .theta-bottom-nav .theta-nav-icon svg {
  display: block !important;
  width: 26px !important;
  height: 26px !important;
  fill: currentColor !important;
}
#app.alo-my-page-home .theta-bottom-nav button small {
  display: block !important;
  width: 100% !important;
  height: 15px !important;
  min-height: 15px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  color: inherit !important;
  font-size: 9px !important;
  line-height: 15px !important;
  font-weight: 700 !important;
  text-align: center !important;
  white-space: nowrap !important;
}
#app.alo-my-page-home .theta-bottom-nav .nav-book {
  position: relative !important;
  align-self: end !important;
  height: 78px !important;
  min-height: 78px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  justify-content: flex-end !important;
}
#app.alo-my-page-home .theta-bottom-nav .nav-book:before { content: none !important; display: none !important; }
#app.alo-my-page-home .theta-bottom-nav .nav-book .theta-nav-primary,
#app.alo-my-page-home .theta-bottom-nav .nav-book > span {
  position: absolute !important;
  top: -37px !important;
  left: 50% !important;
  display: grid !important;
  place-items: center !important;
  width: 69px !important;
  height: 69px !important;
  min-height: 69px !important;
  margin: 0 !important;
  transform: translateX(-50%) !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: linear-gradient(145deg, #32c49d, #07866d) !important;
  color: #fff !important;
  box-shadow: 0 11px 24px rgba(7, 134, 109, .25) !important;
  font-size: 42px !important;
  line-height: 1 !important;
  font-weight: 300 !important;
}
#app.alo-my-page-home .theta-bottom-nav .nav-book small {
  position: absolute !important;
  top: 55px !important;
  right: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 16px !important;
  min-height: 16px !important;
  margin: 0 !important;
  color: var(--alo-page-green) !important;
  font-size: 9.2px !important;
  line-height: 16px !important;
  font-weight: 900 !important;
  text-align: center !important;
}
#app.alo-my-page-home .booking-footer { bottom: 94px !important; }
#app.alo-my-page-home + #toast,
#toast.toast { bottom: 96px !important; }
#app.alo-my-page-home .app-chat-sheet-panel { bottom: 96px !important; }

@media (max-width: 359px) {
  #app.alo-my-page-home.is-home .theta-dashboard-topbar { flex-basis: 132px !important; height: 132px !important; min-height: 132px !important; }
  #app.alo-my-page-home.is-home .theta-shell-notch { top: 108px !important; width: 80px !important; height: 80px !important; }
  #app.alo-my-page-home.is-home .theta-shell-notch button { width: 61px !important; height: 61px !important; }
  #app.alo-my-page-home.is-home .screen { padding-top: 56px !important; padding-right: 12px !important; padding-left: 12px !important; }
  #app.alo-my-page-home .theta-home-identity { min-height: 96px !important; }
  #app.alo-my-page-home .theta-home-identity strong { font-size: 18px !important; }
  #app.alo-my-page-home .theta-next-appointment { grid-template-columns: minmax(0, 1.28fr) minmax(106px, .72fr) !important; min-height: 94px !important; padding: 10px 11px !important; }
  #app.alo-my-page-home .theta-next-appointment-copy { padding-left: 11px !important; }
  #app.alo-my-page-home .theta-next-appointment-action { padding-right: 10px !important; }
  #app.alo-my-page-home .theta-next-appointment-action button { font-size: 8.3px !important; }
  #app.alo-my-page-home .hero.theta-home-hero,
  #app.alo-my-page-home .theta-home-hero-art { height: 166px !important; min-height: 166px !important; max-height: 166px !important; }
  #app.alo-my-page-home .hero.theta-home-hero { grid-template-columns: minmax(0, 1.35fr) minmax(108px, .65fr) !important; }
  #app.alo-my-page-home .theta-home-hero-copy { padding-right: 14px !important; }
  #app.alo-my-page-home .theta-home-hero h1 { font-size: 16px !important; }
  #app.alo-my-page-home .theta-home-hero p { font-size: 8px !important; }
  #app.alo-my-page-home .theta-core-actions-grid { gap: 6px !important; }
  #app.alo-my-page-home .theta-core-action { min-height: 78px !important; border-radius: 18px !important; }
  #app.alo-my-page-home .theta-core-action strong { font-size: 8.2px !important; }
  #app.alo-my-page-home .theta-bottom-nav:before,
  #app.alo-my-page-home .theta-bottom-nav:after { left: 12.5% !important; }
}

@media (prefers-reduced-motion: reduce) {
  #app.alo-my-page-home *,
  #app.alo-my-page-home *:before,
  #app.alo-my-page-home *:after { transition: none !important; animation: none !important; }
}

/* Phase 1.9.34 — compact first-viewport composition.
   One authoritative geometry pass tuned from the real 360x640 device capture. */
#app.alo-my-page-home.is-home .theta-dashboard-topbar {
  flex: 0 0 58px !important;
  height: 58px !important;
  min-height: 58px !important;
  box-shadow: 0 3px 15px rgba(33, 62, 57, .035) !important;
}
#app.alo-my-page-home.is-home .theta-home-page-label { display: none !important; }
#app.alo-my-page-home.is-home .theta-hamburger {
  top: 10px !important;
  right: 14px !important;
  bottom: auto !important;
  left: auto !important;
  width: 43px !important;
  height: 43px !important;
  padding: 8px !important;
  color: #173b35 !important;
}
#app.alo-my-page-home.is-home .theta-hamburger svg {
  width: 28px !important;
  height: 28px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.6 !important;
  stroke-linecap: round !important;
}
#app.alo-my-page-home.is-home .theta-dashboard-topbar:before,
#app.alo-my-page-home.is-home .theta-dashboard-topbar:after {
  box-shadow: none !important;
}
#app.alo-my-page-home.is-home .theta-dashboard-topbar:before {
  top: 12px !important;
  right: auto !important;
  bottom: auto !important;
  left: 50% !important;
  width: 140px !important;
  height: 84px !important;
  transform: translateX(-50%) !important;
  border-radius: 50% !important;
}
#app.alo-my-page-home.is-home .theta-dashboard-topbar:after {
  content: none !important;
  display: none !important;
}
#app.alo-my-page-home.is-home .theta-shell-notch {
  top: 35px !important;
  width: 78px !important;
  height: 78px !important;
}
#app.alo-my-page-home.is-home .theta-shell-notch:before {
  border-width: 6px !important;
  box-shadow: 0 5px 16px rgba(22, 66, 57, .08) !important;
}
#app.alo-my-page-home.is-home .theta-shell-notch button {
  width: 60px !important;
  height: 60px !important;
  padding: 6px !important;
}
#app.alo-my-page-home.is-home .screen {
  padding-top: 48px !important;
  padding-right: 19px !important;
  padding-left: 19px !important;
}
#app.alo-my-page-home .theta-home-identity {
  min-height: 78px !important;
  margin-bottom: 9px !important;
  padding: 0 8px !important;
}
#app.alo-my-page-home .theta-home-identity strong {
  margin-bottom: 0 !important;
  font-size: 18px !important;
  line-height: 1.35 !important;
}
#app.alo-my-page-home .theta-home-identity small {
  font-size: 10px !important;
  line-height: 1.45 !important;
}
#app.alo-my-page-home .theta-home-reception {
  margin-top: 1px !important;
  font-size: 17px !important;
  line-height: 1.35 !important;
}
#app.alo-my-page-home .theta-home-identity button {
  height: 18px !important;
  font-size: 24px !important;
  line-height: 15px !important;
}
#app.alo-my-page-home .theta-next-appointment {
  grid-template-columns: minmax(0, 1.22fr) minmax(112px, .78fr) !important;
  min-height: 91px !important;
  height: 91px !important;
  margin-bottom: 10px !important;
  padding: 9px 13px !important;
  border-radius: 22px !important;
}
#app.alo-my-page-home .theta-next-appointment-copy { padding: 2px 5px 2px 13px !important; }
#app.alo-my-page-home .theta-next-appointment-copy span {
  margin-bottom: 4px !important;
  font-size: 13px !important;
}
#app.alo-my-page-home .theta-next-appointment-copy strong { font-size: 10px !important; }
#app.alo-my-page-home .theta-next-appointment-action {
  gap: 5px !important;
  padding-right: 11px !important;
}
#app.alo-my-page-home .theta-next-appointment-icon {
  width: 34px !important;
  height: 34px !important;
}
#app.alo-my-page-home .theta-next-appointment-icon svg { width: 21px !important; height: 21px !important; }
#app.alo-my-page-home .theta-next-appointment-action button {
  min-height: 31px !important;
  padding: 5px 4px !important;
  border-radius: 13px !important;
  font-size: 8.2px !important;
}
#app.alo-my-page-home .hero.theta-home-hero,
#app.alo-my-page-home .theta-home-hero-art {
  height: 118px !important;
  min-height: 118px !important;
  max-height: 118px !important;
}
#app.alo-my-page-home .hero.theta-home-hero {
  grid-template-columns: minmax(0, 1.33fr) minmax(112px, .67fr) !important;
  margin-bottom: 10px !important;
  border-radius: 22px !important;
}
#app.alo-my-page-home .theta-home-hero-copy { padding: 9px 14px 8px 5px !important; }
#app.alo-my-page-home .theta-home-hero h1 {
  margin-bottom: 2px !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
}
#app.alo-my-page-home .theta-home-hero p {
  margin-bottom: 7px !important;
  font-size: 7.6px !important;
  line-height: 1.5 !important;
}
#app.alo-my-page-home .theta-home-hero-cta {
  min-height: 28px !important;
  max-width: 176px !important;
  padding: 5px 9px !important;
  border-radius: 11px !important;
  font-size: 7.5px !important;
}
#app.alo-my-page-home .theta-core-actions { margin-bottom: 10px !important; }
#app.alo-my-page-home .theta-core-actions-grid { gap: 7px !important; }
#app.alo-my-page-home .theta-core-action {
  min-height: 69px !important;
  padding: 7px 2px 5px !important;
  gap: 3px !important;
  border-radius: 18px !important;
}
#app.alo-my-page-home .theta-core-action-icon {
  width: 33px !important;
  height: 33px !important;
  border-radius: 12px !important;
}
#app.alo-my-page-home .theta-core-action-icon svg { width: 20px !important; height: 20px !important; }
#app.alo-my-page-home .theta-core-action strong { font-size: 8px !important; }
#app.alo-my-page-home .theta-online-specialists {
  margin-bottom: 13px !important;
  padding: 10px 9px 9px !important;
  border-radius: 21px !important;
}
#app.alo-my-page-home .theta-online-specialists-head { margin: 0 2px 8px !important; }
#app.alo-my-page-home .theta-online-specialists-head h2 { font-size: 12px !important; }
#app.alo-my-page-home .theta-online-specialists-head > button { padding: 5px 8px !important; font-size: 7.2px !important; }
#app.alo-my-page-home .theta-online-specialist-card {
  min-height: 94px !important;
  padding: 6px 2px 5px !important;
  border-radius: 15px !important;
}
#app.alo-my-page-home .theta-online-specialist-avatar { width: 43px !important; height: 43px !important; }
#app.alo-my-page-home .theta-online-specialist-card strong { font-size: 7px !important; }
#app.alo-my-page-home .theta-online-specialist-card small { font-size: 5.9px !important; }

/* Five balanced destinations, with reserve in the true center slot. */
#app.alo-my-page-home .theta-bottom-nav {
  flex-basis: 72px !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  height: 72px !important;
  min-height: 72px !important;
  padding: 8px 0 5px !important;
}
#app.alo-my-page-home .theta-bottom-nav:before {
  top: -35px !important;
  left: 50% !important;
  width: 82px !important;
  height: 64px !important;
}
#app.alo-my-page-home .theta-bottom-nav:after {
  left: 50% !important;
  width: 88px !important;
  height: 30px !important;
}
#app.alo-my-page-home .theta-bottom-nav button {
  height: 55px !important;
  min-height: 55px !important;
  padding: 4px 1px 2px !important;
}
#app.alo-my-page-home .theta-bottom-nav .theta-nav-icon {
  width: 26px !important;
  height: 26px !important;
  margin-bottom: 3px !important;
}
#app.alo-my-page-home .theta-bottom-nav .theta-nav-icon svg { width: 23px !important; height: 23px !important; }
#app.alo-my-page-home .theta-bottom-nav .theta-nav-video svg { fill: none !important; stroke: currentColor !important; stroke-width: 1.8 !important; }
#app.alo-my-page-home .theta-bottom-nav .theta-nav-video svg path { fill: currentColor !important; stroke: none !important; }
#app.alo-my-page-home .theta-bottom-nav button small {
  height: 13px !important;
  min-height: 13px !important;
  font-size: 8px !important;
  line-height: 13px !important;
}
#app.alo-my-page-home .theta-bottom-nav .nav-book {
  height: 66px !important;
  min-height: 66px !important;
}
#app.alo-my-page-home .theta-bottom-nav .nav-book .theta-nav-primary,
#app.alo-my-page-home .theta-bottom-nav .nav-book > span {
  top: -30px !important;
  width: 62px !important;
  height: 62px !important;
  min-height: 62px !important;
  font-size: 38px !important;
}
#app.alo-my-page-home .theta-bottom-nav .nav-book small {
  top: 49px !important;
  height: 14px !important;
  min-height: 14px !important;
  font-size: 8.4px !important;
  line-height: 14px !important;
}
#app.alo-my-page-home .booking-footer { bottom: 80px !important; }
#app.alo-my-page-home + #toast,
#toast.toast { bottom: 82px !important; }
#app.alo-my-page-home .app-chat-sheet-panel { bottom: 82px !important; }

@media (max-width: 359px) {
  #app.alo-my-page-home.is-home .theta-dashboard-topbar { flex-basis: 56px !important; height: 56px !important; min-height: 56px !important; }
  #app.alo-my-page-home.is-home .theta-shell-notch { top: 34px !important; width: 74px !important; height: 74px !important; }
  #app.alo-my-page-home.is-home .theta-shell-notch button { width: 57px !important; height: 57px !important; }
  #app.alo-my-page-home.is-home .screen { padding-top: 45px !important; padding-right: 12px !important; padding-left: 12px !important; }
  #app.alo-my-page-home .theta-home-identity { min-height: 74px !important; margin-bottom: 7px !important; }
  #app.alo-my-page-home .theta-home-identity strong { font-size: 16px !important; }
  #app.alo-my-page-home .theta-next-appointment { grid-template-columns: minmax(0, 1.28fr) minmax(101px, .72fr) !important; height: 86px !important; min-height: 86px !important; padding: 8px 10px !important; }
  #app.alo-my-page-home .theta-next-appointment-copy { padding-left: 9px !important; }
  #app.alo-my-page-home .theta-next-appointment-action { padding-right: 8px !important; }
  #app.alo-my-page-home .hero.theta-home-hero,
  #app.alo-my-page-home .theta-home-hero-art { height: 108px !important; min-height: 108px !important; max-height: 108px !important; }
  #app.alo-my-page-home .hero.theta-home-hero { grid-template-columns: minmax(0, 1.38fr) minmax(96px, .62fr) !important; }
  #app.alo-my-page-home .theta-home-hero h1 { font-size: 13.5px !important; }
  #app.alo-my-page-home .theta-home-hero p { font-size: 7px !important; }
  #app.alo-my-page-home .theta-core-actions-grid { gap: 5px !important; }
  #app.alo-my-page-home .theta-core-action { min-height: 64px !important; border-radius: 16px !important; }
  #app.alo-my-page-home .theta-core-action-icon { width: 30px !important; height: 30px !important; }
  #app.alo-my-page-home .theta-core-action strong { font-size: 7.3px !important; }
  #app.alo-my-page-home .theta-bottom-nav:before,
#app.alo-my-page-home .theta-bottom-nav:after { left: 50% !important; }
}

/* Phase 1.9.36 — supplied-target native-scale fidelity pass.
   The supplied 941x1672 artwork maps to a 360x640 Android CSS viewport.
   These values are the measured CSS-pixel equivalents, not source-image
   pixels. This pass also neutralises the shell's global 44px button minimum
   where the artwork deliberately uses smaller controls. */
#app.alo-my-page-home.is-home .theta-dashboard-topbar {
  flex: 0 0 54px !important;
  height: 54px !important;
  min-height: 54px !important;
  box-shadow: 0 3px 14px rgba(33, 62, 57, .025) !important;
}
#app.alo-my-page-home.is-home .theta-hamburger {
  top: 7px !important;
  right: 4px !important;
  bottom: auto !important;
  left: auto !important;
  width: 43px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 6px 8px !important;
  color: #173b35 !important;
}
#app.alo-my-page-home.is-home .theta-hamburger svg {
  width: 28px !important;
  height: 28px !important;
  stroke-width: 2.6 !important;
  stroke-linecap: round !important;
}
#app.alo-my-page-home.is-home .theta-dashboard-topbar:before {
  top: 12px !important;
  right: auto !important;
  bottom: auto !important;
  left: 50% !important;
  width: 140px !important;
  height: 84px !important;
  transform: translateX(-50%) !important;
  border-radius: 50% !important;
}
#app.alo-my-page-home.is-home .theta-dashboard-topbar:after {
  content: none !important;
  display: none !important;
}
#app.alo-my-page-home.is-home .theta-shell-notch {
  top: 34px !important;
  width: 72px !important;
  height: 72px !important;
}
#app.alo-my-page-home.is-home .theta-shell-notch:before {
  border-width: 6px !important;
  box-shadow: 0 5px 16px rgba(22, 66, 57, .075) !important;
}
#app.alo-my-page-home.is-home .theta-shell-notch button {
  width: 56px !important;
  height: 56px !important;
  min-height: 56px !important;
  padding: 5px !important;
}
#app.alo-my-page-home.is-home .screen {
  padding-top: 51px !important;
  padding-right: 19px !important;
  padding-left: 19px !important;
}
#app.alo-my-page-home {
  --alo-page-bg: #fafafb;
}
#app.alo-my-page-home .theta-home-identity {
  min-height: 0 !important;
  height: auto !important;
  margin-bottom: 4px !important;
  padding: 0 8px !important;
}
#app.alo-my-page-home .theta-home-identity strong {
  margin-bottom: 0 !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
  transform: translateY(-3px) !important;
}
#app.alo-my-page-home .theta-home-identity small {
  display: block !important;
  width: 100% !important;
  font-size: 10px !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
  transform: translateY(2px) !important;
}
#app.alo-my-page-home .theta-home-reception {
  margin-top: 1px !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
  letter-spacing: .25px !important;
  font-weight: 800 !important;
  transform: translateY(5px) !important;
}
#app.alo-my-page-home .theta-home-identity button {
  width: 34px !important;
  height: 16px !important;
  min-height: 16px !important;
  max-height: 16px !important;
  margin: 0 auto !important;
  font-size: 0 !important;
  line-height: 0 !important;
}
#app.alo-my-page-home .theta-home-identity button svg {
  display: block !important;
  width: 18px !important;
  height: 12px !important;
  margin: 0 auto !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

#app.alo-my-page-home .theta-next-appointment {
  grid-template-columns: calc(50% - 2px) calc(50% + 2px) !important;
  min-height: 85px !important;
  height: 85px !important;
  margin-bottom: 9px !important;
  padding: 8px 7px !important;
  border-radius: 18px !important;
}
#app.alo-my-page-home .theta-next-appointment-copy {
  padding: 2px 12px 2px 3px !important;
}
#app.alo-my-page-home .theta-next-appointment-copy span {
  margin-bottom: 3px !important;
  position: relative !important;
  top: -4px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}
#app.alo-my-page-home .theta-next-appointment-copy strong {
  position: relative !important;
  top: 3px !important;
  padding-right: 5px !important;
  font-size: 9.3px !important;
}
#app.alo-my-page-home .theta-next-appointment-action {
  gap: 4px !important;
  padding: 0 34px 0 0 !important;
  transform: translateX(-2px) !important;
}
#app.alo-my-page-home .theta-next-appointment-icon { width: 34px !important; height: 34px !important; }
#app.alo-my-page-home .theta-next-appointment-icon svg { width: 21px !important; height: 21px !important; }
#app.alo-my-page-home .theta-next-appointment-action button {
  height: 27px !important;
  min-height: 27px !important;
  max-height: 27px !important;
  padding: 4px 3px !important;
  border-radius: 11px !important;
  font-size: 8px !important;
  font-weight: 600 !important;
}

#app.alo-my-page-home .hero.theta-home-hero,
#app.alo-my-page-home .theta-home-hero-art {
  height: 107px !important;
  min-height: 107px !important;
  max-height: 107px !important;
}
#app.alo-my-page-home .hero.theta-home-hero {
  grid-template-columns: minmax(0, 1fr) 118px !important;
  margin-bottom: 7px !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, #28b792 0%, #0b917c 60%, #06725f 100%) !important;
}
#app.alo-my-page-home .theta-home-hero-copy { padding: 8px 16px 7px 5px !important; }
#app.alo-my-page-home .theta-home-hero h1 {
  margin-bottom: 1px !important;
  font-size: 13.5px !important;
  line-height: 1.48 !important;
  font-weight: 700 !important;
}
#app.alo-my-page-home .theta-home-hero p {
  margin-bottom: 5px !important;
  font-size: 7px !important;
  line-height: 1.5 !important;
}
#app.alo-my-page-home .theta-home-hero-cta {
  position: relative !important;
  top: 2px !important;
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
  width: 127px !important;
  min-width: 127px !important;
  max-width: 127px !important;
  padding: 4px 8px !important;
  border-radius: 10px !important;
  font-size: 7.5px !important;
  font-weight: 600 !important;
}

#app.alo-my-page-home .theta-core-actions { margin-bottom: 5px !important; }
#app.alo-my-page-home .theta-core-actions-grid { gap: 7px !important; }
#app.alo-my-page-home .theta-core-action {
  min-height: 64px !important;
  height: 64px !important;
  padding: 6px 2px 5px !important;
  gap: 2px !important;
  border-radius: 16px !important;
}
#app.alo-my-page-home .theta-core-action-icon {
  width: 30px !important;
  height: 30px !important;
  border-radius: 11px !important;
  background: transparent !important;
}
#app.alo-my-page-home .theta-core-action-icon svg { width: 21px !important; height: 21px !important; }
#app.alo-my-page-home .theta-core-action strong { font-size: 8px !important; font-weight: 500 !important; }
#app.alo-my-page-home .theta-core-action strong { position: relative !important; top: -3px !important; }

#app.alo-my-page-home .theta-online-specialists {
  margin-bottom: 10px !important;
  padding: 3px 6px 6px !important;
  border-radius: 16px !important;
}
#app.alo-my-page-home .theta-online-specialists-head {
  min-height: 29px !important;
  margin: 0 2px 2px !important;
}
#app.alo-my-page-home .theta-online-specialists-head h2 { font-size: 10.5px !important; font-weight: 700 !important; }
#app.alo-my-page-home .theta-online-specialists-head small { font-size: 7px !important; }
#app.alo-my-page-home .theta-online-specialists-head > button {
  width: 70px !important;
  min-width: 70px !important;
  transform: translateX(-3px) !important;
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  padding: 4px 7px !important;
  border-radius: 10px !important;
  font-size: 7px !important;
  font-weight: 600 !important;
}
#app.alo-my-page-home .theta-online-specialists-grid { gap: 4px !important; }
#app.alo-my-page-home .theta-online-specialist-card {
  min-height: 78px !important;
  height: 78px !important;
  padding: 4px 1px 3px !important;
  gap: 1px !important;
  border-radius: 12px !important;
}
#app.alo-my-page-home .theta-online-specialist-avatar {
  width: 40px !important;
  height: 40px !important;
  margin-bottom: 1px !important;
}
#app.alo-my-page-home .theta-online-specialist-avatar i {
  width: 8px !important;
  height: 8px !important;
  border-width: 2px !important;
}
#app.alo-my-page-home .theta-online-specialist-card strong { font-size: 7px !important; font-weight: 600 !important; }
#app.alo-my-page-home .theta-online-specialist-card small { font-size: 5.8px !important; font-weight: 400 !important; }

/* Five equal destinations, with booking in the geometrical centre. */
#app.alo-my-page-home .theta-bottom-nav {
  flex-basis: 61px !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  height: 61px !important;
  min-height: 61px !important;
  padding: 6px 0 3px !important;
  border-radius: 25px 25px 0 0 !important;
}
#app.alo-my-page-home .theta-bottom-nav:before {
  top: -17px !important;
  left: 50% !important;
  width: 68px !important;
  height: 51px !important;
}
#app.alo-my-page-home .theta-bottom-nav:after {
  left: 50% !important;
  width: 74px !important;
  height: 24px !important;
}
#app.alo-my-page-home .theta-bottom-nav button {
  height: 48px !important;
  min-height: 48px !important;
  padding: 3px 1px 1px !important;
}
#app.alo-my-page-home .theta-bottom-nav button:not(.nav-book) { top: -7px !important; }
#app.alo-my-page-home .theta-bottom-nav .theta-nav-icon {
  width: 24px !important;
  height: 24px !important;
  margin-bottom: 2px !important;
}
#app.alo-my-page-home .theta-bottom-nav .theta-nav-icon svg { width: 22px !important; height: 22px !important; }
#app.alo-my-page-home .theta-bottom-nav button small {
  height: 12px !important;
  min-height: 12px !important;
  font-size: 7.5px !important;
  line-height: 12px !important;
  font-weight: 500 !important;
}
#app.alo-my-page-home .theta-bottom-nav .nav-book {
  height: 54px !important;
  min-height: 54px !important;
}
#app.alo-my-page-home .theta-bottom-nav .nav-book .theta-nav-primary,
#app.alo-my-page-home .theta-bottom-nav .nav-book > span {
  top: -15px !important;
  width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  font-size: 31px !important;
}
#app.alo-my-page-home .theta-bottom-nav .nav-book small {
  top: 36px !important;
  height: 13px !important;
  min-height: 13px !important;
  font-size: 8px !important;
  line-height: 13px !important;
  font-weight: 600 !important;
}
#app.alo-my-page-home .booking-footer { bottom: 70px !important; }
#app.alo-my-page-home + #toast,
#toast.toast { bottom: 72px !important; }
#app.alo-my-page-home .app-chat-sheet-panel { bottom: 72px !important; }

@media (max-width: 359px) {
  #app.alo-my-page-home.is-home .screen { padding-right: 12px !important; padding-left: 12px !important; }
  #app.alo-my-page-home .theta-next-appointment-action { padding-right: 34px !important; }
  #app.alo-my-page-home .hero.theta-home-hero { grid-template-columns: minmax(0, 1fr) 108px !important; }
  #app.alo-my-page-home .theta-core-actions-grid { gap: 5px !important; }
}

/* Native Android WebView starts below the system status bar. Compensate the
   measured 25 CSS-pixel inset so the full device screenshot shares the exact
   vertical coordinates of the supplied 9:16 target. */
#app.alo-my-page-home.is-native-shell.is-home .theta-dashboard-topbar {
  flex: 0 0 29px !important;
  height: 29px !important;
  min-height: 29px !important;
}
#app.alo-my-page-home.is-native-shell.is-home .theta-hamburger { top: -8px !important; }
#app.alo-my-page-home.is-native-shell.is-home .theta-dashboard-topbar:before {
  top: -17px !important;
  height: 92px !important;
}
#app.alo-my-page-home.is-native-shell.is-home .theta-shell-notch {
  top: 9px !important;
  width: 64px !important;
  height: 64px !important;
}
#app.alo-my-page-home.is-native-shell.is-home .theta-shell-notch button {
  width: 50px !important;
  height: 50px !important;
  min-height: 50px !important;
  padding: 5px !important;
}

/* ========================================================================
   Theta Wave 1.0 — Phase 1.9.37
   Managed Home Hero + Featured Scientific Articles
   ======================================================================== */

/* Managed hero: one unified card, no seam or legacy pseudo layers. */
#app.alo-my-page-home .hero.theta-home-hero.theta-home-hero-managed {
  display: grid !important;
  grid-template-columns: minmax(0, 1.62fr) minmax(112px, .78fr) !important;
  grid-template-rows: 1fr !important;
  direction: rtl !important;
  width: 100% !important;
  height: clamp(132px, 35vw, 174px) !important;
  min-height: 132px !important;
  max-height: 174px !important;
  padding: 0 !important;
  margin: 0 0 10px !important;
  border: 0 !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background: linear-gradient(138deg,#12a784 0%,#07836d 72%,#076c60 100%) !important;
  box-shadow: 0 12px 30px rgba(6,104,88,.12) !important;
}
#app.alo-my-page-home .hero.theta-home-hero.theta-home-hero-managed::before,
#app.alo-my-page-home .hero.theta-home-hero.theta-home-hero-managed::after {
  content: none !important;
  display: none !important;
}
#app.alo-my-page-home .theta-home-hero-managed .theta-home-hero-copy {
  grid-column: 1 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  height: 100% !important;
  padding: 17px 18px 14px 12px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  text-align: right !important;
  color: #fff !important;
  position: relative !important;
  z-index: 2 !important;
}
#app.alo-my-page-home .theta-home-hero-managed .theta-home-hero-copy::after {
  content: "" !important;
  position: absolute !important;
  inset: -30% -8% auto auto !important;
  width: 120px !important;
  height: 120px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.055) !important;
  display: block !important;
  pointer-events: none !important;
}
#app.alo-my-page-home .theta-home-hero-managed .theta-home-hero-copy h1 {
  width: 100% !important;
  margin: 0 0 5px !important;
  padding: 0 !important;
  color: #fff !important;
  font-size: clamp(16px, 4.7vw, 23px) !important;
  line-height: 1.58 !important;
  font-weight: 850 !important;
  letter-spacing: -.3px !important;
  text-align: right !important;
  white-space: normal !important;
}
#app.alo-my-page-home .theta-home-hero-managed .theta-home-hero-copy p {
  width: 100% !important;
  margin: 0 0 9px !important;
  color: rgba(255,255,255,.72) !important;
  font-size: clamp(8px, 2.35vw, 11px) !important;
  line-height: 1.7 !important;
  text-align: right !important;
}
#app.alo-my-page-home .theta-home-hero-managed .theta-home-hero-cta {
  align-self: flex-start !important;
  min-height: 36px !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 8px 14px !important;
  border: 0 !important;
  border-radius: 15px !important;
  background: #fff !important;
  color: #087a67 !important;
  box-shadow: 0 5px 14px rgba(0,0,0,.07) !important;
  font-family: inherit !important;
  font-size: clamp(8.5px,2.35vw,11px) !important;
  line-height: 1.4 !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
}
#app.alo-my-page-home .theta-home-hero-managed .theta-home-hero-art-wrap {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  position: relative !important;
  background: #1eaa92 !important;
}
#app.alo-my-page-home .theta-home-hero-managed .theta-home-hero-art-wrap::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 22% !important;
  display: block !important;
  background: linear-gradient(90deg,rgba(10,133,111,0),rgba(10,133,111,.18)) !important;
  pointer-events: none !important;
}
#app.alo-my-page-home .theta-home-hero-managed .theta-home-hero-art {
  display: block !important;
  position: static !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  transform: none !important;
  opacity: 1 !important;
}

/* Scientific articles live below the specialist strip. */
#app.alo-my-page-home .theta-science-articles {
  width: 100% !important;
  margin: 7px 0 10px !important;
  padding: 10px 10px 9px !important;
  border: 1px solid rgba(16,120,101,.08) !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow: 0 9px 25px rgba(28,70,63,.055) !important;
  direction: rtl !important;
}
#app.alo-my-page-home .theta-science-articles-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin: 0 2px 8px !important;
}
#app.alo-my-page-home .theta-science-articles-head > div { min-width: 0 !important; }
#app.alo-my-page-home .theta-science-articles-head h2 {
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  color: #153c37 !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  font-weight: 800 !important;
}
#app.alo-my-page-home .theta-science-articles-head h2 i {
  width: 7px !important;
  height: 7px !important;
  flex: none !important;
  border-radius: 50% !important;
  background: #18af7d !important;
  box-shadow: 0 0 0 4px rgba(24,175,125,.09) !important;
}
#app.alo-my-page-home .theta-science-articles-head small {
  display: block !important;
  margin-top: 2px !important;
  color: #85938f !important;
  font-size: 7px !important;
  line-height: 1.5 !important;
}
#app.alo-my-page-home .theta-science-articles-head > a {
  flex: none !important;
  padding: 5px 8px !important;
  border-radius: 11px !important;
  background: #eaf8f3 !important;
  color: #0b8a70 !important;
  text-decoration: none !important;
  font-size: 7.5px !important;
  font-weight: 750 !important;
}
#app.alo-my-page-home .theta-science-articles-grid {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 6px !important;
  direction: rtl !important;
}
#app.alo-my-page-home .theta-science-article-card {
  min-width: 0 !important;
  padding: 5px 5px 6px !important;
  border: 1px solid rgba(23,91,80,.10) !important;
  border-radius: 14px !important;
  background: #fff !important;
  color: #173b38 !important;
  text-decoration: none !important;
  box-shadow: 0 4px 11px rgba(25,73,64,.035) !important;
  overflow: hidden !important;
}
#app.alo-my-page-home .theta-science-article-media {
  width: 100% !important;
  height: clamp(58px,17vw,82px) !important;
  border-radius: 10px !important;
  background: linear-gradient(145deg,#e4f6f1,#e8f2fb) !important;
  overflow: hidden !important;
  display: grid !important;
  place-items: center !important;
  margin-bottom: 5px !important;
}
#app.alo-my-page-home .theta-science-article-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}
#app.alo-my-page-home .theta-science-article-fallback svg {
  width: 38px !important;
  height: 38px !important;
  fill: none !important;
  stroke: #168875 !important;
  stroke-width: 2 !important;
}
#app.alo-my-page-home .theta-science-article-card > strong {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 28px !important;
  margin: 0 1px 4px !important;
  color: #173b38 !important;
  font-size: 8.2px !important;
  line-height: 1.75 !important;
  font-weight: 750 !important;
  text-align: right !important;
}
#app.alo-my-page-home .theta-science-article-category {
  display: inline-block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  margin: 0 1px 4px !important;
  padding: 2px 6px !important;
  border-radius: 6px !important;
  background: #e6f7f1 !important;
  color: #168875 !important;
  font-size: 6.3px !important;
  line-height: 1.45 !important;
}
#app.alo-my-page-home .theta-science-article-card > small {
  display: flex !important;
  align-items: center !important;
  gap: 2px !important;
  color: #8c9996 !important;
  font-size: 6px !important;
  line-height: 1.4 !important;
}
#app.alo-my-page-home .theta-science-article-card > small svg {
  width: 10px !important;
  height: 10px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
}

@media (max-width:359px) {
  #app.alo-my-page-home .hero.theta-home-hero.theta-home-hero-managed {
    grid-template-columns: minmax(0,1.54fr) minmax(103px,.74fr) !important;
    height: 126px !important;
    min-height: 126px !important;
  }
  #app.alo-my-page-home .theta-home-hero-managed .theta-home-hero-copy { padding: 13px 13px 11px 8px !important; }
  #app.alo-my-page-home .theta-home-hero-managed .theta-home-hero-copy h1 { font-size: 15px !important; }
  #app.alo-my-page-home .theta-home-hero-managed .theta-home-hero-copy p { font-size: 7.4px !important; margin-bottom: 7px !important; }
  #app.alo-my-page-home .theta-home-hero-managed .theta-home-hero-cta { min-height: 32px !important; padding: 6px 9px !important; font-size: 8px !important; }
  #app.alo-my-page-home .theta-science-articles { padding: 8px 7px !important; }
  #app.alo-my-page-home .theta-science-articles-grid { gap: 4px !important; }
  #app.alo-my-page-home .theta-science-article-card { padding: 4px !important; }
  #app.alo-my-page-home .theta-science-article-card > strong { font-size: 7.4px !important; min-height: 26px !important; }
}

/* ========================================================================
   Theta Wave 1.0 — Phase 1.9.38
   Approved Hero proportions: richer illustration + editable text/CTA.
   ======================================================================== */
#app.alo-my-page-home .hero.theta-home-hero.theta-home-hero-managed {
  grid-template-columns: minmax(0, 1.30fr) minmax(0, 1fr) !important;
  height: clamp(140px, 36vw, 178px) !important;
  background: linear-gradient(135deg,#11a985 0%,#078c75 64%,#067463 100%) !important;
}
#app.alo-my-page-home .theta-home-hero-managed .theta-home-hero-copy {
  padding: 14px 16px 13px 12px !important;
}
#app.alo-my-page-home .theta-home-hero-managed .theta-home-hero-copy h1 {
  font-size: clamp(15px,4.35vw,22px) !important;
  line-height: 1.55 !important;
  margin-bottom: 4px !important;
}
#app.alo-my-page-home .theta-home-hero-managed .theta-home-hero-art-wrap {
  background: #18aa91 !important;
}
#app.alo-my-page-home .theta-home-hero-managed .theta-home-hero-art {
  object-position: 50% 50% !important;
  filter: saturate(.97) contrast(1.01) !important;
}
#app.alo-my-page-home .theta-home-hero-managed .theta-home-hero-art-wrap::after {
  width: 14% !important;
  background: linear-gradient(90deg,rgba(8,132,111,0),rgba(8,132,111,.10)) !important;
}
@media (max-width: 359px) {
  #app.alo-my-page-home .hero.theta-home-hero.theta-home-hero-managed {
    grid-template-columns: minmax(0, 1.28fr) minmax(104px, 1fr) !important;
    height: 132px !important;
  }
}

/* ========================================================================
   Theta 1.9.42 — Android latest safe-area and hamburger position fix
   ======================================================================== */
#app.alo-my-page-home {
  --alo-safe-top: 0px;
  --alo-safe-bottom: 0px;
  padding-bottom: calc(92px + env(safe-area-inset-bottom)) !important;
}
#app.alo-my-page-home .screen {
  padding-bottom: calc(42px + env(safe-area-inset-bottom)) !important;
  scroll-padding-bottom: calc(42px + env(safe-area-inset-bottom)) !important;
}
#app.alo-my-page-home .theta-bottom-nav {
  height: calc(78px + env(safe-area-inset-bottom)) !important;
  min-height: calc(78px + env(safe-area-inset-bottom)) !important;
  padding-bottom: calc(8px + env(safe-area-inset-bottom)) !important;
}
#app.alo-my-page-home .booking-footer { bottom: calc(76px + env(safe-area-inset-bottom)) !important; }
#app.alo-my-page-home + #toast,
#toast.toast { bottom: calc(80px + env(safe-area-inset-bottom)) !important; }
#app.alo-my-page-home .app-chat-sheet-panel { bottom: calc(80px + env(safe-area-inset-bottom)) !important; }

#app.alo-my-page-home.is-home .theta-dashboard-topbar,
#app.alo-my-page-home.is-native-shell.is-home .theta-dashboard-topbar {
  flex: 0 0 calc(144px + env(safe-area-inset-top)) !important;
  height: calc(144px + env(safe-area-inset-top)) !important;
  min-height: calc(144px + env(safe-area-inset-top)) !important;
  padding-top: env(safe-area-inset-top) !important;
}
#app.alo-my-page-home.is-home .theta-hamburger,
#app.alo-my-page-home.is-native-shell.is-home .theta-hamburger {
  right: 24px !important;
  left: auto !important;
  bottom: 28px !important;
  top: auto !important;
}
#app.alo-my-page-home.is-home .theta-home-page-label,
#app.alo-my-page-home.is-native-shell.is-home .theta-home-page-label {
  left: 24px !important;
  right: auto !important;
  bottom: 28px !important;
}
#app.alo-my-page-home.is-home .theta-shell-notch,
#app.alo-my-page-home.is-native-shell.is-home .theta-shell-notch {
  top: calc(119px + env(safe-area-inset-top)) !important;
  width: 86px !important;
  height: 86px !important;
}
#app.alo-my-page-home.is-native-shell.is-home .theta-shell-notch button {
  width: 66px !important;
  height: 66px !important;
  min-height: 66px !important;
  padding: 7px !important;
}
#app.alo-my-page-home.is-home .screen,
#app.alo-my-page-home.is-native-shell.is-home .screen {
  padding-top: 61px !important;
}
@media (max-width: 359px) {
  #app.alo-my-page-home.is-home .theta-hamburger,
  #app.alo-my-page-home.is-native-shell.is-home .theta-hamburger { right: 18px !important; }
  #app.alo-my-page-home.is-home .theta-home-page-label,
  #app.alo-my-page-home.is-native-shell.is-home .theta-home-page-label { left: 18px !important; }
}

/* ========================================================================
   Theta 1.9.43 — viewport correction for Android 8 + current Android
   Removes the 1.9.42 extra shell padding and oversized topbar.
   ======================================================================== */
html{
  --alo-app-height:100vh;
}
#app.alo-my-page-home{
  box-sizing:border-box !important;
  height:var(--alo-app-height,100vh) !important;
  max-height:var(--alo-app-height,100vh) !important;
  min-height:0 !important;
  padding-bottom:0 !important;
  overflow:hidden !important;
}
@supports(height:100dvh){
  #app.alo-my-page-home{height:var(--alo-app-height,100dvh) !important;max-height:var(--alo-app-height,100dvh) !important}
}
#app.alo-my-page-home.is-home .theta-dashboard-topbar,
#app.alo-my-page-home.is-native-shell.is-home .theta-dashboard-topbar{
  box-sizing:border-box !important;
  flex:0 0 calc(82px + env(safe-area-inset-top)) !important;
  height:calc(82px + env(safe-area-inset-top)) !important;
  min-height:calc(82px + env(safe-area-inset-top)) !important;
  padding-top:env(safe-area-inset-top) !important;
  padding-bottom:0 !important;
}
#app.alo-my-page-home.is-home .theta-hamburger,
#app.alo-my-page-home.is-native-shell.is-home .theta-hamburger{
  width:44px !important;
  height:44px !important;
  right:20px !important;
  left:auto !important;
  bottom:16px !important;
  top:auto !important;
}
#app.alo-my-page-home.is-home .theta-home-page-label,
#app.alo-my-page-home.is-native-shell.is-home .theta-home-page-label{
  left:20px !important;
  right:auto !important;
  bottom:16px !important;
}
#app.alo-my-page-home.is-home .theta-shell-notch,
#app.alo-my-page-home.is-native-shell.is-home .theta-shell-notch{
  top:calc(54px + env(safe-area-inset-top)) !important;
  width:78px !important;
  height:78px !important;
}
#app.alo-my-page-home.is-home .theta-shell-notch button,
#app.alo-my-page-home.is-native-shell.is-home .theta-shell-notch button{
  width:60px !important;
  height:60px !important;
  min-height:60px !important;
  padding:6px !important;
}
#app.alo-my-page-home.is-home .screen,
#app.alo-my-page-home.is-native-shell.is-home .screen{
  flex:1 1 auto !important;
  min-height:0 !important;
  padding-top:46px !important;
  padding-bottom:22px !important;
  scroll-padding-bottom:22px !important;
  overflow-y:auto !important;
}
#app.alo-my-page-home .theta-bottom-nav{
  box-sizing:border-box !important;
  position:relative !important;
  inset:auto !important;
  transform:none !important;
  flex:0 0 calc(78px + env(safe-area-inset-bottom)) !important;
  height:calc(78px + env(safe-area-inset-bottom)) !important;
  min-height:calc(78px + env(safe-area-inset-bottom)) !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:8px 4px max(5px,env(safe-area-inset-bottom)) !important;
  border-radius:27px 27px 0 0 !important;
}
#app.alo-my-page-home .booking-footer{bottom:0 !important}
#toast.toast{bottom:calc(86px + env(safe-area-inset-bottom)) !important}
#app.alo-my-page-home .app-chat-sheet-panel{bottom:calc(82px + env(safe-area-inset-bottom)) !important}

@media(max-width:390px){
  #app.alo-my-page-home.is-home .theta-dashboard-topbar,
  #app.alo-my-page-home.is-native-shell.is-home .theta-dashboard-topbar{
    flex-basis:calc(78px + env(safe-area-inset-top)) !important;
    height:calc(78px + env(safe-area-inset-top)) !important;
    min-height:calc(78px + env(safe-area-inset-top)) !important;
  }
  #app.alo-my-page-home.is-home .theta-shell-notch,
  #app.alo-my-page-home.is-native-shell.is-home .theta-shell-notch{
    top:calc(50px + env(safe-area-inset-top)) !important;
    width:74px !important;
    height:74px !important;
  }
  #app.alo-my-page-home.is-home .theta-shell-notch button,
  #app.alo-my-page-home.is-native-shell.is-home .theta-shell-notch button{
    width:56px !important;height:56px !important;min-height:56px !important;
  }
  #app.alo-my-page-home.is-home .theta-hamburger,
  #app.alo-my-page-home.is-native-shell.is-home .theta-hamburger{
    right:16px !important;bottom:14px !important;
  }
  #app.alo-my-page-home.is-home .screen,
  #app.alo-my-page-home.is-native-shell.is-home .screen{padding-top:42px !important}
}


/* Theta 1.9.51 — featured article card premium outline */
#app.alo-my-page-home .theta-science-article-card{position:relative!important;border-color:rgba(18,151,118,.10)!important;box-shadow:0 12px 24px rgba(25,73,64,.045)!important}
#app.alo-my-page-home .theta-science-article-card:before{content:""!important;position:absolute!important;inset:0!important;border-radius:14px!important;padding:1px!important;background:linear-gradient(135deg,rgba(31,191,134,.42) 0%,rgba(16,153,122,.18) 38%,rgba(82,208,168,.06) 72%,rgba(255,255,255,0) 100%)!important;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)!important;-webkit-mask-composite:xor!important;mask-composite:exclude!important;pointer-events:none!important;opacity:.84!important}
#app.alo-my-page-home .theta-science-article-card:after{content:""!important;position:absolute!important;top:10px!important;left:10px!important;width:22px!important;height:22px!important;border-top:1.2px solid rgba(29,186,131,.44)!important;border-left:1.2px solid rgba(29,186,131,.16)!important;border-radius:10px 0 0 0!important;box-shadow:0 0 14px rgba(36,192,138,.08)!important;pointer-events:none!important;opacity:.82!important}

.theta-home-error-safe{padding:40px 20px;text-align:center;direction:rtl;color:#0b6248}.theta-home-error-safe button{margin-top:20px;border:0;border-radius:18px;padding:12px 24px;background:#0f9162;color:#fff}


/* ALOCLINIC Theta 1.9.85.4 — Specialist Card R3 Test */
#app.alo-my-page-home .theta-r3-section{margin-top:18px;padding:18px 14px;border-radius:28px;background:linear-gradient(180deg,#fcfffd 0%,#eef7f2 100%);box-shadow:0 16px 40px rgba(14,77,59,.08);overflow:hidden}
#app.alo-my-page-home .theta-r3-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
#app.alo-my-page-home .theta-r3-head h2{margin:0;color:#0b6248;font-size:19px;line-height:1.2;font-weight:900}
#app.alo-my-page-home .theta-r3-head small{display:block;margin-top:4px;color:#70877d;font-size:12px;line-height:1.5}
#app.alo-my-page-home .theta-r3-head button{min-height:40px;padding:0 14px;border:none;border-radius:999px;background:#ecf8f1;color:#11865d;font-weight:800;font-size:12px;box-shadow:inset 0 0 0 1px rgba(17,143,97,.12)}
#app.alo-my-page-home .theta-r3-rail{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
#app.alo-my-page-home .theta-r3-rail::-webkit-scrollbar{display:none}
#app.alo-my-page-home .theta-r3-card{flex:0 0 88%;scroll-snap-align:start;position:relative;border-radius:26px;background:linear-gradient(135deg,#ffffff 0%,#f4faf7 100%);box-shadow:0 14px 32px rgba(14,77,59,.09);padding:14px;display:flex;flex-direction:column;gap:12px;min-height:240px}
#app.alo-my-page-home .theta-r3-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
#app.alo-my-page-home .theta-r3-featured-badge{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#fff6e3;color:#b88217;font-size:11px;font-weight:800;border:1px solid rgba(213,165,43,.26)}
#app.alo-my-page-home .theta-r3-online{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 10px;border-radius:999px;background:#fff;color:#58786c;font-size:11px;font-weight:800;box-shadow:0 8px 18px rgba(14,77,59,.08)}
#app.alo-my-page-home .theta-r3-online i{width:8px;height:8px;border-radius:50%;background:#bfcac5;display:inline-block}
#app.alo-my-page-home .theta-r3-online.is-online i{background:#19a96e;box-shadow:0 0 0 3px rgba(25,169,110,.14)}
#app.alo-my-page-home .theta-r3-card-main{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:start;direction:ltr}
#app.alo-my-page-home .theta-r3-avatar{width:96px;height:128px;border-radius:22px;background:linear-gradient(180deg,#ffffff,#e7f2ed);border:3px solid rgba(255,255,255,.9);box-shadow:0 12px 22px rgba(14,77,59,.12);overflow:hidden;display:flex;align-items:center;justify-content:center}
#app.alo-my-page-home .theta-r3-avatar img{width:100%;height:100%;object-fit:cover;display:block}
#app.alo-my-page-home .theta-r3-avatar span{font-size:28px;font-weight:900;color:#149164}
#app.alo-my-page-home .theta-r3-body{min-width:0;display:flex;flex-direction:column;direction:rtl}
#app.alo-my-page-home .theta-r3-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#app.alo-my-page-home .theta-r3-name-row h3{margin:0;color:#104f3d;font-size:20px;line-height:1.3;font-weight:900}
#app.alo-my-page-home .theta-r3-verified{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#eaf8f1;color:#0f9162;font-size:13px;font-weight:900;box-shadow:inset 0 0 0 1px rgba(17,143,97,.12)}
#app.alo-my-page-home .theta-r3-role{margin:6px 0 0;color:#617a70;font-size:13px;line-height:1.7;font-weight:700}
#app.alo-my-page-home .theta-r3-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
#app.alo-my-page-home .theta-r3-tags span{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;background:#fff;color:#0f634b;font-size:11px;font-weight:700;box-shadow:inset 0 0 0 1px rgba(17,143,97,.08)}
#app.alo-my-page-home .theta-r3-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
#app.alo-my-page-home .theta-r3-stat{background:#fff;border-radius:16px;padding:10px 8px;text-align:center;box-shadow:inset 0 0 0 1px rgba(17,143,97,.07),0 8px 16px rgba(14,77,59,.04)}
#app.alo-my-page-home .theta-r3-stat b{display:block;color:#0f5a45;font-size:16px;line-height:1.2;font-weight:900}
#app.alo-my-page-home .theta-r3-stat small{display:block;margin-top:3px;color:#748d83;font-size:11px;line-height:1.4}
#app.alo-my-page-home .theta-r3-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
#app.alo-my-page-home .theta-r3-profile-btn,#app.alo-my-page-home .theta-r3-book-btn{min-height:46px;padding:0 12px;border-radius:16px;font-size:13px;font-weight:800}
#app.alo-my-page-home .theta-r3-profile-btn{background:#fff;color:#11885d;border:1.5px solid #149366}
#app.alo-my-page-home .theta-r3-book-btn{background:linear-gradient(135deg,#109162,#19aa70);color:#fff;border:none;box-shadow:0 10px 20px rgba(16,145,98,.18)}
#app.alo-my-page-home .theta-r3-book-btn[disabled]{opacity:.58;box-shadow:none}
@media (max-width:390px){
  #app.alo-my-page-home .theta-r3-section{padding:16px 12px}
  #app.alo-my-page-home .theta-r3-card{flex-basis:92%;padding:12px}
  #app.alo-my-page-home .theta-r3-card-main{grid-template-columns:86px minmax(0,1fr)}
  #app.alo-my-page-home .theta-r3-avatar{width:86px;height:118px}
  #app.alo-my-page-home .theta-r3-name-row h3{font-size:18px}
}


/* ALOCLINIC Theta 1.9.85.4 — Specialist Card R3.1 Stable UI Fix */
#app.alo-my-page-home .theta-r3-name-row h3{font-size:18px!important;line-height:1.35}
#app.alo-my-page-home .theta-r3-role{font-size:12px!important;line-height:1.65}
#app.alo-my-page-home .theta-r3-tags span{font-size:10.5px!important}
#app.alo-my-page-home .theta-r3-card{min-height:232px}
#app.app-shell .theta-topbar-brand{display:flex;flex-direction:column;align-items:center;justify-content:center}
#app.app-shell .theta-shell-notch:before{background:rgba(255,255,255,.96)!important;box-shadow:0 8px 22px rgba(24,84,73,.08)!important}
#app.app-shell .theta-shell-notch button{background:radial-gradient(circle at 30% 30%,#ffffff 0%,#f3fbf7 60%,#eaf6f1 100%)!important;padding:10px!important;box-shadow:0 0 0 1px rgba(17,143,97,.08),0 12px 28px rgba(16,94,77,.12)!important}
#app.app-shell .theta-shell-notch img{object-fit:contain!important;border-radius:0!important;filter:drop-shadow(0 8px 14px rgba(16,145,98,.08))!important}
.alo-app-splash-core{width:104px!important;height:104px!important;padding:16px!important;border-radius:50%!important;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.99),rgba(243,251,247,.98) 64%,rgba(233,247,241,.96) 100%)!important;box-shadow:0 18px 36px rgba(20,91,76,.14),0 0 0 1px rgba(38,164,123,.08) inset,0 10px 20px rgba(255,255,255,.66) inset!important}
.alo-app-splash-core:after{border-radius:50%!important}
.alo-app-splash-core img{object-fit:contain!important;border-radius:0!important;filter:drop-shadow(0 8px 14px rgba(11,125,101,.08))!important}
@media (max-width:390px){
  #app.alo-my-page-home .theta-r3-name-row h3{font-size:17px!important}
  #app.alo-my-page-home .theta-r3-role{font-size:11px!important}
}

/* R3.1 REAL PATCH - active selectors */
#app.alo-my-page-home .theta-r3-name-row h3{font-size:16px!important;line-height:1.35!important;}
#app.alo-my-page-home .theta-r3-role{font-size:11px!important;line-height:1.6!important;}
#app.alo-my-page-home .theta-r3-name-row{gap:6px!important;}


/* ALOCLINIC Theta 1.9.85.4 — Specialist Card R3.2 Horizontal Layout Fix */
#app.alo-my-page-home .theta-r3-card{
  flex:0 0 94%;
  min-height:250px;
  padding:16px;
}
#app.alo-my-page-home .theta-r3-card-main{
  display:grid;
  grid-template-columns:105px minmax(0,1fr);
  gap:16px;
  align-items:start;
  direction:ltr;
}
#app.alo-my-page-home .theta-r3-avatar{
  width:105px;
  height:150px;
  border-radius:24px;
}
#app.alo-my-page-home .theta-r3-body{
  direction:rtl;
}
#app.alo-my-page-home .theta-r3-name-row h3{
  font-size:18px!important;
}
#app.alo-my-page-home .theta-r3-role{
  font-size:12px!important;
}
#app.alo-my-page-home .theta-r3-stats{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
}
#app.alo-my-page-home .theta-r3-stat{
  padding:8px 4px;
}
#app.alo-my-page-home .theta-r3-actions{
  grid-template-columns:1fr 1fr;
  margin-top:12px;
}
@media(max-width:390px){
 #app.alo-my-page-home .theta-r3-card{flex-basis:96%}
 #app.alo-my-page-home .theta-r3-card-main{grid-template-columns:88px minmax(0,1fr);gap:10px}
 #app.alo-my-page-home .theta-r3-avatar{width:88px;height:130px}
 #app.alo-my-page-home .theta-r3-stats{gap:5px}
}


/* ALOCLINIC Theta 1.9.85.4 — R3.2 REAL HORIZONTAL LAYOUT HOTFIX */
#app.alo-my-page-home .theta-r3-section{padding:16px 14px 18px;border-radius:26px;background:linear-gradient(180deg,#ffffff 0%,#eef8f3 100%)}
#app.alo-my-page-home .theta-r3-head{align-items:flex-start;margin-bottom:16px}
#app.alo-my-page-home .theta-r3-head h2{font-size:18px!important}
#app.alo-my-page-home .theta-r3-head small{font-size:12px!important}
#app.alo-my-page-home .theta-r3-rail{gap:14px;padding-inline:2px}
#app.alo-my-page-home .theta-r3-card{flex:0 0 calc(100% - 6px)!important;min-height:auto!important;padding:18px 16px 16px!important;border-radius:26px!important;gap:14px!important;box-shadow:0 18px 38px rgba(15,88,69,.08)!important;background:linear-gradient(135deg,#fbfffd 0%,#edf8f3 100%)!important}
#app.alo-my-page-home .theta-r3-card-top{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:2px}
#app.alo-my-page-home .theta-r3-card-main{display:grid!important;grid-template-columns:140px minmax(0,1fr)!important;gap:16px!important;align-items:start!important;direction:ltr!important}
#app.alo-my-page-home .theta-r3-avatar{width:140px!important;height:182px!important;border-radius:28px!important;border:4px solid #fff!important;box-shadow:0 14px 30px rgba(15,88,69,.12)!important;background:linear-gradient(180deg,#fff,#e8f5ef)!important}
#app.alo-my-page-home .theta-r3-body{direction:rtl!important;min-width:0!important}
#app.alo-my-page-home .theta-r3-name-row{align-items:center!important;gap:8px!important;margin-top:4px}
#app.alo-my-page-home .theta-r3-name-row h3{font-size:17px!important;line-height:1.45!important;font-weight:900!important;margin:0!important}
#app.alo-my-page-home .theta-r3-role{font-size:12px!important;line-height:1.8!important;margin-top:6px!important}
#app.alo-my-page-home .theta-r3-tags{gap:8px!important;margin-top:10px!important}
#app.alo-my-page-home .theta-r3-tags span{min-height:28px!important;padding:0 10px!important;font-size:10.5px!important;border-radius:999px!important;background:#f8fcfa!important}
#app.alo-my-page-home .theta-r3-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin-top:12px!important}
#app.alo-my-page-home .theta-r3-stat{border-radius:14px!important;padding:10px 6px!important;min-height:74px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
#app.alo-my-page-home .theta-r3-stat b{font-size:14px!important}
#app.alo-my-page-home .theta-r3-stat small{font-size:10px!important;line-height:1.35!important}
#app.alo-my-page-home .theta-r3-actions{grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:14px!important}
#app.alo-my-page-home .theta-r3-profile-btn,#app.alo-my-page-home .theta-r3-book-btn{min-height:44px!important;border-radius:15px!important;font-size:12.5px!important}
#app.alo-my-page-home .theta-r3-profile-btn{order:2}
#app.alo-my-page-home .theta-r3-book-btn{order:1}
@media (max-width:420px){
  #app.alo-my-page-home .theta-r3-card{padding:16px 14px 14px!important}
  #app.alo-my-page-home .theta-r3-card-main{grid-template-columns:126px minmax(0,1fr)!important;gap:12px!important}
  #app.alo-my-page-home .theta-r3-avatar{width:126px!important;height:170px!important}
  #app.alo-my-page-home .theta-r3-name-row h3{font-size:15px!important;line-height:1.5!important}
  #app.alo-my-page-home .theta-r3-role{font-size:11px!important}
  #app.alo-my-page-home .theta-r3-stats{gap:6px!important}
  #app.alo-my-page-home .theta-r3-stat{padding:8px 4px!important;min-height:68px!important}
  #app.alo-my-page-home .theta-r3-stat b{font-size:13px!important}
  #app.alo-my-page-home .theta-r3-stat small{font-size:9.5px!important}
}


/* ALOCLINIC Theta 1.9.85.4 — R3.2.1 responsive and logo asset fix */
#app.alo-my-page-home .theta-r3-card{overflow:hidden}
#app.alo-my-page-home .theta-r3-avatar{width:132px!important;height:176px!important}
#app.alo-my-page-home .theta-r3-card-main{grid-template-columns:132px minmax(0,1fr)!important;gap:14px!important}
#app.alo-my-page-home .theta-r3-body{display:block!important}
#app.alo-my-page-home .theta-r3-name-row h3{font-size:16px!important;line-height:1.45!important}
#app.alo-my-page-home .theta-r3-role{font-size:11.5px!important;line-height:1.75!important}
#app.alo-my-page-home .theta-r3-tags{gap:7px!important}
#app.alo-my-page-home .theta-r3-tags span{font-size:10px!important;padding:0 9px!important;min-height:27px!important}
#app.alo-my-page-home .theta-r3-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
#app.alo-my-page-home .theta-r3-stat{min-height:72px!important;padding:10px 8px!important}
#app.alo-my-page-home .theta-r3-stat b{font-size:15px!important}
#app.alo-my-page-home .theta-r3-stat small{font-size:10px!important;line-height:1.45!important}
#app.alo-my-page-home .theta-r3-actions{grid-template-columns:1fr 1fr!important;gap:10px!important}
#app.alo-my-page-home .theta-r3-profile-btn,#app.alo-my-page-home .theta-r3-book-btn{min-height:42px!important;font-size:12px!important;padding:0 10px!important}
#app.app-shell .theta-shell-notch img{width:84%!important;height:84%!important;object-fit:contain!important;border-radius:0!important;background:transparent!important}
.alo-app-splash-core img{width:84%!important;height:84%!important;object-fit:contain!important;background:transparent!important;border-radius:0!important}
@media (min-width:431px){
  #app.alo-my-page-home .theta-r3-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
  #app.alo-my-page-home .theta-r3-stat{min-height:70px!important;padding:9px 6px!important}
  #app.alo-my-page-home .theta-r3-stat b{font-size:14px!important}
  #app.alo-my-page-home .theta-r3-stat small{font-size:9.5px!important}
}
@media (max-width:390px){
  #app.alo-my-page-home .theta-r3-card{padding:15px 13px 14px!important}
  #app.alo-my-page-home .theta-r3-card-main{grid-template-columns:118px minmax(0,1fr)!important;gap:11px!important}
  #app.alo-my-page-home .theta-r3-avatar{width:118px!important;height:160px!important;border-radius:24px!important}
  #app.alo-my-page-home .theta-r3-name-row h3{font-size:15px!important}
  #app.alo-my-page-home .theta-r3-role{font-size:11px!important}
  #app.alo-my-page-home .theta-r3-tags span{font-size:9.5px!important;padding:0 8px!important;min-height:26px!important}
  #app.alo-my-page-home .theta-r3-stat{min-height:68px!important;padding:8px 7px!important}
  #app.alo-my-page-home .theta-r3-stat b{font-size:14px!important}
  #app.alo-my-page-home .theta-r3-stat small{font-size:9.5px!important}
  #app.alo-my-page-home .theta-r3-profile-btn,#app.alo-my-page-home .theta-r3-book-btn{min-height:40px!important;font-size:11.5px!important}
}


/* ALOCLINIC Theta 1.9.85.4 — R3.2.2 mobile card polish */
@media (max-width:430px){
  #app.alo-my-page-home .theta-r3-section{padding:14px 12px 16px!important;border-radius:24px!important}
  #app.alo-my-page-home .theta-r3-head{margin-bottom:12px!important}
  #app.alo-my-page-home .theta-r3-head h2{font-size:17px!important}
  #app.alo-my-page-home .theta-r3-head small{font-size:11px!important}
  #app.alo-my-page-home .theta-r3-rail{gap:10px!important}
  #app.alo-my-page-home .theta-r3-card{flex:0 0 calc(100% - 2px)!important;padding:14px 12px 13px!important;border-radius:24px!important;gap:10px!important}
  #app.alo-my-page-home .theta-r3-card-top{margin-bottom:0!important}
  #app.alo-my-page-home .theta-r3-card-main{grid-template-columns:112px minmax(0,1fr)!important;gap:10px!important}
  #app.alo-my-page-home .theta-r3-avatar{width:112px!important;height:152px!important;border-radius:22px!important;border-width:3px!important;box-shadow:0 10px 22px rgba(15,88,69,.10)!important}
  #app.alo-my-page-home .theta-r3-name-row{margin-top:2px!important;gap:6px!important}
  #app.alo-my-page-home .theta-r3-name-row h3{font-size:14.5px!important;line-height:1.42!important}
  #app.alo-my-page-home .theta-r3-role{font-size:10.7px!important;line-height:1.65!important;margin-top:4px!important}
  #app.alo-my-page-home .theta-r3-tags{gap:6px!important;margin-top:8px!important}
  #app.alo-my-page-home .theta-r3-tags span{font-size:9.3px!important;min-height:24px!important;padding:0 7px!important}
  #app.alo-my-page-home .theta-r3-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:10px!important}
  #app.alo-my-page-home .theta-r3-stat{min-height:60px!important;padding:7px 6px!important;border-radius:12px!important}
  #app.alo-my-page-home .theta-r3-stat b{font-size:13.5px!important;line-height:1.1!important}
  #app.alo-my-page-home .theta-r3-stat small{font-size:9px!important;line-height:1.3!important}
  #app.alo-my-page-home .theta-r3-actions{grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:10px!important;padding-bottom:6px!important}
  #app.alo-my-page-home .theta-r3-profile-btn,#app.alo-my-page-home .theta-r3-book-btn{min-height:38px!important;border-radius:14px!important;font-size:11.2px!important;padding:0 8px!important;box-shadow:none!important}
}
@media (max-width:375px){
  #app.alo-my-page-home .theta-r3-card-main{grid-template-columns:102px minmax(0,1fr)!important;gap:9px!important}
  #app.alo-my-page-home .theta-r3-avatar{width:102px!important;height:142px!important}
  #app.alo-my-page-home .theta-r3-name-row h3{font-size:13.8px!important}
  #app.alo-my-page-home .theta-r3-role{font-size:10.2px!important}
  #app.alo-my-page-home .theta-r3-stats{gap:7px!important}
  #app.alo-my-page-home .theta-r3-stat{min-height:58px!important;padding:7px 5px!important}
  #app.alo-my-page-home .theta-r3-stat b{font-size:13px!important}
  #app.alo-my-page-home .theta-r3-stat small{font-size:8.7px!important}
  #app.alo-my-page-home .theta-r3-profile-btn,#app.alo-my-page-home .theta-r3-book-btn{min-height:36px!important;font-size:10.8px!important}
}


/* ALOCLINIC Theta 1.9.85.4 — R3.2.3 final mobile alignment */
@media (max-width:430px){
  #app.alo-my-page-home .theta-r3-section{padding:13px 11px 15px!important;border-radius:22px!important}
  #app.alo-my-page-home .theta-r3-head{margin-bottom:10px!important}
  #app.alo-my-page-home .theta-r3-head h2{font-size:16.5px!important;line-height:1.3!important}
  #app.alo-my-page-home .theta-r3-head small{font-size:10.8px!important;line-height:1.4!important}
  #app.alo-my-page-home .theta-r3-card{padding:12px 11px 12px!important;border-radius:22px!important;gap:8px!important;min-height:auto!important}
  #app.alo-my-page-home .theta-r3-card-main{grid-template-columns:100px minmax(0,1fr)!important;gap:9px!important;align-items:start!important}
  #app.alo-my-page-home .theta-r3-avatar{width:100px!important;height:138px!important;border-radius:20px!important;border-width:3px!important;box-shadow:0 8px 18px rgba(15,88,69,.08)!important}
  #app.alo-my-page-home .theta-r3-name-row{margin-top:0!important;gap:4px!important}
  #app.alo-my-page-home .theta-r3-name-row h3{font-size:13.4px!important;line-height:1.36!important;font-weight:800!important}
  #app.alo-my-page-home .theta-r3-role{font-size:9.9px!important;line-height:1.55!important;margin-top:3px!important}
  #app.alo-my-page-home .theta-r3-tags{gap:5px!important;margin-top:7px!important}
  #app.alo-my-page-home .theta-r3-tags span{font-size:8.8px!important;min-height:22px!important;padding:0 6px!important;border-radius:999px!important}
  #app.alo-my-page-home .theta-r3-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin-top:8px!important}
  #app.alo-my-page-home .theta-r3-stat{min-height:54px!important;padding:6px 5px!important;border-radius:11px!important}
  #app.alo-my-page-home .theta-r3-stat b{font-size:12.8px!important;line-height:1.05!important}
  #app.alo-my-page-home .theta-r3-stat small{font-size:8.5px!important;line-height:1.22!important}
  #app.alo-my-page-home .theta-r3-actions{grid-template-columns:1fr 1fr!important;gap:7px!important;margin-top:8px!important;padding-bottom:8px!important}
  #app.alo-my-page-home .theta-r3-profile-btn,#app.alo-my-page-home .theta-r3-book-btn{min-height:34px!important;border-radius:13px!important;font-size:10.4px!important;padding:0 7px!important}
}
@media (max-width:375px){
  #app.alo-my-page-home .theta-r3-card{padding:11px 10px 11px!important}
  #app.alo-my-page-home .theta-r3-card-main{grid-template-columns:94px minmax(0,1fr)!important;gap:8px!important}
  #app.alo-my-page-home .theta-r3-avatar{width:94px!important;height:130px!important;border-radius:18px!important}
  #app.alo-my-page-home .theta-r3-name-row h3{font-size:12.8px!important;line-height:1.34!important}
  #app.alo-my-page-home .theta-r3-role{font-size:9.4px!important}
  #app.alo-my-page-home .theta-r3-tags span{font-size:8.4px!important;min-height:21px!important;padding:0 5px!important}
  #app.alo-my-page-home .theta-r3-stat{min-height:50px!important;padding:5px 4px!important}
  #app.alo-my-page-home .theta-r3-stat b{font-size:12.2px!important}
  #app.alo-my-page-home .theta-r3-stat small{font-size:8.1px!important}
  #app.alo-my-page-home .theta-r3-profile-btn,#app.alo-my-page-home .theta-r3-book-btn{min-height:32px!important;font-size:9.9px!important}
}


/* ALOCLINIC Theta 1.9.85.4 — Specialist Card R3.2.4 Mobile Layout Override */
@media (max-width: 430px){
  #app.alo-my-page-home .theta-r3-section{padding:14px 10px 12px!important;border-radius:24px!important}
  #app.alo-my-page-home .theta-r3-head{gap:8px!important;margin-bottom:10px!important;align-items:flex-start!important}
  #app.alo-my-page-home .theta-r3-head h2{font-size:14px!important;line-height:1.25!important}
  #app.alo-my-page-home .theta-r3-head small{font-size:8.9px!important;line-height:1.35!important;margin-top:3px!important}
  #app.alo-my-page-home .theta-r3-head button{min-height:34px!important;padding:0 12px!important;font-size:9.8px!important}
  #app.alo-my-page-home .theta-r3-rail{gap:10px!important;padding-bottom:2px!important}
  #app.alo-my-page-home .theta-r3-card{flex:0 0 100%!important;width:100%!important;min-width:100%!important;max-width:100%!important;padding:11px 10px 12px!important;border-radius:22px!important;gap:9px!important;min-height:auto!important}
  #app.alo-my-page-home .theta-r3-card-top{gap:8px!important;margin-bottom:2px!important}
  #app.alo-my-page-home .theta-r3-featured-badge,
  #app.alo-my-page-home .theta-r3-online{min-height:24px!important;padding:0 8px!important;font-size:9.4px!important}
  #app.alo-my-page-home .theta-r3-card-main{grid-template-columns:88px minmax(0,1fr)!important;gap:9px!important;align-items:start!important}
  #app.alo-my-page-home .theta-r3-avatar{width:88px!important;height:118px!important;border-radius:18px!important;border-width:2px!important}
  #app.alo-my-page-home .theta-r3-name-row{gap:5px!important}
  #app.alo-my-page-home .theta-r3-name-row h3{font-size:12.7px!important;line-height:1.34!important;font-weight:900!important}
  #app.alo-my-page-home .theta-r3-verified{width:18px!important;height:18px!important;font-size:10px!important}
  #app.alo-my-page-home .theta-r3-role{font-size:9.3px!important;line-height:1.48!important;margin-top:3px!important}
  #app.alo-my-page-home .theta-r3-tags{gap:4px!important;margin-top:6px!important}
  #app.alo-my-page-home .theta-r3-tags span{min-height:20px!important;padding:0 6px!important;font-size:8px!important;white-space:nowrap!important}
  #app.alo-my-page-home .theta-r3-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;margin-top:8px!important}
  #app.alo-my-page-home .theta-r3-stat{min-height:52px!important;padding:6px 3px!important;border-radius:10px!important}
  #app.alo-my-page-home .theta-r3-stat b{font-size:11.6px!important;line-height:1.05!important}
  #app.alo-my-page-home .theta-r3-stat small{font-size:7.4px!important;line-height:1.2!important;margin-top:2px!important}
  #app.alo-my-page-home .theta-r3-actions{grid-template-columns:1fr 1fr!important;gap:7px!important;margin-top:8px!important}
  #app.alo-my-page-home .theta-r3-profile-btn,
  #app.alo-my-page-home .theta-r3-book-btn{min-height:35px!important;border-radius:12px!important;font-size:10.1px!important;padding:0 6px!important}
}
@media (max-width: 390px){
  #app.alo-my-page-home .theta-r3-card-main{grid-template-columns:84px minmax(0,1fr)!important;gap:8px!important}
  #app.alo-my-page-home .theta-r3-avatar{width:84px!important;height:112px!important;border-radius:17px!important}
  #app.alo-my-page-home .theta-r3-name-row h3{font-size:12.2px!important}
  #app.alo-my-page-home .theta-r3-role{font-size:8.9px!important}
  #app.alo-my-page-home .theta-r3-tags span{font-size:7.8px!important;padding:0 5px!important}
  #app.alo-my-page-home .theta-r3-stats{gap:4px!important}
  #app.alo-my-page-home .theta-r3-stat{min-height:49px!important;padding:5px 2px!important}
  #app.alo-my-page-home .theta-r3-stat b{font-size:10.9px!important}
  #app.alo-my-page-home .theta-r3-stat small{font-size:7px!important}
  #app.alo-my-page-home .theta-r3-profile-btn,
  #app.alo-my-page-home .theta-r3-book-btn{min-height:33px!important;font-size:9.6px!important}
}
@media (max-width: 360px){
  #app.alo-my-page-home .theta-r3-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}


/* ALOCLINIC Theta 1.9.85.4 — R3.2.5 compact stats only */
@media (max-width: 430px){
  #app.alo-my-page-home .theta-r3-stats{
    width: 88% !important;
    max-width: 270px !important;
    margin-top: 7px !important;
    gap: 4px !important;
    margin-inline-start: auto !important;
    margin-inline-end: 0 !important;
  }
  #app.alo-my-page-home .theta-r3-stat{
    min-height: 43px !important;
    padding: 4px 3px !important;
    border-radius: 10px !important;
  }
  #app.alo-my-page-home .theta-r3-stat b{
    font-size: 10.5px !important;
    line-height: 1 !important;
  }
  #app.alo-my-page-home .theta-r3-stat small{
    font-size: 6.9px !important;
    line-height: 1.15 !important;
    margin-top: 1px !important;
  }
}
@media (max-width: 390px){
  #app.alo-my-page-home .theta-r3-stats{
    width: 86% !important;
    max-width: 250px !important;
    gap: 4px !important;
  }
  #app.alo-my-page-home .theta-r3-stat{
    min-height: 40px !important;
    padding: 4px 2px !important;
  }
  #app.alo-my-page-home .theta-r3-stat b{
    font-size: 10px !important;
  }
  #app.alo-my-page-home .theta-r3-stat small{
    font-size: 6.6px !important;
  }
}


/* ALOCLINIC Theta 1.9.85.4 — R3.2.6 mobile stats redesign only */
@media (max-width: 430px){
  #app.alo-my-page-home .theta-r3-stats{
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
    width: 100% !important;
    max-width: none !important;
    margin-top: 8px !important;
    margin-inline: 0 !important;
    align-items: stretch !important;
  }
  #app.alo-my-page-home .theta-r3-stat{
    min-width: 0 !important;
    min-height: 38px !important;
    padding: 4px 2px !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    background: rgba(255,255,255,.92) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1px !important;
  }
  #app.alo-my-page-home .theta-r3-stat b{
    font-size: 10px !important;
    line-height: 1 !important;
    margin: 0 !important;
    font-weight: 900 !important;
  }
  #app.alo-my-page-home .theta-r3-stat small{
    font-size: 6.2px !important;
    line-height: 1.08 !important;
    margin: 0 !important;
    white-space: normal !important;
    text-align: center !important;
    max-width: 100% !important;
  }
}
@media (max-width: 390px){
  #app.alo-my-page-home .theta-r3-stats{
    gap: 3px !important;
  }
  #app.alo-my-page-home .theta-r3-stat{
    min-height: 36px !important;
    padding: 4px 1px !important;
    border-radius: 12px !important;
  }
  #app.alo-my-page-home .theta-r3-stat b{
    font-size: 9.4px !important;
  }
  #app.alo-my-page-home .theta-r3-stat small{
    font-size: 5.8px !important;
    line-height: 1.05 !important;
  }
}


/* ALOCLINIC Theta 1.9.85.4 — R3.3 specialist card effect polish */
#app.alo-my-page-home .theta-r3-card{
  border:1px solid rgba(16,145,98,.08) !important;
  overflow:hidden !important;
  isolation:isolate;
  transition:transform .18s ease, box-shadow .22s ease, border-color .22s ease;
}
#app.alo-my-page-home .theta-r3-card::before,
#app.alo-my-page-home .theta-r3-card::after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:0;
}
#app.alo-my-page-home .theta-r3-card::before{
  width:180px;
  height:180px;
  top:-72px;
  left:-48px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(64,201,152,.15) 0%, rgba(64,201,152,.06) 42%, rgba(64,201,152,0) 72%);
}
#app.alo-my-page-home .theta-r3-card::after{
  width:140px;
  height:140px;
  right:-44px;
  bottom:-54px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.95) 0%, rgba(230,247,239,.7) 40%, rgba(230,247,239,0) 72%);
}
#app.alo-my-page-home .theta-r3-card > *{position:relative;z-index:1}
#app.alo-my-page-home .theta-r3-card:hover,
#app.alo-my-page-home .theta-r3-card:focus-within{
  border-color:rgba(16,145,98,.16) !important;
  box-shadow:0 20px 42px rgba(15,88,69,.11), 0 4px 12px rgba(15,88,69,.05) !important;
}
#app.alo-my-page-home .theta-r3-avatar{
  box-shadow:0 14px 28px rgba(14,77,59,.12), 0 0 0 1px rgba(255,255,255,.7) inset !important;
}
#app.alo-my-page-home .theta-r3-avatar::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,0));
  pointer-events:none;
}
#app.alo-my-page-home .theta-r3-featured-badge{
  background:linear-gradient(180deg,#fff8ea 0%, #fff2d2 100%) !important;
  box-shadow:0 8px 18px rgba(184,130,23,.10), inset 0 0 0 1px rgba(255,255,255,.58) !important;
}
#app.alo-my-page-home .theta-r3-online{
  background:rgba(255,255,255,.92) !important;
  backdrop-filter:saturate(1.1) blur(6px);
  box-shadow:0 10px 18px rgba(14,77,59,.07) !important;
}
#app.alo-my-page-home .theta-r3-online.is-online i{
  animation:thetaR3Pulse 1.8s ease-in-out infinite;
}
#app.alo-my-page-home .theta-r3-name-row h3{
  text-shadow:0 1px 0 rgba(255,255,255,.7);
}
#app.alo-my-page-home .theta-r3-tags span{
  background:rgba(255,255,255,.84) !important;
  box-shadow:inset 0 0 0 1px rgba(17,143,97,.08), 0 6px 12px rgba(14,77,59,.03) !important;
}
#app.alo-my-page-home .theta-r3-stat{
  background:linear-gradient(180deg, rgba(255,255,255,.97) 0%, rgba(250,253,251,.94) 100%) !important;
  box-shadow:inset 0 0 0 1px rgba(17,143,97,.06), 0 10px 18px rgba(14,77,59,.035) !important;
}
#app.alo-my-page-home .theta-r3-profile-btn,
#app.alo-my-page-home .theta-r3-book-btn{
  transition:transform .15s ease, box-shadow .18s ease, filter .18s ease, background .18s ease;
}
#app.alo-my-page-home .theta-r3-profile-btn{
  box-shadow:0 8px 16px rgba(14,77,59,.04) !important;
}
#app.alo-my-page-home .theta-r3-book-btn{
  background:linear-gradient(135deg,#119b69 0%, #17b877 100%) !important;
  box-shadow:0 14px 26px rgba(16,145,98,.20) !important;
}
#app.alo-my-page-home .theta-r3-profile-btn:hover,
#app.alo-my-page-home .theta-r3-profile-btn:focus-visible,
#app.alo-my-page-home .theta-r3-book-btn:hover,
#app.alo-my-page-home .theta-r3-book-btn:focus-visible{
  transform:translateY(-1px);
}
#app.alo-my-page-home .theta-r3-profile-btn:active,
#app.alo-my-page-home .theta-r3-book-btn:active{
  transform:translateY(0) scale(.985);
}
@keyframes thetaR3Pulse{
  0%{box-shadow:0 0 0 0 rgba(25,169,110,.22)}
  70%{box-shadow:0 0 0 6px rgba(25,169,110,0)}
  100%{box-shadow:0 0 0 0 rgba(25,169,110,0)}
}
@media (prefers-reduced-motion: reduce){
  #app.alo-my-page-home .theta-r3-card,
  #app.alo-my-page-home .theta-r3-profile-btn,
  #app.alo-my-page-home .theta-r3-book-btn{transition:none !important}
  #app.alo-my-page-home .theta-r3-online.is-online i{animation:none !important}
}
@media (max-width: 430px){
  #app.alo-my-page-home .theta-r3-card::before{width:130px;height:130px;top:-56px;left:-34px;opacity:.85}
  #app.alo-my-page-home .theta-r3-card::after{width:108px;height:108px;right:-34px;bottom:-42px;opacity:.7}
  #app.alo-my-page-home .theta-r3-featured-badge{box-shadow:0 6px 14px rgba(184,130,23,.08) !important}
  #app.alo-my-page-home .theta-r3-profile-btn{box-shadow:0 6px 12px rgba(14,77,59,.03) !important}
  #app.alo-my-page-home .theta-r3-book-btn{box-shadow:0 10px 18px rgba(16,145,98,.16) !important}
}


/* ALOCLINIC Theta 1.9.85.4 — R3.4 Premium Polish */
#app.alo-my-page-home .theta-r3-card{
  border:1px solid rgba(21,153,103,.14) !important;
  box-shadow:0 18px 45px rgba(16,82,61,.12),0 3px 10px rgba(16,82,61,.06) !important;
}
#app.alo-my-page-home .theta-r3-card::before{
  background:radial-gradient(circle,rgba(43,194,139,.22) 0%,rgba(43,194,139,.08) 40%,transparent 72%) !important;
}
#app.alo-my-page-home .theta-r3-avatar{
  box-shadow:0 16px 32px rgba(15,88,69,.16),0 0 0 3px rgba(255,255,255,.9) !important;
}
#app.alo-my-page-home .theta-r3-featured-badge{
  transform:translateY(-1px);
  border:1px solid rgba(212,160,42,.18) !important;
  box-shadow:0 10px 22px rgba(184,130,23,.16) !important;
}
#app.alo-my-page-home .theta-r3-tags span{
  border:1px solid rgba(17,143,97,.10) !important;
}
#app.alo-my-page-home .theta-r3-stat{
  border:1px solid rgba(17,143,97,.08) !important;
}
#app.alo-my-page-home .theta-r3-book-btn{
  background:linear-gradient(135deg,#0fa36d,#20c982) !important;
  box-shadow:0 14px 30px rgba(16,163,109,.28) !important;
}
#app.alo-my-page-home .theta-r3-profile-btn{
  border-color:rgba(16,145,98,.20) !important;
}
#app.alo-my-page-home .theta-r3-card{
  animation:thetaR3PremiumIn .35s ease-out both;
}
@keyframes thetaR3PremiumIn{
 from{opacity:.88;transform:translateY(6px)}
 to{opacity:1;transform:translateY(0)}
}
@media(max-width:430px){
 #app.alo-my-page-home .theta-r3-card{
  box-shadow:0 12px 28px rgba(16,82,61,.10) !important;
  animation:none !important;
 }
 #app.alo-my-page-home .theta-r3-book-btn{
  box-shadow:0 10px 22px rgba(16,163,109,.22) !important;
 }
}