/* gp-header-nav-overrides.css — 原 header.html 内联样式，须加载在 theme-chunk-merged.css 之后 */
/* 与首页大 Hero 同屏时，顶栏须压在幻灯之上，否则 Find/Request 像「消失」（内页无全屏 hero 时同样安全） */
#header {
  z-index: 100 !important;
}
/*
 * 公告条 #announcements-container 为 position:fixed; z-index:99999992，高于 #header。
 * 若 body.has-announcement 时整头未下移（top 未生效或被覆盖），顶栏 Find/Request 会与公告条同一视口高度叠在一起 → 被公告盖住。
 * 必须与 #announcements li 高度一致：桌面 3.75rem、移动 2.5rem（见 theme-chunk）。
 */
body.has-announcement #header,
body.has-announcement #sticky-header {
  top: 3.75rem !important;
}
body.has-announcement #header.sticky,
body.has-announcement #sticky-header.sticky {
  top: 3.75rem !important;
}
@media (max-width: 767px) {
  body.has-announcement #header,
  body.has-announcement #sticky-header,
  body.has-announcement #header.sticky,
  body.has-announcement #sticky-header.sticky {
    top: 2.5rem !important;
  }
}
#topbar .container { display: flex; justify-content: flex-end; }
/*
 * 主题 theme-chunk：@media only screen and (max-width:1279px){ .topbar-right{display:none} }
 * 无 #header 前缀，整栏在 768–1279px（含常见平板横屏、小笔记本）被隐藏；子元素 display:inline-flex 无法穿透 display:none 的父级。
 * 767px 及以下 gp-fertility-theme 已给 .topbar-right 写过 display:flex，缺口在中宽屏。
 */
@media only screen and (max-width: 1279px) {
  #header #topbar .topbar-right,
  #header #topbar .topbar-right[data-v-d82155de],
  #sticky-header #sticky-topbar .topbar-right,
  #sticky-topbar .topbar-right {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
  }
}
/*
 * 主题 38db337 / theme-chunk-merged：在 max-width:1023px 时
 * 1) #topbar .topbar-right { width:6rem } 仅容图标
 * 2) .form-find-a-location.button 与 .request { display:none }
 * 平板与常见「非全屏」窗口下两枚紫色 CTA 会完全消失 —— 必须覆盖。
 */
