.elementor-6157 .elementor-element.elementor-element-de82ebb{--display:flex;}.elementor-6157 .elementor-element.elementor-element-83887dd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6157 .elementor-element.elementor-element-9f27459{--display:flex;}.elementor-6157 .elementor-element.elementor-element-895845f{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-6157 .elementor-element.elementor-element-895845f .elementor-divider-separator{width:100%;}.elementor-6157 .elementor-element.elementor-element-895845f .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-6157 .elementor-element.elementor-element-2d24c70{--display:flex;}.elementor-6157 .elementor-element.elementor-element-f13c284 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6157 .elementor-element.elementor-element-457df80{--display:flex;}.elementor-6157 .elementor-element.elementor-element-16f2d50{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-6157 .elementor-element.elementor-element-16f2d50 .elementor-divider-separator{width:100%;}.elementor-6157 .elementor-element.elementor-element-16f2d50 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-6157 .elementor-element.elementor-element-2e883e8{--display:flex;}.elementor-6157 .elementor-element.elementor-element-5605c86 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6157 .elementor-element.elementor-element-0f6a650{--display:flex;}.elementor-6157 .elementor-element.elementor-element-c2cd0aa{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-6157 .elementor-element.elementor-element-c2cd0aa .elementor-divider-separator{width:100%;}.elementor-6157 .elementor-element.elementor-element-c2cd0aa .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-6157 .elementor-element.elementor-element-60067ef{--display:flex;}.elementor-6157 .elementor-element.elementor-element-79832f2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6157 .elementor-element.elementor-element-2492f49{--display:flex;}.elementor-6157 .elementor-element.elementor-element-797fd39{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-6157 .elementor-element.elementor-element-797fd39 .elementor-divider-separator{width:100%;}.elementor-6157 .elementor-element.elementor-element-797fd39 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-6157 .elementor-element.elementor-element-a36ee5f{--display:flex;}.elementor-6157 .elementor-element.elementor-element-d80691f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-83887dd *//* ==========================================================================
   [Section 3] Doctors 修正後 CSS
   ========================================================================== */
.pu-doctors { 
  padding-top: 47px; 
  padding-bottom: 100px; 
  overflow: hidden; 
}

/* 1. 專業醫師團隊 大標題 */
.pu-doctors .pu-heading h2 {
  font-family: 'Zen Old Mincho', serif !important; 
  font-weight: 800 !important;                     
  font-size: 44px !important;                      
  color: #866a56 !important;
  margin-bottom: 32px;
}

/* 2. Carousel 輪播外框 */
.pu-doctors .carousel-wrapper {
  width: 100%;
  margin-left: 0; /* ★ 歸零邊距，確保與標題左側貼齊 */
  container-type: inline-size; /* ★ 啟用容器查詢，讓卡片依據容器寬度動態縮放 */
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  cursor: grab;
}

.pu-doctors .carousel-wrapper::-webkit-scrollbar { 
  display: none; 
}

.pu-doctors .carousel-wrapper.is-dragging { 
  cursor: grabbing; 
  scroll-snap-type: none; 
  user-select: none; 
}

.pu-doctors .carousel-wrapper.is-dragging .doctor-card {
  pointer-events: none; 
  user-select: none;
}

/* 3. 卡片列表容器 */
.pu-doctors .doctor-list { 
  display: flex; 
  gap: 32px; /* 卡片間距 (2個間隙 = 64px) */
  width: max-content; 
  padding-bottom: 16px; 
}

/* 4. 單張醫師卡片 */
.pu-doctors .doctor-card {
  display: flex;
  flex-direction: column;
  gap: 20px;
  /* ★ 精準動態計算：(可見容器寬度 - 2個間距共64px) ÷ 3張卡片 */
  width: calc((100cqw - 64px) / 3); 
  flex: 0 0 calc((100cqw - 64px) / 3);
  height: auto; 
  scroll-snap-align: start;
}

.pu-doctors .doctor-card__info { 
  height: auto; 
  font-size: 16px; 
  line-height: 1.6875; 
}

/* 5. 醫師姓名 */
.pu-doctors .doctor-card__name { 
  margin: 0 !important; 
  font-family: 'Noto Sans TC', sans-serif !important; 
  font-weight: 600 !important;                      
  font-size: 18px !important;                       
  color: #563F2E !important;
}

/* 6. 醫師照片 */
.pu-doctors .doctor-card__img { 
  width: 100%; 
  height: auto; 
  aspect-ratio: 441 / 278; /* 完美維持 441x278 比例 */
  background-color: var(--pu-bg-placeholder); 
  object-fit: cover; 
  pointer-events: none; 
}

/* RWD 手機版設定 */
@media (max-width: 768px) {
  .pu-doctors { 
    padding-top: 32px; 
    padding-bottom: 64px; 
  }
  .pu-doctors .doctor-card { 
    width: 280px; 
    flex: 0 0 280px;
    height: auto; 
    gap: 16px; 
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f13c284 *//* ==========================================================================
   [Section 3] Doctors 修正後 CSS
   ========================================================================== */
.pu-doctors { 
  padding-top: 47px; 
  padding-bottom: 100px; 
  overflow: hidden; 
}

/* 1. 專業醫師團隊 大標題 */
.pu-doctors .pu-heading h2 {
  font-family: 'Zen Old Mincho', serif !important; 
  font-weight: 800 !important;                     
  font-size: 44px !important;                      
  color: #866a56 !important;
  margin-bottom: 32px;
}

/* 2. Carousel 輪播外框 */
.pu-doctors .carousel-wrapper {
  width: 100%;
  margin-left: 0; /* ★ 歸零邊距，確保與標題左側貼齊 */
  container-type: inline-size; /* ★ 啟用容器查詢，讓卡片依據容器寬度動態縮放 */
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  cursor: grab;
}

.pu-doctors .carousel-wrapper::-webkit-scrollbar { 
  display: none; 
}

.pu-doctors .carousel-wrapper.is-dragging { 
  cursor: grabbing; 
  scroll-snap-type: none; 
  user-select: none; 
}

.pu-doctors .carousel-wrapper.is-dragging .doctor-card {
  pointer-events: none; 
  user-select: none;
}

/* 3. 卡片列表容器 */
.pu-doctors .doctor-list { 
  display: flex; 
  gap: 32px; /* 卡片間距 (2個間隙 = 64px) */
  width: max-content; 
  padding-bottom: 16px; 
}

/* 4. 單張醫師卡片 */
.pu-doctors .doctor-card {
  display: flex;
  flex-direction: column;
  gap: 20px;
  /* ★ 精準動態計算：(可見容器寬度 - 2個間距共64px) ÷ 3張卡片 */
  width: calc((100cqw - 64px) / 3); 
  flex: 0 0 calc((100cqw - 64px) / 3);
  height: auto; 
  scroll-snap-align: start;
}

.pu-doctors .doctor-card__info { 
  height: auto; 
  font-size: 16px; 
  line-height: 1.6875; 
}

/* 5. 醫師姓名 */
.pu-doctors .doctor-card__name { 
  margin: 0 !important; 
  font-family: 'Noto Sans TC', sans-serif !important; 
  font-weight: 600 !important;                      
  font-size: 18px !important;                       
  color: #563F2E !important;
}

/* 6. 醫師照片 */
.pu-doctors .doctor-card__img { 
  width: 100%; 
  height: auto; 
  aspect-ratio: 441 / 278; /* 完美維持 441x278 比例 */
  background-color: var(--pu-bg-placeholder); 
  object-fit: cover; 
  pointer-events: none; 
}

/* RWD 手機版設定 */
@media (max-width: 768px) {
  .pu-doctors { 
    padding-top: 32px; 
    padding-bottom: 64px; 
  }
  .pu-doctors .doctor-card { 
    width: 280px; 
    flex: 0 0 280px;
    height: auto; 
    gap: 16px; 
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5605c86 *//* ==========================================================================
   [Section 3] Doctors 修正後 CSS
   ========================================================================== */
.pu-doctors { 
  padding-top: 47px; 
  padding-bottom: 100px; 
  overflow: hidden; 
}

/* 1. 專業醫師團隊 大標題 */
.pu-doctors .pu-heading h2 {
  font-family: 'Zen Old Mincho', serif !important; 
  font-weight: 800 !important;                     
  font-size: 44px !important;                      
  color: #866a56 !important;
  margin-bottom: 32px;
}

/* 2. Carousel 輪播外框 */
.pu-doctors .carousel-wrapper {
  width: 100%;
  margin-left: 0; /* ★ 歸零邊距，確保與標題左側貼齊 */
  container-type: inline-size; /* ★ 啟用容器查詢，讓卡片依據容器寬度動態縮放 */
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  cursor: grab;
}

.pu-doctors .carousel-wrapper::-webkit-scrollbar { 
  display: none; 
}

.pu-doctors .carousel-wrapper.is-dragging { 
  cursor: grabbing; 
  scroll-snap-type: none; 
  user-select: none; 
}

.pu-doctors .carousel-wrapper.is-dragging .doctor-card {
  pointer-events: none; 
  user-select: none;
}

/* 3. 卡片列表容器 */
.pu-doctors .doctor-list { 
  display: flex; 
  gap: 32px; /* 卡片間距 (2個間隙 = 64px) */
  width: max-content; 
  padding-bottom: 16px; 
}

/* 4. 單張醫師卡片 */
.pu-doctors .doctor-card {
  display: flex;
  flex-direction: column;
  gap: 20px;
  /* ★ 精準動態計算：(可見容器寬度 - 2個間距共64px) ÷ 3張卡片 */
  width: calc((100cqw - 64px) / 3); 
  flex: 0 0 calc((100cqw - 64px) / 3);
  height: auto; 
  scroll-snap-align: start;
}

.pu-doctors .doctor-card__info { 
  height: auto; 
  font-size: 16px; 
  line-height: 1.6875; 
}

/* 5. 醫師姓名 */
.pu-doctors .doctor-card__name { 
  margin: 0 !important; 
  font-family: 'Noto Sans TC', sans-serif !important; 
  font-weight: 600 !important;                      
  font-size: 20px !important;                       
  color: #563F2E !important;
}

/* 6. 醫師照片 */
.pu-doctors .doctor-card__img { 
  width: 100%; 
  height: auto; 
  aspect-ratio: 441 / 278; /* 完美維持 441x278 比例 */
  background-color: var(--pu-bg-placeholder); 
  object-fit: cover; 
  pointer-events: none; 
}

/* RWD 手機版設定 */
@media (max-width: 768px) {
  .pu-doctors { 
    padding-top: 32px; 
    padding-bottom: 64px; 
  }
  .pu-doctors .doctor-card { 
    width: 280px; 
    flex: 0 0 280px;
    height: auto; 
    gap: 16px; 
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-79832f2 *//* ==========================================================================
   [Section 3] Doctors 修正後 CSS
   ========================================================================== */
.pu-doctors { 
  padding-top: 47px; 
  padding-bottom: 100px; 
  overflow: hidden; 
}

/* 1. 專業醫師團隊 大標題 */
.pu-doctors .pu-heading h2 {
  font-family: 'Zen Old Mincho', serif !important; 
  font-weight: 800 !important;                     
  font-size: 44px !important;                      
  color: #866a56 !important;
  margin-bottom: 32px;
}

/* 2. Carousel 輪播外框 */
.pu-doctors .carousel-wrapper {
  width: 100%;
  margin-left: 0; /* ★ 歸零邊距，確保與標題左側貼齊 */
  container-type: inline-size; /* ★ 啟用容器查詢，讓卡片依據容器寬度動態縮放 */
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  cursor: grab;
}

.pu-doctors .carousel-wrapper::-webkit-scrollbar { 
  display: none; 
}

.pu-doctors .carousel-wrapper.is-dragging { 
  cursor: grabbing; 
  scroll-snap-type: none; 
  user-select: none; 
}

.pu-doctors .carousel-wrapper.is-dragging .doctor-card {
  pointer-events: none; 
  user-select: none;
}

/* 3. 卡片列表容器 */
.pu-doctors .doctor-list { 
  display: flex; 
  gap: 32px; /* 卡片間距 (2個間隙 = 64px) */
  width: max-content; 
  padding-bottom: 16px; 
}

/* 4. 單張醫師卡片 */
.pu-doctors .doctor-card {
  display: flex;
  flex-direction: column;
  gap: 20px;
  /* ★ 精準動態計算：(可見容器寬度 - 2個間距共64px) ÷ 3張卡片 */
  width: calc((100cqw - 64px) / 3); 
  flex: 0 0 calc((100cqw - 64px) / 3);
  height: auto; 
  scroll-snap-align: start;
}

.pu-doctors .doctor-card__info { 
  height: auto; 
  font-size: 16px; 
  line-height: 1.6875; 
}

/* 5. 醫師姓名 */
.pu-doctors .doctor-card__name { 
  margin: 0 !important; 
  font-family: 'Noto Sans TC', sans-serif !important; 
  font-weight: 600 !important;                      
  font-size: 20px !important;                       
  color: #563F2E !important;
}

/* 6. 醫師照片 */
.pu-doctors .doctor-card__img { 
  width: 100%; 
  height: auto; 
  aspect-ratio: 441 / 278; /* 完美維持 441x278 比例 */
  background-color: var(--pu-bg-placeholder); 
  object-fit: cover; 
  pointer-events: none; 
}

/* RWD 手機版設定 */
@media (max-width: 768px) {
  .pu-doctors { 
    padding-top: 32px; 
    padding-bottom: 64px; 
  }
  .pu-doctors .doctor-card { 
    width: 280px; 
    flex: 0 0 280px;
    height: auto; 
    gap: 16px; 
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d80691f *//* ==========================================================================
   [Section 3] Doctors 修正後 CSS
   ========================================================================== */
.pu-doctors { 
  padding-top: 47px; 
  padding-bottom: 100px; 
  overflow: hidden; 
}

/* 1. 專業醫師團隊 大標題 */
.pu-doctors .pu-heading h2 {
  font-family: 'Zen Old Mincho', serif !important; 
  font-weight: 800 !important;                     
  font-size: 44px !important;                      
  color: #866a56 !important;
  margin-bottom: 32px;
}

/* 2. Carousel 輪播外框 */
.pu-doctors .carousel-wrapper {
  width: 100%;
  margin-left: 0; /* ★ 歸零邊距，確保與標題左側貼齊 */
  container-type: inline-size; /* ★ 啟用容器查詢，讓卡片依據容器寬度動態縮放 */
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  cursor: grab;
}

.pu-doctors .carousel-wrapper::-webkit-scrollbar { 
  display: none; 
}

.pu-doctors .carousel-wrapper.is-dragging { 
  cursor: grabbing; 
  scroll-snap-type: none; 
  user-select: none; 
}

.pu-doctors .carousel-wrapper.is-dragging .doctor-card {
  pointer-events: none; 
  user-select: none;
}

/* 3. 卡片列表容器 */
.pu-doctors .doctor-list { 
  display: flex; 
  gap: 32px; /* 卡片間距 (2個間隙 = 64px) */
  width: max-content; 
  padding-bottom: 16px; 
}

/* 4. 單張醫師卡片 */
.pu-doctors .doctor-card {
  display: flex;
  flex-direction: column;
  gap: 20px;
  /* ★ 精準動態計算：(可見容器寬度 - 2個間距共64px) ÷ 3張卡片 */
  width: calc((100cqw - 64px) / 3); 
  flex: 0 0 calc((100cqw - 64px) / 3);
  height: auto; 
  scroll-snap-align: start;
}

.pu-doctors .doctor-card__info { 
  height: auto; 
  font-size: 16px; 
  line-height: 1.6875; 
}

/* 5. 醫師姓名 */
.pu-doctors .doctor-card__name { 
  margin: 0 !important; 
  font-family: 'Noto Sans TC', sans-serif !important; 
  font-weight: 600 !important;                      
  font-size: 20px !important;                       
  color: #563F2E !important;
}

/* 6. 醫師照片 */
.pu-doctors .doctor-card__img { 
  width: 100%; 
  height: auto; 
  aspect-ratio: 441 / 278; /* 完美維持 441x278 比例 */
  background-color: var(--pu-bg-placeholder); 
  object-fit: cover; 
  pointer-events: none; 
}

/* RWD 手機版設定 */
@media (max-width: 768px) {
  .pu-doctors { 
    padding-top: 32px; 
    padding-bottom: 64px; 
  }
  .pu-doctors .doctor-card { 
    width: 280px; 
    flex: 0 0 280px;
    height: auto; 
    gap: 16px; 
  }
}/* End custom CSS */