@media (max-width: 1023px) {
  #header #topbar .topbar-right[data-v-d82155de],
  #sticky-header #sticky-topbar .topbar-right,
  #sticky-topbar .topbar-right {
    width: auto !important;
    max-width: min(92.5rem, 96vw) !important;
    min-width: 0 !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 0.45rem 0.65rem !important;
  }
  #header #topbar .topbar-right .form-find-a-location.button,
  #header #topbar .topbar-right .request,
  #sticky-header #sticky-topbar .topbar-right .form-find-a-location.button,
  #sticky-header #sticky-topbar .topbar-right .request,
  #sticky-topbar .topbar-right .form-find-a-location.button,
  #sticky-topbar .topbar-right .request {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
  }
}
.submenu-wrapper { width: -moz-fit-content; width: fit-content; }
/* 桌面：仅控制「下拉面板」宽度（二级外框 + 内层首列、三级侧栏），与列表项 padding 分开 */
@media (min-width: 1024px) {
  /* 二级仅随一级按钮 aria-expanded 显示，屏蔽主题/其它脚本用悬停展开 */
  #header .nav-menu li.menu-item.level_0 > .submenu-wrapper {
    display: none !important;
  }
  #header .nav-menu li.menu-item.level_0 > .level_0_button[aria-expanded="true"] ~ .submenu-wrapper {
    display: block !important;
  }
  #header .nav-menu {
    /* 二级再放宽：长英文 + 箭头之间留出空隙（约 28rem≈448px 起，仍随 max-content 变宽） */
    --nav-dropdown-l2-min: 28rem;
    /* 三级：仅设上限；宽度由文案 intrinsic（max-content），不再设 min 以免短词右侧大留白 */
    --nav-dropdown-l3-max: 26rem;
  }
  #header .nav-menu .menu,
  #header .nav-menu .submenu-wrapper {
    overflow: visible;
  }
  /* 二级：整块下拉（.submenu-wrapper）与左侧列表列（.submenu）同宽，避免只撑外框、内列仍窄 */
  #header .nav-menu .submenu-wrapper {
    width: max-content;
    min-width: max(var(--nav-dropdown-l2-min), max-content);
    max-width: min(100vw - 2rem, 80rem);
    box-sizing: border-box;
    /*
     * 主题 38db337：.submenu-wrapper { border:2px solid #fff; border-top-color:lavender }
     * 顶边与背景同色、左右仍为白线 → 竖线顶头「悬空」，与顶边不闭合。改为四边一致 + 轻阴影。
     */
    border: 1px solid rgba(255, 255, 255, 0.85) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.85) !important;
    box-shadow: 0 8px 28px rgba(30, 27, 46, 0.14);
    /*
     * 顶边对齐「整条导航白底」下沿（用户截图红线）：主题 top:100% 相对 li；
     * .level_0{display:inline-block} 会使 li 仅与按钮同高，100% 会顶到文字上；
     * 另主行 .container 有 padding-bottom，下拉须再下移同等间距，避免压在菜单文字上。
     */
    top: 100% !important;
    margin-top: 0 !important;
    transform: none !important;
  }
  /* 内列撑满 wrapper 内容区，避免 wrapper 比 .submenu 宽一截导致三级定位「悬空」 */
  #header .nav-menu .submenu-wrapper > .submenu {
    width: 100%;
    min-width: max(var(--nav-dropdown-l2-min), max-content);
    box-sizing: border-box;
  }
  #header .nav-menu .submenu-wrapper .submenu ul li {
    padding-left: 1.25rem;
    padding-right: 1.75rem;
  }
  #header .nav-menu .submenu-wrapper .submenu {
    overflow-x: visible;
    overflow-y: visible;
    flex-shrink: 0;
  }
  #header .nav-menu .submenu-wrapper .submenu ul {
    max-height: calc(100vh - 10rem);
  }
  #header .nav-menu .submenu-wrapper .submenu ul li .level_1_button {
    white-space: nowrap;
    gap: 0.75rem;
  }
  /* 纯链接二级项（无子菜单）：只补间距和布局，颜色/字重继承主题默认（与 button 项一致） */
  #header .nav-menu .submenu-wrapper .submenu ul li.menu-item.level_1 > a[data-v-4d58e396] {
    display: flex !important;
    align-items: center;
    width: 100%;
    padding: 0.5rem 0 !important;
    white-space: nowrap;
    text-decoration: none;
  }
}
li.menu-item.level_0 { position: relative; }
/* 勿写 #header { position:relative }，会覆盖主题 38db337 的 fixed 顶栏 */
.nav-menu { position: relative; z-index: 101; }
.nav-menu ul { position: relative; z-index: 102; }
.nav-menu a, .nav-menu button { position: relative; z-index: 103; }
#header .nav-menu .submenu-wrapper[aria-hidden="false"],
#header .nav-menu .subsubmenu[aria-hidden="false"] { z-index: 110; }
/* 三级标题随面板流式排列；顶边距清零，避免与左侧同行文字一上一下不齐 */
#header .nav-menu .subsubmenu .submenu-title {
  position: relative;
  top: auto;
  left: auto;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
/* 参考图二：桌面三级为纯链接列表，不重复显示与二级同名的标题行，顶边即首条链接 */
@media (min-width: 1024px) {
  #header .nav-menu .subsubmenu .submenu-title {
    display: none;
  }
  /* 三级：宽度随最长菜单项文案（max-content），短词不拉满 14rem；超长仍受 --nav-dropdown-l3-max 与视口限制 */
  #header .nav-menu .subsubmenu {
    width: max-content !important;
    max-width: min(var(--nav-dropdown-l3-max), 100vw - 2rem) !important;
    box-sizing: border-box;
    overflow-x: auto;
    overflow-y: auto;
    max-height: calc(100vh - 6rem);
    /* 与二级面板一致：主题原 2px 白框 + 顶色混用易断线 */
    border: 1px solid rgba(255, 255, 255, 0.85) !important;
    box-shadow: 4px 8px 24px rgba(30, 27, 46, 0.12);
  }
  #header .nav-menu .subsubmenu ul li {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  #header .nav-menu .subsubmenu ul li a,
  #header .nav-menu .subsubmenu ul li .item-text {
    white-space: nowrap;
  }
}
/* 与左侧二级列衔接：去掉三级面板左侧白边，避免与左栏形成双线/缝隙（JS 贴齐 .submenu 右缘） */
#header .nav-menu .submenu-wrapper .subsubmenu[aria-hidden="false"] {
  border-left: none;
  margin-top: 0;
  padding-top: 0;
}
/* 无公告条时粘顶贴齐视口顶；有 has-announcement 时 top 由文件首段控制，勿在此写 #header.sticky{top:0} 以免与首段竞态 */
body:not(.has-announcement) #header.sticky,
body:not(.has-announcement) #sticky-header.sticky {
  top: 0 !important;
}
/*
 * 公告条与整头 top：已上移到文件首段并用 !important；此处仅保留过渡（不改变 top 数值）。
 */
body.has-announcement #header,
body.has-announcement #sticky-header,
body.has-announcement #header.sticky,
body.has-announcement #sticky-header.sticky {
  transition: top 0.48s cubic-bezier(0.33, 1, 0.68, 1) !important;
}
/* 公告紫色条：默认即带过渡，收起/回滚时更顺滑 */
#announcements-container {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  transition:
    transform 0.5s cubic-bezier(0.33, 1, 0.68, 1),
    opacity 0.4s ease,
    visibility 0s linear 0s;
  will-change: transform;
}
/* 滚过 Hero 后：上滑淡出（不用 display:none，避免动画被截断） */
body.hero-passed #announcements-container {
  transform: translateY(-100%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  overflow: hidden;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin: 0;
  border: 0;
  /* visibility 延后到透明度快结束时再切，避免突兀消失 */
  transition:
    transform 0.52s cubic-bezier(0.33, 1, 0.68, 1),
    opacity 0.38s ease 0.04s,
    visibility 0s linear 0.42s;
}
/* 若某页仍带主题的 .container1 内层 */
body.hero-passed #announcements-container .container1 {
  opacity: 0;
  transition: opacity 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  #announcements-container,
  body.hero-passed #announcements-container {
    transition-duration: 0.05s !important;
  }
}
/* 公告已收起时顶栏贴视口顶 */
body.has-announcement.hero-passed #header,
body.has-announcement.hero-passed #header.sticky,
body.has-announcement.hero-passed #sticky-header,
body.has-announcement.hero-passed #sticky-header.sticky {
  top: 0 !important;
}
/*
 * 首页 Hero 叠层（幻灯上的标题与按钮）
 * 必须写在此处：1) 覆盖 gp-fertility-theme 旧版「隐藏非 slides/dots 子节点」的规则（display:none !important）
 * 2) 保证 position/z-index 生效，否则会被全屏幻灯层盖住
 * 叠层内 flex 做真正水平+垂直居中；下移量写在 .hero-slider-overlay-inner 的 translateY（与 theme 一致）
 */
#homepage .slider .slider-inner > .hero-slider-overlay {
  position: absolute !important;
  inset: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 4 !important;
  display: flex !important;
  flex-direction: column;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  pointer-events: none;
  box-sizing: border-box;
}
#homepage .slider .slider-inner > .hero-slider-overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(30, 27, 46, 0.35) 0%, rgba(30, 27, 46, 0.15) 45%, rgba(30, 27, 46, 0.4) 100%);
  pointer-events: none;
  z-index: 0;
}
#homepage .slider .slider-inner .hero-slider-overlay-inner {
  position: relative;
  z-index: 1;
  pointer-events: auto;
  width: 100%;
  max-width: 52rem;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem 1.25rem 5rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
#homepage .slider .slider-inner .hero-slider-copy {
  margin: 0;
  width: 100%;
  max-width: 48rem;
  text-align: center;
  transform: translateY(clamp(4rem, 16vh, 10rem));
}
@media (max-width: 767px) {
  /* 与 gp-fertility-theme 一致：避免桌面用的大位移把首屏文案/按钮推出 overflow:hidden 可视区 */
  #homepage .slider .slider-inner .hero-slider-copy {
    transform: translateY(clamp(0.25rem, 5vh, 2.5rem)) !important;
  }
  #homepage .slider .slider-inner .hero-slider-overlay-inner {
    padding-bottom: 6rem;
  }
}
#homepage .hero-slider-heading {
  margin: 0 0 1.75rem;
  font-weight: 600;
  font-size: clamp(1.5rem, 3.6vw, 2.75rem);
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #ffffff !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
  text-align: center;
}
#homepage .hero-slider-heading .hero-slider-line1,
#homepage .hero-slider-heading .hero-slider-line2 {
  display: block;
}
#homepage .hero-slider-heading .hero-slider-line2 {
  margin-top: 0.35em;
  font-size: 0.92em;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.85);
}
#homepage .hero-slider-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1rem;
  justify-content: center;
  align-items: center;
}
#homepage .hero-slider-buttons .button {
  pointer-events: auto;
}
/* 幻灯下介绍条：压过后加载的 9d4faf9 等主题片段，保证薰衣草底 + 主色字 + 居中 + CTA 与 Hero 同 .button */
#homepage .section-intro.home-intro-band,
#homepage-content .section-intro.home-intro-band {
  background: linear-gradient(180deg, #faf8ff 0%, #ece7f8 42%, #faf8ff 100%) !important;
  background-color: #faf8ff !important;
  border-top: 1px solid #e5e2eb !important;
  border-bottom: 1px solid #e5e2eb !important;
  width: 100% !important;
}
#homepage-content .home-intro-band .group-inner > .container,
#homepage .home-intro-band .group-inner > .container {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: min(92.5rem, 94vw) !important;
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
  box-sizing: border-box !important;
}
#homepage-content .home-intro-band .group-inner > .container > .block-list,
#homepage .home-intro-band .group-inner > .container > .block-list {
  width: 100% !important;
}
#homepage-content .home-intro-band h2.home-intro-heading.heading,
#homepage .home-intro-band h2.home-intro-heading.heading {
  color: var(--gp-primary-active, #8362a9) !important;
  text-align: center !important;
}
#homepage-content .home-intro-band .home-intro-body,
#homepage .home-intro-band .home-intro-body {
  color: #374151 !important;
  text-align: center !important;
}
#homepage-content .home-intro-band .home-intro-actions.hero-slider-buttons,
#homepage .home-intro-band .home-intro-actions.hero-slider-buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.75rem 1rem !important;
  justify-content: center !important;
  align-items: center !important;
}
/*
 * 页头品牌区：38db337 将 .logo 压成 ~3.2rem 方格 + img 绝对定位。
 * 按 max-height 分段控制；移动端略小、桌面略收敛；与主行 flex 交叉轴垂直居中。
 *
 * Logo 高度用 px 为主：腾讯系浏览器（X5/WebView 等）根字号 rem 与 Chrome 常不一致，
 * 纯 rem 会导致同一 CSS 在腾讯里明显偏小。断点高度按「图二」大号锁标统一（约近素材 128×131）。
 */
#header > .container {
  gap: 0.75rem 1.25rem !important;
  align-items: center !important;
  align-content: center !important;
}
/*
 * 顶栏 #topbar 绝对定位 + 较高 z-index 时，整块透明区域会盖住下方 logo 链接，导致无法点击。
 * 顶栏容器不接收指针事件，仅链接/按钮可点。
 */
#header #topbar {
  pointer-events: none !important;
}
#header #topbar a,
#header #topbar button,
#header #topbar input {
  pointer-events: auto !important;
}
#header .logo {
  display: inline-flex !important;
  align-items: center !important;
  align-self: center !important;
  width: auto !important;
  height: auto !important;
  /* 旧内核可能不支持 min()，先给 vw 上限再收紧 */
  max-width: 55vw !important;
  max-width: min(55vw, 26rem) !important;
  flex-shrink: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  line-height: 0 !important;
  position: relative !important;
  z-index: 8 !important;
  pointer-events: auto !important;
}
#header .logo img {
  position: relative !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  flex-shrink: 0 !important;
  max-height: 36px !important;
  max-width: 100% !important;
  object-fit: contain !important;
}
@media (min-width: 768px) {
  #header .logo img {
    max-height: 44px !important;
  }
}
@media (min-width: 1200px) {
  #header .logo img {
    max-height: 48px !important;
  }
}
#header.sticky .logo {
  width: auto !important;
  height: auto !important;
}
#header.sticky .logo img {
  position: relative !important;
  max-height: 30px !important;
}
@media (min-width: 768px) {
  #header.sticky .logo img {
    max-height: 38px !important;
  }
}
@media (min-width: 1200px) {
  #header.sticky .logo img {
    max-height: 42px !important;
  }
}
#header .menu[data-v-fb167fda] {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  align-items: center !important;
  align-self: center !important;
}
/*
 * 平板/桌面（≥768）：原仅 ≥1024 才给顶栏绝对定位，768–1023 易把 Find/Request 挤出或与首屏 Hero 叠在一起（首页最明显）。
 * 38db337 对 #header>.container 的 padding-top:9rem 在此区间同样收紧。
 */
@media (min-width: 768px) {
  /*
   * 顶栏两个 CTA（Find / Request）上移：主题里 .topbar-right 为 absolute，
   * 未顶对齐时会落在偏下位置，与下一行主导航重叠。
   */
  #header #topbar {
    top: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    overflow: visible !important;
    z-index: 6 !important;
  }
  #header #topbar .container[data-v-d82155de] {
    position: relative !important;
    min-height: 0 !important;
    height: 0 !important;
    padding: 0 !important;
  }
  #header #topbar .topbar-right[data-v-d82155de] {
    position: absolute !important;
    top: 0.25rem !important;
    right: 0 !important;
    left: auto !important;
    width: auto !important;
    max-width: min(92.5rem, 94vw) !important;
    margin-left: auto !important;
    align-items: center !important;
    gap: 0.4rem 0.75rem !important;
    transform: none !important;
    z-index: 10 !important;
  }
  #header > .container[data-v-d82155de] {
    padding-top: 0.4rem !important;
    padding-bottom: 0.35rem !important;
    height: auto !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
    align-items: center !important;
  }
  #header.sticky > .container[data-v-d82155de] {
    padding-top: 0.3rem !important;
    padding-bottom: 0.25rem !important;
  }
  #header .logo {
    margin-top: -0.25rem !important;
  }
  #header {
    height: auto !important;
  }
}
/* ≥1024 桌面：与 gp-fertility-theme @media(≥1024) 同断点兜底，确保后加载胜出 */
@media (min-width: 1024px) {
  #header #topbar {
    padding: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
  }
  #header #topbar .container[data-v-d82155de] {
    min-height: 0 !important;
    height: 0 !important;
    padding: 0 !important;
  }
  #header > .container[data-v-d82155de] {
    padding-top: 0.4rem !important;
    padding-bottom: 0.35rem !important;
    min-height: 0 !important;
  }
  #header.sticky > .container[data-v-d82155de] {
    padding-top: 0.3rem !important;
    padding-bottom: 0.25rem !important;
  }
}
/* 移动端：不再整段隐藏 #topbar（否则首页顶栏两枚 CTA 不可见）；仅隐藏日历/图钉图标，保留 Find / Request */
@media (max-width: 767px) {
  #header #topbar {
    display: block !important;
    pointer-events: none !important;
  }
  #header #topbar a,
  #header #topbar button,
  #header #topbar input {
    pointer-events: auto !important;
  }
  #header #topbar .container[data-v-d82155de] {
    position: relative !important;
    min-height: auto !important;
    padding-top: 0.35rem !important;
    padding-bottom: 0.35rem !important;
  }
  #header #topbar .topbar-right[data-v-d82155de] {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    transform: none !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 0.5rem 0.75rem !important;
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
  }
  #header #topbar .pin-schedule,
  #header #topbar .pin-find-a-location {
    display: none !important;
  }
  #header #topbar .button.primary.form-find-a-location,
  #header #topbar .button.primary.request {
    font-size: 0.8125rem !important;
    padding: 0.5rem 0.75rem !important;
    line-height: 1.25 !important;
    white-space: nowrap;
  }
  #header > .container[data-v-d82155de] {
    padding-top: 0.25rem !important;
  }
}

/* 页内锚点：固定顶栏时滚动后目标不被遮挡（h2 或空锚点 a） */
#content-box h2[id],
#content-box a[id] {
  scroll-margin-top: 5.5rem;
}

/* ========== Our Clinics 诊所横向轮播（修正主题 overflow 轴向 + 卡片版式） ========== */
#content-box .practices {
  position: relative;
  overflow: visible !important;
  height: auto !important;
  min-height: 15rem;
  margin: 1rem 0 2rem;
  padding: 0 3.25rem 0.5rem;
  box-sizing: border-box;
}
#content-box .practices .inner-practices {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 1.25rem !important;
  width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding: 0.25rem 0 0.75rem !important;
  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}
#content-box .practices .inner-practices::-webkit-scrollbar {
  height: 8px;
}
#content-box .practices .inner-practices::-webkit-scrollbar-track {
  background: #e8e8e8;
  border-radius: 4px;
}
#content-box .practices .inner-practices::-webkit-scrollbar-thumb {
  background: #b0b0b0;
  border-radius: 4px;
}
#content-box .practices .practice {
  flex: 0 0 auto;
  scroll-snap-align: start;
  max-width: 16rem;
}
#content-box .practices .practice .practice-img {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #f0f0f0 !important;
  height: 12rem !important;
  width: 15rem !important;
  box-sizing: border-box;
}
#content-box .practices .practice .practice-img img.practice-logo {
  height: auto !important;
  width: auto !important;
  max-height: 7.5rem !important;
  max-width: 88% !important;
  object-fit: contain !important;
  transition: opacity 0.25s;
}
#content-box .practices .practice h3 {
  text-align: center !important;
  font-size: 1rem !important;
  line-height: 1.35 !important;
  margin-top: 0.75rem !important;
}
#content-box .practices .practices-shade {
  pointer-events: none;
  height: 12rem !important;
}
/*
 * 箭头：arrow-practice.svg 已是完整 40×40（#003866 底 + 白线），勿再叠一层底色 + invert。
 * 垂直对齐到「诊所图」区域中线（与 inner 上 padding 0.25rem + 图高 12rem 的一半一致）。
 */
#content-box .practices .practices-prev,
#content-box .practices .practices-next {
  position: absolute !important;
  top: calc(0.25rem + 6rem);
  left: auto;
  right: auto;
  margin-top: 0 !important;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  background: transparent !important;
  border: 0;
  border-radius: 0;
  line-height: 0;
  transform: translateY(-50%);
  box-shadow: none;
  transition: opacity 0.2s ease, transform 0.2s ease;
}
#content-box .practices .practices-prev:hover,
#content-box .practices .practices-next:hover {
  opacity: 0.88;
}
#content-box .practices .practices-prev {
  left: 0 !important;
}
#content-box .practices .practices-next {
  right: 0 !important;
}
#content-box .practices .practices-prev img,
#content-box .practices .practices-next img {
  width: 2.5rem;
  height: 2.5rem;
  max-width: none;
  display: block;
  filter: none;
  flex-shrink: 0;
}
#content-box .practices .practices-prev img {
  transform: rotate(180deg);
}
@media (max-width: 767px) {
  #content-box .practices {
    padding: 0 2.75rem 0.5rem;
  }
  #content-box .practices .practice .practice-img {
    width: 12rem !important;
    height: 10rem !important;
  }
  #content-box .practices .practices-prev,
  #content-box .practices .practices-next {
    top: calc(0.25rem + 5rem);
  }
}

/* ========== 顶栏 Find a Location / Request a Consult（图一）==========
 * theme-chunk：≤1023px 时 #topbar 为 top:-2rem、width:80%，且两枚 .button 为 display:none；
 * 仅用 max-width 内覆盖仍可能被顺序/缓存干扰，此处用高优先级 + 全断点再钉一层。 */
#header #topbar .topbar-right .button.primary.form-find-a-location,
#header #topbar .topbar-right .button.primary.request {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
@media (max-width: 1023px) {
  #header #topbar {
    top: 0 !important;
    width: 100% !important;
    max-width: min(92.5rem, 98vw) !important;
    left: 0 !important;
    right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* ========== 首页顶栏：主题曾把 #topbar 在 ≤600px 等断点压成 70%→50% 宽，紫色双按钮被挤出；#topbar.sticky 曾 top:-2rem 上移裁切 ==========
 * 已在 theme-chunk / 38db337 删除窄宽与负 top，此处用高优先级再钉一层（含首页全屏 Hero 同屏）。 */
#header #topbar.sticky,
#sticky-header #sticky-topbar.sticky {
  top: 0 !important;
}
@media (max-width: 1023px) {
  #header #topbar,
  #sticky-header #sticky-topbar {
    width: 100% !important;
    max-width: min(92.5rem, 100vw) !important;
    box-sizing: border-box !important;
  }
  /* 顶栏单行略增高，避免「导航区很扁」观感 */
  #header #topbar .container[data-v-d82155de] {
    min-height: 2.75rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
  }
}
/* 首页大幻灯 z-index 低于页头，避免偶发叠层盖住 Find/Request（仅保险） */
#homepage .slider[data-v-bfb72eba],
#homepage .slider {
  position: relative;
  z-index: 0;
}

/* =============================================================================
 * 桌面主导航：主行等高 + 一级项贴底 → .submenu-wrapper{top:100%} 对齐主行底缘（修正下拉「偏上」）
 * Logo 仍垂直居中，不随 stretch 拉长
 * ============================================================================= */
@media (min-width: 1024px) {
  #header > .container[data-v-d82155de] {
    align-items: stretch !important;
    --header-nav-dropdown-offset: 0;
  }
  #header > .container[data-v-d82155de] > .logo[data-v-d82155de] {
    align-self: center !important;
  }
  #header .menu[data-v-fb167fda] {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    align-self: stretch !important;
    align-items: stretch !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
  }
  #header .nav-menu[data-v-fb167fda] {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
  }
  #header .nav-menu > ul[data-v-fb167fda] {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    align-content: flex-end !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
  }
  #header .nav-menu li.menu-item.level_0 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    align-self: stretch !important;
    vertical-align: unset !important;
  }
  /*
   * 一级下拉三角：theme-chunk 用 .level_0_button::after + top:.8rem。
   * 上面 ul 的 align-items:stretch 会把 li 拉高；子项若被拉成全宽/整列后，
   * 固定 top 的伪元素易与 .item-text（display:block）末尾叠在一起（图一）。
   * 让按钮恢复「随文案宽度」+ 三角相对按钮垂直居中，与图二一致。
   */
  #header .nav-menu li.menu-item.level_0 > .level_0_button[data-v-4d58e396] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    width: auto !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    box-sizing: border-box !important;
  }
  #header .nav-menu li.menu-item.level_0 > .level_0_button[data-v-4d58e396]::after {
    top: 50% !important;
    transform: translateY(-50%) !important;
    right: 0 !important;
  }
  #header .nav-menu li.menu-item.level_0 > .level_0_button[data-v-4d58e396][aria-expanded="true"]::after {
    top: 50% !important;
    transform: translateY(-50%) rotate(180deg) !important;
  }
}