/* 預設 */
#about-blessin, #purpose, #values, #products, #contact-us {
  scroll-margin-top: 120px !important;
}
 
#ast-desktop-header .ast-logo-svg-icon svg {
  height: 52px !important;     
  width: auto !important;
  transform: scale(0.6);       
  transform-origin: left center;
}


html[lang="en-US"] .ast-logo-svg-icon svg {
	height: 22px !important;
  width: auto !important;
}


/* 移除 site-title 前後空白 */
.ast-site-title-wrap, html[lang="en-US"] .ast-site-title-wrap {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  display: flex !important;
  align-items: center !important;
}


/* Logo 與文字的距離調整 */
.ast-site-identity {
  display: flex !important;
  align-items: center !important;
  gap: 0px !important;
}


#banner-button1 .wp-block-button__link, html[lang="en-US"] #banner-button1 .wp-block-button__link {
	background-color: #021b1a !important;
	color: #0dc3bf !important;
	border-radius: 9999px !important;
	border: none !important;
	outline: none !important;
	transition:
  background-color 0.25s ease,
  transform 0.25s ease,
  box-shadow 0.25s ease;
	}

#banner-button1 .wp-block-button__link:hover, html[lang="en-US"] #banner-button1 .wp-block-button__link:hover {
	background-color: white !important;
	color: #021b1a !important;
	border-radius: 9999px !important;
	border: none !important;
	outline: none !important;
	transform: scale(1.05);
  box-shadow: 0 8px 20px rgba(0,0,0,0.18);
	}

#banner-button2 .wp-block-button__link, html[lang="en-US"] #banner-button2 .wp-block-button__link {
	border-radius: 9999px !important;
	border: none !important;
	outline: none !important;
	transition:
  background-color 0.25s ease,
  transform 0.25s ease,
  box-shadow 0.25s ease;
	}

#banner-button2 .wp-block-button__link:hover, html[lang="en-US"] #banner-button2 .wp-block-button__link:hover {
	background-color: #021b1a !important;
	color: #0dc3bf !important;
	border-radius: 9999px !important;
	border: none !important;
	outline: none !important;
	transform: scale(1.05);
  box-shadow: 0 8px 20px rgba(0,0,0,0.18);
	}




/* 浮動圓形按鈕：共用設定 */

:root {
  --fab-size: 52px;
  --fab-gap: 12px;
}

/* 白色圖示尺寸控制 */
/* 返回頂端 */

#ast-scroll-top svg {
  width: 22px !important;
  height: auto !important;
}

/* FB */
#fab-facebook svg {
  width: calc(100% * 0.9) !important;
  height: auto !important;
  transform: scale(0.9);
  transform-origin: center;
}

/* 按鈕外觀 */
html body #ast-scroll-top,
#fab-facebook {
  position: fixed;
  width: var(--fab-size);
  height: var(--fab-size);
  border-radius: 999px;
  background: #047f7b;
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22);
  cursor: pointer;
  transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
  z-index: 9999;
}

/* 圖示顏色 */
#ast-scroll-top svg path {
  fill: #ffffff !important;
}

#fab-facebook svg .e {
  fill: #ffffff !important;
}

#fab-facebook svg .f {
  fill: none !important;
}

/* Astra 預設補強 */
#ast-scroll-top.ast-scroll-top-icon {
  background: #047f7b !important;
}

/* 返回頂端 & FB hover */
html body #ast-scroll-top.ast-scroll-top-icon:hover,
html body #fab-facebook:hover {
  background: #000000 !important;
}
 

/* about-blessin 向左滑入 */
#about-blessin-part1 .slide-left,
#about-blessin-part2 .slide-left {
  opacity: 0;
  transform: translateX(-40px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

#about-blessin-part1 .slide-left.show,
#about-blessin-part2 .slide-left.show {
  opacity: 1;
  transform: translateX(0);
}

#about-us1.slide-left.show {
  transition-delay: 0.1s;
}

#about-us2 .slide-left.show {
  transition-delay: 0.25s;
}

#about-us3.slide-left.show {
  transition-delay: 0.4s;
}

#about-us4.slide-left.show {
  transition-delay: 0.55s;
}

/* purpose 的向右滑入 */
#purpose1 .slide-right,
#purpose2 .slide-right {
  opacity: 0;
  transform: translateX(40px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

#our-purpose1.slide-right.show {
  transition-delay: 0.1s;
}

#our-purpose2 .slide-right.show {
  transition-delay: 0.25s;
}

#our-purpose3.slide-right.show {
  transition-delay: 0.4s;
}

#our-purpose4.slide-right.show {
  transition-delay: 0.55s;
}

/* 進入畫面後 */
#about-blessin .slide-left.show,
#about-blessin2 .slide-left.show,
#purpose1 .slide-right.show,
#purpose2 .slide-right.show {
  opacity: 1;
  transform: translateX(0);
}

/* purpose-text3 與 purpose-text4強制分行 */
html[lang="en-US"] #purpose-text3,
html[lang="en-US"] #purpose-text4 {
  flex-basis: 100% !important; 
  width: 100% !important;       
  text-align: center !important;
  display: block !important;   
}


/* banner2 */
#banner2 {
  position: relative;
  height: 732px !important;
  display: flex !important;             /* 開啟 Flex */
  justify-content: center !important;    /* 左右置中 */
  align-items: center !important;        /* 上下置中 */
}

/* 覆蓋 WordPress 限制 */
#banner2 .wp-block-cover__inner-container {
  width: 100%;
  height: 100%;
  display: flex !important;
  flex-direction: column;
  justify-content: center !important;
  align-items: center !important;
  text-align: center;
}

/* banner2文字 */
#banner2 .banner2-text {
  color: #ffffff;
  font-weight: 900;
  opacity: 0.52;
}

#banner2 .banner2-text {
  margin-bottom: 4px !important;
}



/* values 區塊 */

/* flip-card */
#values .flip-card {
  position: relative;
  perspective: 1200px;
  overflow: hidden;
  margin: 12px 8px;
}

/* 內層 */
#values .flip-card-inner {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  min-height: 252px;
  padding: 0 !important;
}

/* 卡片後面 */
#values .flip-card-back {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 82%;
  backface-visibility: hidden;
}

/* 卡片前面 */
#values .flip-card-front img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 背面：翻轉 + 垂直置中 + 水平置中 */
#values .flip-card-back {
  transform: rotateY(180deg);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2px !important;
}

/* 背面裡的段落寬度 */
#values .flip-card-back p {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}

/* 分隔線 */
#values .flip-card-back .wp-block-separator {
  display: block !important;
  border: none !important;
  height: 2px !important;
  width: 192px;
  margin: 7px auto !important;
  background-color: var(--ast-global-color-8) !important;
  opacity: 1 !important;
}

/* 翻轉 */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform 0.7s ease;
}

/* 滑鼠 hover 時 */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* 前後兩面共用設定 */
.flip-card-front,
.flip-card-back {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

/* 後面：翻 180 度 + 置中排版 */
.flip-card-back {
  transform: rotateY(180deg);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* 覆蓋層（#021b1a） */
/* 只針對這張圖的 figure（values-p） */
figure.values-p {
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  border-top-right-radius: 52px;
}

/* 圖片撐滿容器 */
figure.values-p img {
  display: block;
  width: 100%;
  height: auto;
}

/* 深色覆蓋層 */
figure.values-p::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(2, 27, 26, 0);
  border-top-right-radius: 52px;
  transition: background 0.35s ease;
}

/* hover #021b1a */
figure.values-p:hover::before {
  background: rgba(2, 27, 26, 0.9);
}

/* text */
figure.values-p::after {
  content: "在宝鑫，我們的每一步都源自深謀遠慮，因為唯有穩健前行，才能真正引領醫學美容的未來。";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) translateY(10px);
  width: 70%;
  color: #ffffff;
  text-align: justify;
  line-height: 1.6;
  font-size: 22px;
  opacity: 0;
  z-index: 2;
  transition: opacity 0.35s ease, transform 0.35s ease;
}

/* hover-text */
figure.values-p:hover::after {
  opacity: 1;
  transform: translate(-50%, -50%) translateY(0);
}

html[lang="en-US"] figure.values-p::after {
  content: "At BLESSIN, every step we take is rooted in thoughtful foresight, because only by moving forward steadily can we truly lead the future of medical aesthetics.";
  
}

/* 產品服務 */
/* P1～P5 成為定位父層 */
#P1,
#P2,
#P3,
#P4,
#P5 {
  position: relative;
  overflow: hidden;
}

/* 避免內部內容蓋住遮罩與文字 */
#P1 > *,
#P2 > *,
#P3 > *,
#P4 > *,
#P5 > * {
  position: relative;
  z-index: 0;
}

/* 深色覆蓋層（#021b1a） */
#P1::before,
#P2::before,
#P3::before,
#P4::before,
#P5::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #021b1a;
  opacity: 0;
  z-index: 1;
  transition: opacity 0.35s ease;
  pointer-events: none;
}

/* 中央text */
#P1::after,
#P2::after,
#P3::after,
#P4::after,
#P5::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) translateY(10px);
  width: 70%;
  color: #ffffff;
  text-align: center;
  line-height: 1.6;
  font-size: 22px;
  opacity: 0;
  z-index: 2;
  pointer-events: none;
  transition: opacity 0.35s ease, transform 0.35s ease;
}

/* products-hover-text */
#P1:hover::before,
#P1:focus-within::before,
#P2:hover::before,
#P2:focus-within::before,
#P3:hover::before,
#P3:focus-within::before,
#P4:hover::before,
#P4:focus-within::before,
#P5:hover::before,
#P5:focus-within::before {
  opacity: 0.9;
}

#P1:hover::after,
#P1:focus-within::after,
#P2:hover::after,
#P2:focus-within::after,
#P3:hover::after,
#P3:focus-within::after,
#P4:hover::after,
#P4:focus-within::after,
#P5:hover::after,
#P5:focus-within::after {
  opacity: 1;
  transform: translate(-50%, -50%) translateY(0);
}

/* P1 text */
#P1::after {
  content: "以先進3D臉部與膚況追蹤，提供專屬科學保養建議，打造全新精準護膚體驗";
}

/* P2 text */
#P2::after {
  content: "全球最強AI臉部檢測儀，專為高端醫美打造，精準、專業、極致美學。";
}

/* P3 text */
#P3::after {
  content: "無針導入技術,無痛無恢復期，提升有效成分吸收率。";
}

/* P4 text */
#P4::after {
  content: "非侵入性疼痛管理，緩解慢性頑固痛，並作為術後與創傷後疼痛的輔助治療方案。台灣衛部醫器製字第007880號";
}

/* P5 text */
#P5::after {
  content: "每瓶10億級高濃血小板，自體安全、低敏、具修復效果、應用廣泛。";
}


/* 英文版產品內容 */
html[lang="en-US"] #P1::after {
  content: "Advanced 3D facial and skin tracking that delivers clear, science-based skincare recommendations.";
}

html[lang="en-US"] #P2::after {
  content: "The world‘s  leading AI facial analysis device for high-end aesthetic clinics. Precise, professional, and design-forward.";
}

html[lang="en-US"] #P3::after {
  content: "Painless, no-downtime transdermal delivery that boosts active ingredient absorption.";
}

html[lang="en-US"] #P4::after {
  content: "Non-invasive pain management designed to ease chronic pain and support post-surgery or post-injury recovery.";
}

html[lang="en-US"] #P5::after {
  content: "Over 1 billion platelets per vial. Autologous, low-sensitivity, repair-focused, and widely applicable.";
}




/* 產品區塊整體置中 */

/* 整組產品區塊的文字預設置中 */
#product-group {
  text-align: center;
}
  #products-1,
  #products-2 {
    display: flex !important;
    justify-content: center !important;
    column-gap: var(--wp--preset--spacing--80);
    row-gap: var(--wp--preset--spacing--80);
    flex-wrap: nowrap;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
  }
  #products-1 .products,
  #products-2 .products {
    box-sizing: border-box !important;
    flex: 0 0 27% !important;
    max-width: 27% !important;
  }

 /* 1) alignwide group */
  html[lang="en-US"] .wp-block-group.alignwide.wp-container-core-group-is-layout-cffbb8f0 {
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
  }

  /* 2) 每一排產品欄位 */
  html[lang="en-US"] #products-1,
  html[lang="en-US"] #products-2 {
    display: flex !important;
    justify-content: center !important;
    column-gap: var(--wp--preset--spacing--80);
    row-gap: var(--wp--preset--spacing--80);
    flex-wrap: nowrap;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  /* 3) 每一張產品卡片寬度 */
  html[lang="en-US"] #products-1 .products,
  html[lang="en-US"] #products-2 .products {
    box-sizing: border-box !important;
    flex: 0 0 27% !important;
    max-width: 27% !important;
  }




/* 英文版-隱藏br */
html[lang="en-US"] #product-name2 br,
html[lang="en-US"] #product-name4 br,
html[lang="en-US"] #product-name8 br,
html[lang="en-US"] #product-name10 br {
  display: none;
}

/* nowrap */

html[lang="en-US"] #product-name2,
html[lang="en-US"] #product-name4,
html[lang="en-US"] #product-name6,
html[lang="en-US"] #product-name8,
html[lang="en-US"] #product-name10 {
  white-space: nowrap !important;
}



/* 英文版產品名稱不換行 */
html[lang="en-US"] #product-name1,
html[lang="en-US"] #product-name2,
html[lang="en-US"] #product-name3,
html[lang="en-US"] #product-name4,
html[lang="en-US"] #product-name5,
html[lang="en-US"] #product-name6,
html[lang="en-US"] #product-name7,
html[lang="en-US"] #product-name8,
html[lang="en-US"] #product-name9,
html[lang="en-US"] #product-name10 {
  white-space: nowrap !important;
}


/* ② P1 ~ P5 等高顯示 */
html[lang="en-US"] #products-1,
html[lang="en-US"] #products-2 {
  align-items: stretch !important;
}

html[lang="en-US"] #P1,
html[lang="en-US"] #P2,
html[lang="en-US"] #P3,
html[lang="en-US"] #P4,
html[lang="en-US"] #P5 {
  display: flex !important;
  flex-direction: column !important;
  height: 100%;
}

/* 內層 group */
html[lang="en-US"] #P1 .wp-block-group,
html[lang="en-US"] #P2 .wp-block-group,
html[lang="en-US"] #P3 .wp-block-group,
html[lang="en-US"] #P4 .wp-block-group,
html[lang="en-US"] #P5 .wp-block-group {
  flex-grow: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}


html[lang="en-US"] #P1 p,
html[lang="en-US"] #P2 p,
html[lang="en-US"] #P3 p,
html[lang="en-US"] #P4 p,
html[lang="en-US"] #P5 p {
  flex-shrink: 0 !important;
}

html[lang="en-US"] #product-name2,
html[lang="en-US"] #product-name4,
html[lang="en-US"] #product-name6,
html[lang="en-US"] #product-name8,
html[lang="en-US"] #product-name10 {
    display: block;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 1.2rem !important;
    padding-right: 1.2rem !important;
  }



/* 聯絡我們-表單 */
/* 「訊息」文字欄位 */
textarea[id^="contact-form-comment-"].textarea.wp-block-jetpack-input.grunion-field {
  height: 75px !important;
  min-height: 75px !important;
  max-height: 75px !important;
}

#contact-form {
  margin-left: auto;
  margin-right: 120px;
  max-width: 520px;
}

#contact {
    margin-top: 0px !important;
    width: auto;
    height: 732px !important;
  }

/* 表單毛玻璃背景 */
	 #contact-form {
    background: rgba(0, 0, 0, 0.07) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(32px) !important;
    border-radius: 0px;
  }



/* =========================== 關於我們、公司宗旨「上下左右置中」========================== */
/* 垂直置中 */
#about-blessin-part1,
#about-blessin-part2,
#purpose1,
#purpose2 {
  align-items: stretch !important;
}

/* 將欄位改成 flex 容器 */
#about-blessin-part1 .wp-block-column,
#about-blessin-part2 .wp-block-column,
#purpose1 .wp-block-column,
#purpose2 .wp-block-column {
  display: flex !important;
}


/* .content 上下左右對齊 */
.wp-block-column.content,
.wp-block-group.content {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100%;
  
}


#values .flip-card-row {
    display: flex;
    flex-wrap: wrap;
	justify-content: center !important;
  align-items: center !important;
	height: 100%;
  }

	/* 表單區塊的向左滑入動畫 */
/* 初始狀態 */
#contact-form.slide-right {
  opacity: 0;
  transform: translateX(320px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

#contact-form.slide-right.show {
  opacity: 1;
  transform: translateX(0);
}

/* 1. Jetpack 聯絡表單按鈕 */
#contact .wp-block-jetpack-button .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 12px 32px;
  border-radius: 50px !important;

  /* 邊框 / 底色 / 文字色 */
  border: 1px solid #021b1a !important;
  background-color: transparent !important;
  color: #021b1a !important;

  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;

  /* 去除手機點擊藍色高亮框 */
  -webkit-tap-highlight-color: transparent;

  transition:
    background-color 0.25s ease,
    color 0.25s ease,
    border-color 0.25s ease,
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

/* 2. hover / focus / active 共用狀態 */
#contact .wp-block-jetpack-button .wp-block-button__link:hover,
#contact .wp-block-jetpack-button .wp-block-button__link:focus,
#contact .wp-block-jetpack-button .wp-block-button__link:active {
  background-color: black !important;
  color: white !important;
  border-color: #000000 !important;

  transform: scale(1.05);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18);
}

 
html[lang="en-US"] #about-blessin-part1,
  html[lang="en-US"]#about-blessin-part2 {
    align-items: stretch !important;
  }

  /* flex 容器 */
  html[lang="en-US"] #about-blessin-part1 > .wp-block-column,
  html[lang="en-US"] #abo ut-blessin-part2 > .wp-block-column {
    display: flex;
  }

  /* 文字欄位 */
  #about-blessin-part1 .wp-block-column.content,
  #about-blessin-part2 .wp-block-column.content {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  /* 段落左右對齊 */
  html[lang="en-US"] #about-blessin-part1 p,
  html[lang="en-US"] #about-blessin-part2 p {
    text-align: justify !important;
  }

  /* 圖片欄 */
  html[lang="en-US"] #about-blessin-part1 figure,
  html[lang="en-US"] #about-blessin-part2 figure {
    width: 100%;
    height: 100%;
  }

  /* 圖片跟著欄位等高*/
 html[lang="en-US"] #about-blessin-part1 figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
	 object-position: 72% center
	 
  }
 
 html[lang="en-US"] #about-blessin-part2 figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
	 object-position: 32% center
  }



/* 隱私權頁面 */
#privacy-top{
  width: 100vw !important;
  height: 70px !important;
  margin-top: -120px !important;
}

#privacy-banner{
  width: auto !important;
  height: 932px !important;
  margin-top: 0px !important;
}

#privacy-banner .privacy-banner-text {
	font-size: 72px !important;
}

.privacy-content {
	padding-left: 12em !important;
	padding-right: 12em !important;
	
}



/* ===========================
   桌機版（≥ 1025px）
=========================== */
@media only screen and (min-width: 1025px) {
	
	
  #banner {
    margin-top: 0px !important;
    width: auto;
    height: 732px !important;
  }
	
	
  
  /* 英文版：網站標題大小 */
  html[lang="en-US"] #masthead .site-title,
  html[lang="en-US"] #masthead .site-title a {
    font-size: 20px !important;
  }

  /* 基本：透明固定在頂部 */
  #masthead {
    position: fixed !important;
    margin-top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
    background: transparent !important;
    transition: all 0.35s ease !important;
  }

  /* 透明狀態文字顏色 */
  #masthead a {
    color: #021b1a !important;
    transition: color 0.35s ease !important;
  }

  /* hover頁首 */
  #masthead:hover {
    background: rgba(255, 255, 255, 0.25) !important;
    backdrop-filter: blur(12px) !important;
    margin-top: 0 !important;
    width: calc(100% - 15.2px) !important;
    left: 2px !important;
    transform: scale(1.02) !important;
  }

  /* hover標題顏色 */
  #masthead:hover .site-title a {
    color: #021b1a !important;
  }

   #masthead .site-branding .site-title a:hover,
  .ast-site-title-wrap a:hover {
    color: #ffffff !important;
  }

  /* Logo 顏色控制 */
  .ast-logo-svg-icon svg .g {
    fill: #021b1a !important;
    transition: fill 0.3s ease;
  }

  .ast-logo-svg-icon:hover svg .g {
    fill: #ffffff !important;
  }

  body.scrolled .ast-logo-svg-icon svg .g {
    fill: #0dc3bf !important;
  }

  body.scrolled .ast-logo-svg-icon:hover svg .g {
    fill: #ffffff !important;
  }

  /* 捲動後：header 樣式 */
  body.scrolled #masthead {
    background: #021b1a !important;
    border-radius: 0 !important;
    width: 100% !important;
    margin-top: 0 !important;
    left: 0 !important;
    backdrop-filter: none !important;
    transform: scale(1);
    color: #0dc3bf !important;
  }

  body.scrolled #masthead a {
    color: #0dc3bf !important;
  }

  body.scrolled #masthead:hover a {
    color: #0dc3bf !important;
  }

  body.scrolled #masthead a:hover {
    color: #ffffff !important;
  }

  /* 主選單：藥丸樣式 */
  #masthead .main-navigation .main-header-menu > .menu-item > .menu-link {
    display: inline-block;
    padding: 6px 18px;
    border-radius: 9999px;
    background: transparent;
    color: #021b1a !important;
    text-decoration: none;
    transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease;
  }

  /* 英文版主選單藥丸 */
  html[lang="en-US"] #masthead .main-navigation .main-header-menu > .menu-item > .menu-link {
    padding: 6px 12px;
  }

  /* 選單項目之間的間距 */
  #masthead .main-navigation .main-header-menu > .menu-item {
    margin: 0 4px;
  }

  /* hover：單一選單項目 */
  #masthead .main-navigation .main-header-menu > .menu-item > .menu-link:hover {
    background: rgba(255, 255, 255, 0.52) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    color: #0dc3bf !important;
    transform: scale(1.06);
  }

  /* 主選單中的語言下拉選單（桌機） */

  /* 語言選單父層（pll_parent 在主選單裡） */
  #ast-hf-menu-1 .pll-parent-menu-item {
    position: relative !important;
  }

  /* 語言下拉選單外框 */
  #ast-hf-menu-1 .pll-parent-menu-item > .sub-menu {
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;
    left: auto !important;
    margin-top: 10px !important;
    background: rgba(13, 195, 191, 0.32);
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(32px) !important;
    border-radius: 12px;
    padding: 8px 8px;
    display: inline-block;
    min-width: 120px !important;
    width: auto !important;
    z-index: 9999 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
  }

  /* 下拉選單內單一語言項目（旗幟 + 文字） */
  #ast-hf-menu-1 .pll-parent-menu-item > .sub-menu .menu-link {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    white-space: nowrap;
    color: #021b1a !important;
  }

  /* 語言項目 hover */
  #ast-hf-menu-1 .pll-parent-menu-item > .sub-menu .menu-link:hover {
    background: rgba(255, 255, 255, 0.52);
    border-radius: 9999px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    color: #ffffff !important;
    transform: scale(1.06);
  }

  /* 捲動後：主選單文字 & hover */
  body.scrolled #masthead .main-navigation .main-header-menu > .menu-item > .menu-link {
    color: #0dc3bf !important;
  }

  body.scrolled #masthead .main-navigation .main-header-menu > .menu-item > .menu-link:hover {
    background: #0dc3bf !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    color: #021b1a !important;
    transform: scale(1.06);
  }

  /* 「立即諮詢」按鈕（桌機） */
  body:not(.ast-header-break-point)
    #ast-desktop-header
    .ast-header-button-1 .ast-custom-button {
    border-radius: 999px;
    background: #021b1a !important;
    color: #ffffff !important;
    padding: 0.55em 1.8em;
    transition: background 0.25s ease,
      color 0.25s ease,
      border-color 0.25s ease,
      transform 0.15s ease;
  }

  body:not(.ast-header-break-point)
    #ast-desktop-header
    .ast-header-button-1 .ast-custom-button:hover {
    background: #ffffff !important;
    color: #0dc3bf !important;
    transform: scale(1.05);
  }

  body.scrolled:not(.ast-header-break-point)
    #ast-desktop-header
    .ast-header-button-1 .ast-custom-button {
    background: #0dc3bf !important;
    border-color: #0dc3bf !important;
    color: #021b1a !important;
  }

  body.scrolled:not(.ast-header-break-point)
    #ast-desktop-header
    .ast-header-button-1 .ast-custom-button:hover {
    background: #ffffff !important;
    color: #021b1a !important;
    transform: scale(1.05);
  }

  /* 返回頂端：右下角 */
  #ast-scroll-top {
    bottom: 32px !important;
    right: 32px !important;
  }

  /* FB 在返回頂端上面 */
  #fab-facebook {
    bottom: calc(32px + var(--fab-size) + var(--fab-gap)) !important;
    right: 32px !important;
  }
	
	#colophon {
    overflow-x: hidden !important;
  }
 
	html[lang="en-US"] #colophon {
    overflow-x: hidden !important;
  }
	
}













/* ===========================
   平板直向（1025–1200px，直向）
=========================== */
@media only screen and (min-width: 1025px) and (max-width: 1200px) and (orientation: portrait) {

  .site-title a {
    font-size: 22px !important;
  }

	#ast-desktop-header .ast-logo-svg-icon svg {
  height: 52px !important;     
  width: auto !important;
  transform: scale(0.5);       
  transform-origin: left center;
}
	
	
	
  html[lang="en-US"] .site-title a {
    font-size: 22px !important;
  }
	
	
	
  #ast-hf-menu-1 > .menu-item > .menu-link {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  #ast-hf-menu-1 {
    gap: 4px !important;
  }

  .site-header-primary-section-right {
    gap: 10px !important;
  }

  html[lang="en-US"] #masthead .main-navigation .main-header-menu > .menu-item {
    margin: 0 2px;
  }

  html[lang="en-US"] #ast-hf-menu-1 > .menu-item > .menu-link {
    padding: 4px 4px !important;
  }

  html[lang="en-US"] .site-header-primary-section-right {
    gap: 0 !important;
  }

  .ast-header-button-1 .ast-custom-button {
    padding: 6px 6px !important;
    font-size: 14px !important;
  }

  #masthead .ast-builder-grid-row {
    flex-wrap: nowrap !important;
  }

	
	  /* 整組英文版 menu */
  html[lang="en-US"] #ast-hf-menu-1 {
    gap: 2px !important;
  }

  html[lang="en-US"] #masthead .main-navigation .main-header-menu > .menu-item {
    margin: 0 1px !important;
  }


  html[lang="en-US"] #ast-hf-menu-1 > .menu-item > .menu-link {
    padding: 3px 4px !important;
    white-space: nowrap !important;
		font-size: 15px !important; 
  }

  /* 右側區塊（按鈕 + icon） */
  html[lang="en-US"] .site-header-primary-section-right {
    gap: 4px !important;
  }

  /* 右側按鈕 */
  html[lang="en-US"] .ast-header-button-1 .ast-custom-button {
    padding: 4px 6px !important;
    font-size: 16px !important;
    white-space: nowrap !important;
  }

  /* 避免header 自動換行 */
  html[lang="en-US"] #masthead .ast-builder-grid-row {
    flex-wrap: nowrap !important;
  }

#banner {
    margin-top: 0px !important;
    width: auto;
    height: 732px !important;
  }
	
	.cover-text{
		margin-left: 2em !important;
		font-size: 2.2em !important;
	}
	
	.blessin-button{
		margin-left: 0em !important;
		padding-left: 4.2em !important;
		font-size: 1em !important;
	}

  /* 關於我們區塊 */

  /* 主標：宝鑫醫學科技 */
  #about-blessin-part1 #about-us1 {
    font-size: 40px !important;
  }

  /* 副標：引領美麗 / 始於創新 */
  #about-blessin-part1 #about-us2 h3 {
    font-size: 32px !important;
    line-height: 1.2 !important;
  }

  /* 段落：about-us3（第一段內文） */
  #about-blessin-part1 #about-us3 {
    font-size: 22px !important;
    line-height: 1.5 !important;
  }

  /* 段落：about-us4（第二段內文） */
  #about-blessin-part2 #about-us4 {
    font-size: 22px !important; 
    line-height: 1.5 !important;
  }

  /* 關於我們：整體上下間距 */
  #about-blessin-part1 .content > * ,
  #about-blessin-part2 .content > * {
    margin-top: 0.4em !important;
    margin-bottom: 0.4em !important;
  }


  /* 公司宗旨區塊（#purpose1 / #purpose2）*/

  /* 公司宗旨標題 h2：謀定而後動 / 穩健創新 / 是我們的態度 / 是我們的方向 */
  #purpose1 #our-purpose1 h2,
  #purpose1 #our-purpose2 h2 {
    font-size: 32px !important;
    line-height: 1.2 !important;
  }

  /* 公司宗旨內文：our-purpose3 */
  #purpose1 #our-purpose3 {
    font-size: 22px !important;
    line-height: 1.5 !important;
  }

  /* 公司宗旨第二段內文：our-purpose4 */
  #purpose2 #our-purpose4 {
    font-size: 22px !important;
    line-height: 1.5 !important;
  }

  /* 公司宗旨 */
  #purpose1 .content > * ,
  #purpose2 .content > * {
    margin-top: 0.4em !important;
    margin-bottom: 0.4em !important;
  }


/* 平板直向 * values 翻轉卡片*/

  /* 保持卡片 1:1 正方形比例 */
  #values .flip-card-inner {
    aspect-ratio: 1 / 1 !important;
    min-height: 232px !important;
  }

  /* 外框間距 */
  #values .flip-card {
    margin: 7px 4px !important;
  }

  /* 背面整體內距 */
  #values .flip-card-back {
    padding: 8px 14px !important;
  }

  /* 專業／誠信／創新／共榮字體 */
  #values .flip-card-back p:nth-of-type(1) {
    font-size: 22px !important;
    line-height: 1.4 !important;
  }

  /* 下面內文說明 */
  #values .flip-card-back p:nth-of-type(2) {
    font-size: 20px !important;
    line-height: 1.2 !important;
    max-width: 80% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* 分隔線 */
  #values .flip-card-back .wp-block-separator {
    width: 150px !important;
    margin: 8px auto !important;
  }
	
	/* 英文版翻盒 */
	 html[lang="en-US"] #values .flip-card-back {
    padding: 2px 2px !important;
  }

  html[lang="en-US"] #values .flip-card-back p:nth-of-type(1) {
    font-size: 20px !important;
    line-height: 1 !important;
  }

  html[lang="en-US"] #values .flip-card-back p:nth-of-type(2) {
    font-size: 18px !important;
    line-height: 1 !important;
    max-width: 80% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html[lang="en-US"] #values .flip-card-back .wp-block-separator {
    width: 150px !important;
    margin: 6px auto !important;
  }
		

/* 產品服務 */
  #product-group {
    padding-left: var(--wp--preset--spacing--20) !important;
    padding-right: var(--wp--preset--spacing--20) !important;
    flex-wrap: nowrap;
    max-width: 670px !important; 
  }

  #product-service {
    font-size: 28px !important;
  }

  /* 直向時畫面 */
  #product-group .products {
    flex-basis: 40% !important;
    max-width: 40% !important;
    margin-bottom: var(--wp--preset--spacing--40);
  }

  #product-group .products figure img {
    width: 100%;
    height: auto;
  }

  #product-group .products p {
    font-size: 17px !important;
    line-height: 1.5;
  }
	
	
	/* 英文版產品服務 */
  html[lang="en-US"] #product-group {
    padding-left: var(--wp--preset--spacing--0) !important;
    padding-right: var(--wp--preset--spacing--0) !important;
    flex-wrap: nowrap;
    max-width: 872px !important; 
  }

  html[lang="en-US"] #product-service {
    font-size: 28px !important;
  }

  /* 直向時畫面 */
  html[lang="en-US"] #product-group .products {
    flex-basis: 32% !important;
    max-width: 32% !important;
    margin-bottom: var(--wp--preset--spacing--0);
  }

  html[lang="en-US"] #product-group .products figure img {
    width: 100%;
    height: auto;
  }

  html[lang="en-US"] #product-group .products p {
    font-size: 17px !important;
    line-height: 1.5;
  }
	
	
.privacy-content {
	padding-left: 5em !important;
	padding-right: 5em !important;
	
}
}













/* 寬螢幕版 */
@media only screen and (min-width: 1601px) {	
	
	 /* 避免橫向捲動 */
  html,
  body {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }	
	
	#ast-desktop-header .ast-logo-svg-icon svg {
  height: 52px !important;     
  width: auto !important;
  transform: scale(0.7);       
  transform-origin: left center;
}
	
	
	
	 /* 站名（中英文共用） */
  .site-title a {
    font-size: 32px !important;
    white-space: nowrap !important;
  }

  /* 主選單間距（中英文共用） */
  #ast-hf-menu-1 {
    gap: 6px !important;
  }

  /* 菜單連結（中英文共用） */
  #ast-hf-menu-1 > .menu-item > .menu-link {
    padding: 8px 12px !important;
    font-size: 22px !important;
    white-space: nowrap !important;
  }

  /* 右側區塊（中英文共用） */
  .site-header-primary-section-right {
    gap: 14px !important;
  }

  /* 右側按鈕（中英文共用） */
  .ast-header-button-1 .ast-custom-button {
    padding: 8px 12px !important;
    font-size: 22px !important;
    white-space: nowrap !important;
  }

  /* 避免 header 換行 */
  #masthead .ast-builder-grid-row {
    flex-wrap: nowrap !important;
  }


  /* 英文版（en-US） */
	html[lang^="en"] #masthead
    .site-header-primary-section-left
    .site-branding.ast-site-identity
    .ast-site-title-wrap
    .site-title
    a {
      font-size: 32px !important;
      line-height: 1.2 !important;
      white-space: nowrap !important;
      display: inline-block !important;
  }
 
  /* 英文版：主選單 */
  html[lang="en-US"] #ast-hf-menu-1 {
    gap: 4px !important;
  }

  /* 英文版 menu-item spacing */
  html[lang="en-US"] #masthead .main-navigation .main-header-menu > .menu-item {
    margin: 0 2px !important;
  }

  /* 英文版：選單 */
  html[lang="en-US"] #ast-hf-menu-1 > .menu-item > .menu-link {
    padding: 6px 10px !important;
    font-size: 22px !important;
    white-space: nowrap !important;
  }

  /* 英文版：右側區塊 */
  html[lang="en-US"] .site-header-primary-section-right {
    gap: 8px !important;
  }

  /* 英文版：按鈕 */
  html[lang="en-US"] .ast-header-button-1 .ast-custom-button {
    padding: 6px 10px !important;
    font-size: 22px !important;
  }

  html[lang="en-US"] #masthead .ast-builder-grid-row {
    flex-wrap: nowrap !important;
  }
	
		
	  /* 關於我們、公司宗旨、核心價值滿版 */
 	#about-us-outer,
  #purpose-outer,
  #about-blessin-part1,
  #about-blessin-part2,
  #purpose1,
  #purpose2,
	#values-outer, 
	#values {
    width: 100vw !important;
    max-width: 100vw !important;
    box-sizing: border-box !important;   
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
	
	/* 關於我們 + 公司宗旨（英文版）
*/
  /* GETTING TO KNOW US */
  html[lang="en-US"] #about-us1 {
    font-size: 42px !important;
    line-height: 1.4 !important;   
  }

  /* BLESSIN Biotechnology / Discover the Excellence */
  html[lang="en-US"] #about-us2-text1,
  html[lang="en-US"] #about-us2-text2 {
    font-size: 32px !important;
    line-height: 1.35 !important;    
    			  }
	
	
	html[lang="en-US"] #about-us2-text1 {
  text-align: right !important;
  margin-right: 2em !important;
}

html[lang="en-US"] #about-us2-text2 {
  text-align: left !important;
  margin-right: 0 !important;
}
	

  /* 關於我們內文 */
  html[lang="en-US"] #about-us3,
  html[lang="en-US"] #about-us4 {
    font-size: 27px !important;
    line-height: 1.7 !important;		   
  }

  /* Deliberation before action... / Steady innovation... */
  html[lang="en-US"] #our-purpose1 h2,
  html[lang="en-US"] #our-purpose2 h2 {
    font-size: 32px !important;
    line-height: 1.4 !important;    
  }

  /* 公司宗旨內文 */
  html[lang="en-US"] #our-purpose3,
  html[lang="en-US"] #our-purpose4 {
    font-size: 27px !important;
    line-height: 1.7 !important;    
  }

	
	/* 寬螢幕 values 翻轉卡片 */

  /* 保持卡片 1:1 正方形比例 */
  #values .flip-card-inner {
    aspect-ratio: 1 / 1 !important;
    min-height: 320px !important;
  }

  /* 外框間距 */
  #values .flip-card {
    margin: 12px 8px !important;
  }

  /* 背面內距 */
  #values .flip-card-back {
    padding: 8px 14px !important;
  }

  /* 專業／誠信／創新／共榮 */
  #values .flip-card-back p:nth-of-type(1) {
    font-size: 27px !important;
    line-height: 1.4 !important;
  }

  /* 內文說明 */
  #values .flip-card-back p:nth-of-type(2) {
    font-size: 24px !important;
    line-height: 1.55 !important;
    max-width: 80% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* 分隔線 */
  #values .flip-card-back .wp-block-separator {
    width: 220px !important;
    margin: 8px auto !important;
  }
	
	 /* 英文版翻盒 */
html[lang="en-US"] #values .flip-card-inner {
    aspect-ratio: 1 / 1 !important;
    min-height: 320px !important;
  }

  /* 外框間距 */
  html[lang="en-US"] #values .flip-card {
    margin: 12px 8px !important;
  }

  /* 背面內距 */
  html[lang="en-US"] #values .flip-card-back {
    padding: 6px 8px !important;
  }

  /* 專業／誠信／創新／共榮 */
  html[lang="en-US"] #values .flip-card-back p:nth-of-type(1) {
    font-size: 27px !important;
    line-height: 1.2 !important;
  }

  /* 內文說明 */
  html[lang="en-US"] #values .flip-card-back p:nth-of-type(2) {
    font-size: 24px !important;
    line-height: 1.2 !important;
    max-width: 80% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* 分隔線 */
  html[lang="en-US"] #values .flip-card-back .wp-block-separator {
    width: 220px !important;
    margin: 8px auto !important;
  }
	
	
	/* banner2 */
	#banner2{
		width: auto !important;
		height: 900px !important;
	}
	
	
.privacy-content {
	padding-left: 7em !important;
	padding-right: 7em !important;
	
}
		
}














/*====================
   平板與手機版（≦1024px）
====================*/
@media only screen and (max-width: 1024px) {
  html,
  body {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
	
	 #ast-mobile-header .ast-site-identity {
    gap: 0px !important;
  }

  /* Logo */
  #ast-mobile-header .ast-logo-svg-icon svg {
  height: 52px !important;     
  width: auto !important;
  transform: scale(0.5);       
  transform-origin: right;
}
		
		html[lang="en-US"] #ast-mobile-header .ast-logo-svg-icon svg {
  height: 52px !important;     
  width: auto !important;
  transform: scale(0.5);       
  transform-origin: right;
}
	
	
	
  /* 狀態 ①：初始，header 固定在上方且透明 */
  #ast-mobile-header,
  #ast-mobile-header .ast-primary-header-bar {
    position: fixed !important;
    top: 12px;
    left: 0;
    width: 100% !important;
    z-index: 9999 !important;
    background: transparent !important;
    box-shadow: none !important;
    transition: background 0.35s ease,
      color 0.35s ease,
      transform 0.35s ease;
  }

  body.admin-bar #ast-mobile-header {
    top: 0;
    padding-top: 132px;
  }

  /* 狀態 ①：Logo / 標題 / 漢堡圖示都是深色 #021b1a */
  #ast-mobile-header .ast-logo-svg-icon svg .g {
    fill: #021b1a !important;
    transition: fill 0.35s ease;
  }

  #ast-mobile-header .site-title,
  #ast-mobile-header .site-title * {
    color: #021b1a !important;
    transition: color 0.35s ease;
  }

  /* 次要選單 */
  #ast-mobile-header #ast-hf-menu-2-mobile > li > a.menu-link {
    color: #021b1a !important;
    transition: color 0.35s ease;
  }

  /* 漢堡按鈕本體 */
  #ast-mobile-header .menu-toggle {
    color: #021b1a !important;
    transition: color 0.35s ease;
  }

  /* 狀態 ②：觸及 header 時（mobile-header-touch-hover） */
  body.mobile-header-touch-hover #ast-mobile-header,
  body.mobile-header-touch-hover #ast-mobile-header .ast-primary-header-bar {
    background: #021b1a !important;
  }

  body.mobile-header-touch-hover #ast-mobile-header .ast-logo-svg-icon svg .g {
    fill: #0dc3bf !important;
  }

  body.mobile-header-touch-hover #ast-mobile-header .site-title,
  body.mobile-header-touch-hover #ast-mobile-header .site-title * {
    color: #0dc3bf !important;
  }

  body.mobile-header-touch-hover #ast-mobile-header #ast-hf-menu-2-mobile > li > a.menu-link {
    color: #0dc3bf !important;
  }

  body.mobile-header-touch-hover #ast-mobile-header .ast-mobile-menu-trigger-minimal,
  body.mobile-header-touch-hover #ast-mobile-header .ast-mobile-menu-trigger-minimal .ast-mobile-svg,
  body.mobile-header-touch-hover #ast-mobile-header .ast-mobile-menu-trigger-minimal .ast-mobile-svg path {
    color: #0dc3bf !important;
    fill: #0dc3bf !important;
  }

  /* 捲動後：header 樣式（無藥丸） */
  body.scrolled #ast-mobile-header,
  body.scrolled #ast-mobile-header .ast-primary-header-bar {
    background: #021b1a !important;
  }

  body.scrolled #ast-mobile-header .ast-logo-svg-icon svg .g {
    fill: #0dc3bf !important;
  }

  body.scrolled #ast-mobile-header .site-title,
  body.scrolled #ast-mobile-header .site-title * {
    color: #0dc3bf !important;
  }

  body.scrolled #ast-mobile-header #ast-hf-menu-2-mobile > li > a.menu-link {
    color: #ffffff !important;
  }

  body.scrolled #ast-mobile-header .menu-toggle,
  body.scrolled #ast-mobile-header .ast-mobile-menu-trigger-minimal,
  body.scrolled #ast-mobile-header .ast-mobile-menu-trigger-minimal .ast-mobile-svg,
  body.scrolled #ast-mobile-header .ast-mobile-menu-trigger-minimal .ast-mobile-svg path {
    color: #0dc3bf !important;
    fill: #0dc3bf !important;
  }

  body.scrolled #masthead:hover a {
    color: #0dc3bf !important;
  }

  body.scrolled #masthead a:hover {
    color: #ffffff !important;
  }

  body.scrolled #ast-mobile-header .ast-logo-svg-icon:hover svg .g {
    fill: #ffffff !important;
  }

  /* 狀態 ③：選單展開（toggle-on / nav-open） */
  body.ast-main-header-nav-open #ast-mobile-header,
  body.ast-main-header-nav-open #ast-mobile-header .ast-primary-header-bar {
    background: #021b1a !important;
  }

  body.ast-main-header-nav-open #ast-mobile-header .ast-logo-svg-icon svg .g {
    fill: #0dc3bf !important;
  }

  body.ast-main-header-nav-open #ast-mobile-header .site-title,
  body.ast-main-header-nav-open #ast-mobile-header .site-title * {
    color: #0dc3bf !important;
  }

  body.ast-main-header-nav-open #ast-mobile-header #ast-hf-menu-2-mobile > li > a.menu-link {
    color: #0dc3bf !important;
  }

  body.ast-main-header-nav-open #ast-mobile-header .menu-toggle {
    color: #0dc3bf !important;
  }

  body.ast-main-header-nav-open #ast-mobile-header .ast-mobile-menu-trigger-minimal,
  body.ast-main-header-nav-open #ast-mobile-header .ast-mobile-menu-trigger-minimal .ast-mobile-svg,
  body.ast-main-header-nav-open #ast-mobile-header .ast-mobile-menu-trigger-minimal .ast-mobile-svg path,
  #ast-mobile-header .ast-mobile-menu-trigger-minimal[aria-expanded="true"],
  #ast-mobile-header .ast-mobile-menu-trigger-minimal[aria-expanded="true"] .ast-mobile-svg,
  #ast-mobile-header .ast-mobile-menu-trigger-minimal[aria-expanded="true"] .ast-mobile-svg path {
    color: #0dc3bf !important;
    fill: #0dc3bf !important;
  }

  .ast-mobile-header-content .main-header-bar-navigation.toggle-on,
  .ast-mobile-header-content .main-header-bar-navigation.toggle-on .main-navigation,
  .ast-mobile-header-content .main-header-bar-navigation.toggle-on .main-header-menu {
    background: transparent !important;
  }

  /* 手機選單：所有背景層都完全透明 */
  .ast-mobile-header-content,
  .ast-mobile-header-content .main-header-bar-navigation.toggle-on,
  .ast-mobile-header-content .main-header-bar-navigation.toggle-on .main-navigation,
  .ast-mobile-header-content .main-header-bar-navigation.toggle-on .main-header-menu,
  #ast-hf-mobile-menu {
    background: transparent !important;
  }

  .ast-mobile-header-content {
    margin-top: 0 !important;
  }

  /* 先清除所有會造成白底的外層 */
  .ast-builder-menu-2,
  .ast-builder-menu-2 .main-header-bar-navigation,
  .ast-builder-menu-2 .main-navigation,
  .ast-builder-menu-2 .main-header-menu,
  #ast-hf-menu-2-mobile,
  #ast-hf-menu-2-mobile li,
  #ast-hf-menu-2-mobile li a {
    background: transparent !important;
  }

  /* 次要選單背景 */
  #ast-hf-menu-2-mobile > li > a.menu-link {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    background: transparent !important;
    border-radius: 9999px !important;
    padding: 4px 4px !important;
    text-decoration: none !important;
    width: auto !important;
    height: auto !important;
  }

  #ast-hf-menu-2-mobile > li > a.menu-link {
    text-decoration: none !important;
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
  }

  #ast-hf-menu-2-mobile > li > a.menu-link:hover {
    text-decoration: none !important;
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
  }

  #ast-hf-menu-2-mobile .menu-link span,
  #ast-hf-menu-2-mobile .menu-link img {
    text-decoration: none !important;
  }

  #ast-mobile-header .site-header-primary-section-left {
    max-width: 58% !important;
  }

  body.ast-header-break-point #ast-mobile-header .ast-builder-grid-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  body.ast-header-break-point #ast-mobile-header .site-header-primary-section-left {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  body.ast-header-break-point #ast-mobile-header .site-header-primary-section-right {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 4px !important;
  }

  body.ast-header-break-point #ast-mobile-header .ast-builder-menu-2 {
    margin: 0 !important;
    padding: 0 !important;
  }

  body.ast-header-break-point #ast-mobile-header #ast-hf-menu-2-mobile {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  body.ast-header-break-point #ast-mobile-header #ast-hf-menu-2-mobile > li {
    margin: 0 !important;
    padding: 0 !important;
  }

  body.ast-header-break-point #ast-mobile-header #ast-hf-menu-2-mobile > li > a.menu-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    text-decoration: none !important;
  }

  body.ast-header-break-point #ast-mobile-header #ast-hf-menu-2-mobile > li > a.menu-link img {
    display: block !important;
    width: 22px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
  }

  body.scrolled #ast-hf-menu-2-mobile > li > a.menu-link {
    background: transparent !important;
  }

  /* 平板選單：藥丸樣式 */
  #ast-hf-mobile-menu {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 0;
    padding: 16px 0 20px 0;
  }

  #ast-hf-mobile-menu > li {
    background: transparent !important;
    box-shadow: none !important;
    width: auto !important;
  }

  #ast-hf-mobile-menu > li > a {
    display: inline-block !important;
    width: 100% !important;
    max-width: 520px !important;
    margin: 0 auto;
    padding: 9px 32px;
    text-align: center;
    background: #021b1a !important;
    border-radius: 9999px !important;
    color: #ffffff !important;
    line-height: 1.6;
    white-space: nowrap;
    word-break: keep-all;
    text-decoration: none;
    transition: background 0.25s ease, transform 0.15s ease;
  }

  body.ast-header-break-point #ast-hf-mobile-menu > li > a {
    font-size: 32px !important;
  }

  #ast-hf-mobile-menu {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  #ast-hf-mobile-menu > li:first-child {
    margin-top: 12px !important;
  }

  #ast-hf-mobile-menu > li:last-child {
    margin-bottom: 22px !important;
  }

  #ast-hf-mobile-menu > li > a:hover,
  #ast-hf-mobile-menu > li > a:focus {
    background: #062a28 !important;
    transform: scale(1.03);
  }

  /* 平板版返回頂端與 FB 縮小 */
  #ast-scroll-top,
  #fab-facebook {
    transform: scale(0.9);
    transform-origin: bottom right;
  }

  #ast-scroll-top {
    bottom: 20px !important;
    right: 20px !important;
  }

  #fab-facebook {
    bottom: calc(20px + (var(--fab-size) * 0.9) + 10px) !important;
    right: 20px !important;
  }
	
/* 關於我們、公司宗旨 */	
	/*「兩欄」改成上下堆疊 */
  #about-blessin-part1,
  #about-blessin-part2,
  #purpose1,
  #purpose2 {
    display: block !important;
		margin: 0 auto !important;
    padding: 0 !important;
  }

	/* 清除padding */
	#about-blessin-part1 .wp-block-column,
  #about-blessin-part2 .wp-block-column,
  #purpose1 .wp-block-column,
  #purpose2 .wp-block-column {
    width: 100% !important;
    max-width: 900px !important;
    margin: 0 auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }
	
	/* 清除margin */
	#about-blessin-part1 figure,
  #about-blessin-part2 figure,
  #purpose1 figure,
  #purpose2 figure {
    margin: 0 auto !important;
    max-width: 900px !important;
  }

	
	/* 圖片寬度 */
	#about-blessin-part1 img,
  #about-blessin-part2 img,
  #purpose1 img,
  #purpose2 img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    margin: 0 auto !important;
  }

	/* 標題段落內縮 */
	#about-blessin-part1 h2,
  #about-blessin-part1 h3,
  #about-blessin-part1 p,
  #about-blessin-part2 h2,
  #about-blessin-part2 h3,
  #about-blessin-part2 p,
  #purpose1 h2,
  #purpose1 h3,
  #purpose1 p,
  #purpose2 h2,
  #purpose2 h3,
  #purpose2 p {
    padding-left: 72px !important;
    padding-right: 72px !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

	/* 統一字距行距 */
	#about-blessin-part1 h2,
  #about-blessin-part2 h2,
  #purpose1 h2,
  #purpose2 h2 {
    font-size: 30px !important;
    line-height: 1.3 !important;
    text-align: center !important;
    margin-top: 16px !important;
    margin-bottom: 8px !important;
  }

  #about-blessin-part1 h3,
  #about-blessin-part2 h3,
  #purpose1 h3,
  #purpose2 h3 {
    font-size: 24px !important;
    line-height: 1.3 !important;
    text-align: center !important;
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }

  #about-blessin-part1 p,
  #about-blessin-part2 p,
  #purpose1 p,
  #purpose2 p {
    font-size: 18px !important;
    line-height: 1.6 !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    text-align: justify !important;
  } 
	
	/*謀定而後動 是我們的態度 */

#our-purpose1,
#our-purpose2,
#about-us2 {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 0 !important;
  gap: 0 !important;
}

/* purpose 用 h2，about-us2 用 h3 */
#our-purpose1 h2,
#our-purpose2 h2,
#about-us2 h3 {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.3 !important;
  display: inline-block !important;
  white-space: normal !important; 
}
	
	#about-us2-text1,
#about-us2-text2 {
  display: block !important;     width: 100% !important;       
  white-space: nowrap !important;
	text-align: center !important;
  margin: 0 auto !important;
}

/* 謀定而後動／穩健創新 */
#purpose-text1,
#purpose-text3 {
  text-align: right !important;
  margin-right: 6px !important;
}
	#purpose-text2,
	#purpose-text4 {
  text-align: left !important;
  margin-right: 0 !important;
}

/* 引領美麗／始於創新  */

#about-us2-text1 {
  text-align: right !important;
  margin-right: 2em !important;
}

#about-us2-text2 {
  text-align: left !important;
  margin-right: 0 !important;
}

		html[lang="en-US"] #about-content1 {
		padding-top: 3.2em !important;
		padding-bottom: 3.2em !important;
	}
	
	html[lang="en-US"] #purpose-text1  {
		padding-top: 2em !important;
		padding-bottom: 0em !important;
	}
	
	html[lang="en-US"] #our-purpose3  {
		padding-top: 0em !important;
		padding-bottom: 2em !important;
	}
	
	html[lang="en-US"] #about-content2 {
		padding-top: 0em !important;
		padding-bottom: 3.2em !important;
	}
		
	html[lang="en-US"] #our-purpose4{
		padding-top: 3.2em !important;
		padding-bottom: 3.2em !important;
	}

	
	/* purpose-text3 與 purpose-text4強制分行 */
html[lang="en-US"] #purpose-text3,
html[lang="en-US"] #purpose-text4 {
  flex-basis: 100% !important; 
  width: 100% !important;       
  text-align: center !important;
  display: block !important;   
}
	
	
	/* 平板 values 翻轉卡片 */
 /* 保持卡片 1:1 正方形比例 */
  #values .flip-card-inner {
    aspect-ratio: 1 / 1 !important;
    min-height: 172px !important;
  }

  /* 外框間距 */
  #values .flip-card {
    margin: 4px 2px !important;
  }

  /* 背面內距 */
  #values .flip-card-back {
		margin-top: 1em !important;
    padding: 0px 0px !important;
  }

  /* 專業／誠信／創新／共榮 */
  #values .flip-card-back p:nth-of-type(1) {
    font-size: 17px !important;
    line-height: 1.2 !important;
  }

  /* 內文說明 */
  #values .flip-card-back p:nth-of-type(2) {
    font-size: 13.2px !important;
    line-height: 1.2 !important;
    max-width: 80% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* 分隔線 */
  #values .flip-card-back .wp-block-separator {
    width: 132px !important;
    margin: 8px auto !important;
  }
 
	
	/* 英文版翻盒 */
html[lang="en-US"] #values .flip-card-inner {
    aspect-ratio: 1 / 1 !important;
    min-height: 172px !important;
  }

  /* 外框間距 */
  html[lang="en-US"] #values .flip-card {
    margin: 4px 2px !important;
  }

  /* 背面內距 */
  html[lang="en-US"] #values .flip-card-back {
    padding: 0px 0px !important;
  }

  /* 專業／誠信／創新／共榮 */
  html[lang="en-US"] #values .flip-card-back p:nth-of-type(1) {
    font-size: 16px !important;
    line-height: 1.2 !important;
		padding: 2px 4px !important;
  }

  /* 內文說明 */
  html[lang="en-US"] #values .flip-card-back p:nth-of-type(2) {
    font-size: 13.2px !important;
    line-height: 1 !important;
    max-width: 80% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* 分隔線 */
  html[lang="en-US"] #values .flip-card-back .wp-block-separator {
    width: 132px !important;
    margin: 8px auto !important;
  }


	
	

		
	/* 平板表單位置 */
  /* 1) 針對 cover block 的 img */
  #contact img.wp-block-cover__image-background {
    height: 750px !important;
    object-fit: cover !important;    
    object-position: 72% center !important;
    max-width: none !important;
    width: 100% !important;
  }

  /* 2) 避免貼邊 */
  #contact .wp-block-cover__inner-container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* 3) 將 columns 改為直式堆疊 */
  #contact .wp-block-columns {
    flex-direction: column !important;
    gap: 12px !important;
  }
  #contact .wp-block-column {
    width: 100% !important;
  }

  /* 4) 調整表單外層位置 */
  #contact #contact-form-outer {
    margin-top: 0px !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* 5) 針對表單欄位區塊 */
 #contact #contact-form {
    width: 50% !important;
    max-width: 560px !important;
    margin-top: 0 !important;
    margin-left: auto !important;
    margin-right: 42px !important;    
  }

}


/* 產品服務 */
@media only screen and (min-width: 769px) and (max-width: 1024px) { 
 
  /* 整組區塊左右留一點空間 */
  #product-group {
		display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
		margin: auto !important;
		padding-left: var(--wp--preset--spacing--10) !important;
    padding-right: var(--wp--preset--spacing--10) !important;    
  }

  /* 標題「產品服務」字級 */
  #product-service {
    font-size: 26px !important;
  }

  /* 欄與欄之間*/
  #products-1,
  #products-2 {
    column-gap: var(--wp--preset--spacing--30) !important;
  }

  /* 產品欄的寬度 */
  #product-group .products {
    flex-basis: 32% !important;
    max-width: 32% !important;
    margin-bottom: var(--wp--preset--spacing--40) !important;
  }

  /* 圖片維持滿版、等比例 */
  #product-group .products figure img {
    width: 100%;
    height: auto;
  }

  /* 產品名稱／中文說明字級、行距 */
  #product-group .products p {
    font-size: 15px !important;
    line-height: 1.5;
  }
	
html[lang="en-US"] #product-group {
		display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
	  margin: auto !important;
		padding-left: var(--wp--preset--spacing--10) !important;
    padding-right: var(--wp--preset--spacing--10) !important;
    
  }

  /* 標題「產品服務」字級 */
  html[lang="en-US"] #product-service {
    font-size: 26px !important;
  }

  /* 欄與欄之間 */
  html[lang="en-US"] #products-1,
  html[lang="en-US"] #products-2 {
    column-gap: var(--wp--preset--spacing--30) !important;
  }

  /* 產品欄的寬度 */
  html[lang="en-US"] #product-group .products {
    flex-basis: 32% !important;
    max-width: 32% !important;
    margin-bottom: var(--wp--preset--spacing--40) !important;
  }

  /* 圖片維持滿版、等比例 */
  html[lang="en-US"] #product-group .products figure img {
    width: 100%;
    height: auto;
  }

  /* 產品名稱／中文說明字級、行距 */
  html[lang="en-US"] #product-group .products p {
    font-size: 15px !important;
    line-height: 1.5;
  }
	
	
	/* 隱私權頁面 */
.privacy-content {
	padding-left: 2em !important;
	padding-right: 2em !important;
	
}
	
	
}













/* 手機版（≤ 768px） */
@media only screen and (max-width: 768px) {

  #ast-mobile-header .site-title {
    font-size: 22px !important;
  }
	
  /* 手機版網站名稱 */
  #ast-mobile-header .site-title a {
    font-size: 22px !important; 
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }
	
/* 英文版手機 */

html[lang^="en-US"] .ast-mobile-header-wrap .site-title a,
html[lang^="en-US"] #ast-mobile-header .site-title a {
  font-size: 16px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}
	
	
html[lang="en-US"] #ast-hf-menu-2-mobile {
    transform: translateX(16px) !important;
    transform-origin: right center !important;    
	}


  /* 手機 header */
  #ast-mobile-header .ast-site-identity {
		margin-left: -22px !important;
    gap: 0px !important;
  }

  /* Logo */
  #ast-mobile-header .ast-logo-svg-icon svg {
  height: 52px !important;     
  width: auto !important;
  transform: scale(0.5);       
  transform-origin: right;
}
		
		html[lang="en-US"] #ast-mobile-header .ast-logo-svg-icon svg {
  height: 52px !important;     
  width: auto !important;
  transform: scale(0.4);       
  transform-origin: right;
}
		
	
	
	
	

  #banner {
    margin-top: 0px !important;
    width: auto;
    height: 732px !important;
  }

  #banner .wp-block-cover__image-background {
    object-fit: cover !important;
    object-position: 67% center !important;
  }
	
	 #banner-button1 .wp-block-button__link,
  html[lang="en-US"] #banner-button1 .wp-block-button__link,
  #banner-button2 .wp-block-button__link,
  html[lang="en-US"] #banner-button2 .wp-block-button__link {
    font-size: 15px !important;
    padding: 0.52em 1.2em !important;
    margin-top: 0rem !important;
	}
	
	
		

  #ast-mobile-header,
  #ast-mobile-header .ast-primary-header-bar {
    position: fixed !important;
    top: 0;
    padding-top: 37px !important;
    left: 0;
    width: 100% !important;
    z-index: 9999 !important;
    background: transparent !important;
    box-shadow: none !important;
    transition: background 0.35s ease,
      color 0.35s ease,
      transform 0.35s ease;
  }

  body.admin-bar #ast-mobile-header {
    top: 0;
  }

  .ast-mobile-header-content {
    margin-top: 92px !important;
  }

  body.scrolled #ast-mobile-header,
  body.scrolled #ast-mobile-header .ast-primary-header-bar {
    background: #021b1a !important;
    padding-top: 32px !important;
  }

  #ast-hf-mobile-menu > li > a {
    display: inline-block !important;
    width: 100% !important;
    max-width: 520px !important;
    margin: 0 auto;
    padding: 9px 32px;
    text-align: center;
    background: #021b1a !important;
    border-radius: 9999px !important;
    color: #ffffff !important;
    line-height: 1.6;
    white-space: nowrap;
    word-break: keep-all;
    text-decoration: none;
    transition: background 0.25s ease, transform 0.15s ease;
  }

  body.ast-header-break-point #ast-hf-mobile-menu > li > a {
    font-size: 22px !important;
  }

  #ast-mobile-header .site-header-primary-section-right {
    gap: 0 !important;
  }

  #ast-hf-menu-2-mobile {
    margin-right: 0px !important;
  }

  #ast-mobile-header .site-header-primary-section-left {
    max-width: 58% !important;
  }

  #ast-scroll-top,
  #fab-facebook {
    transform: scale(0.8);
    transform-origin: bottom right;
  }

  #ast-scroll-top {
    bottom: 14px !important;
    right: 14px !important;
  }

  #fab-facebook {
    bottom: calc(14px + (var(--fab-size) * 0.8) + 8px) !important;
    right: 14px !important;
  }
	
		/* 共用樣式：關於我們 + 公司宗旨 */
	#about-blessin-part1,
  #about-blessin-part2,
  #purpose1,
  #purpose2 {
    display: block !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

	#about-blessin-part1 .wp-block-column,
  #about-blessin-part2 .wp-block-column,
  #purpose1 .wp-block-column,
  #purpose2 .wp-block-column,
	#about-blessin-part1 .wp-block-column,
  #about-blessin-part2 .wp-block-column,
  #purpose1 .wp-block-column,
  #purpose2 .wp-block-column  {
    width: 100% !important;
    max-width: 900px !important;
    margin: 0 auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

	
	#about-blessin-part1 figure,
  #about-blessin-part2 figure,
  #purpose1 figure,
  #purpose2 figure {
    margin: 0 auto !important;
    max-width: 900px !important;
  }

	
	#about-blessin-part1 img,
  #about-blessin-part2 img,
  #purpose1 img,
  #purpose2 img {
    display: block !important;
    width: 100% !important;      /* 吃滿 figure 寬度 */
    max-width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    margin: 0 auto !important;
  }

	
	#about-blessin-part1 h2,
  #about-blessin-part1 h3,
  #about-blessin-part1 p,
  #about-blessin-part2 h2,
  #about-blessin-part2 h3,
  #about-blessin-part2 p,
  #purpose1 h2,
  #purpose1 h3,
  #purpose1 p,
  #purpose2 h2,
  #purpose2 h3,
  #purpose2 p {
    max-width: 680px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 32px !important;
    padding-right: 32px !important;
    box-sizing: border-box !important;
  }

	
	#about-blessin-part1 h2,
  #about-blessin-part2 h2,
  #purpose1 h2,
  #purpose2 h2 {
    font-size: 27px !important;
    line-height: 1.3 !important;
    text-align: center !important;
    margin-top: 16px !important;
    margin-bottom: 8px !important;
  }

  #about-blessin-part1 h3,
  #about-blessin-part2 h3,
  #purpose1 h3,
  #purpose2 h3 {
    font-size: 27px !important;
    line-height: 1.3 !important;
    text-align: center !important;
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }

  #about-blessin-part1 p,
  #about-blessin-part2 p,
  #purpose1 p,
  #purpose2 p {
    font-size: 20px !important;
    line-height: 1.6 !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    text-align: justify !important;
  } 
	
	/*謀定而後動 是我們的態度 */
/* purpose + about-us2 */

#our-purpose1,
#our-purpose2,
#about-us2 {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 0 !important;
  gap: 0 !important;
}

/* purpose 用 h2，about-us2 用 h3 */
#our-purpose1 h2,
#our-purpose2 h2,
#about-us2 h3 {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.3 !important;
  display: inline-block !important;
  white-space: nowrap !important;
}
		

/* 謀定而後動／穩健創新 */
#purpose-text1,
#purpose-text3 {
  text-align: right !important;
  margin-right: 6px !important; 
}

#purpose-text2,
#purpose-text4 {
  text-align: left !important;
  margin-right: 0 !important;
}

/* 引領美麗／始於創新 */

#about-us2-text1 {
  text-align: right !important;
  margin-right: 1em !important; 
}

#about-us2-text2 {
  text-align: left !important;
  margin-right: 0 !important;
}
	
	
		#figure1 img, #figure2 img, #figure3 img, #figure4 img {
    border-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
	
		
	#about-content1, #purpose-content1 {
		padding-top: 3.2em !important;
		padding-bottom: 3.2em !important;
	}
	
	#about-content2 {
		padding-top: 0em !important;
		padding-bottom: 3.2em !important;
	}
	
	
	#our-purpose4{
		padding-top: 3.2em !important;
		padding-bottom: 3.2em !important;
	}
	 
	/* 英文版手機版：關於我們 + 公司宗旨 */
  /* GETTING TO KNOW US */
  html[lang="en-US"] #about-us1 {
    font-size: 22px !important;
    line-height: 1.4 !important;
    margin-top: 16px !important;
    margin-bottom: 8px !important;
    text-align: center !important;
  }

  /* 標題一 */
  html[lang="en-US"] #about-us2-text1,
  html[lang="en-US"] #about-us2-text2 {
    font-size: 19px !important;
    line-height: 1.35 !important;
    margin-top: 2px !important;
    margin-bottom: 2px !important;
    			  }
	
	
	html[lang="en-US"] #about-us2-text1 {
  text-align: right !important;
  margin-right: 2em !important;    }

html[lang="en-US"] #about-us2-text2 {
  text-align: left !important;
  margin-right: 0 !important;
}
	

  /* 關於我們內文 */
  html[lang="en-US"] #about-us3,
  html[lang="en-US"] #about-us4 {
    font-size: 17px !important;
    line-height: 1.7 !important;		
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    text-align: justify !important;
  }

  /* 標題二 */
  html[lang="en-US"] #our-purpose1 h2,
  html[lang="en-US"] #our-purpose2 h2 {
    font-size: 19px !important;
    line-height: 1.4 !important;
    margin-top: 10px !important;
    margin-bottom: 6px !important;
    text-align: center !important;
  }

  /* 公司宗旨內文 */
  html[lang="en-US"] #our-purpose3,
  html[lang="en-US"] #our-purpose4 {
    font-size: 17px !important;
    line-height: 1.7 !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    text-align: justify !important;
  }
	

html[lang="en-US"] #our-purpose1,
html[lang="en-US"] #our-purpose2 {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;     
  justify-content: center !important;
  align-items: center !important;
  margin: 0 !important;
  gap: 0 !important;
}

/* purpose 用 h2，about-us2 用 h3 */
html[lang="en-US"] #our-purpose1 h2,
html[lang="en-US"] #our-purpose2 h2 {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.3 !important;
  display: inline-block !important;
  white-space: wrap !important;         }
	
 html[lang="en-US"] #about-us2 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  html[lang="en-US"] #about-us2 h3 {
    display: block !important;
    white-space: normal !important;
    text-align: center !important;
    margin: 2px 0 !important;
  }
	
	/* 英文版 */
  html[lang="en-US"] #about-blessin-part1 h2,
  html[lang="en-US"] #about-blessin-part1 h3,
  html[lang="en-US"] #about-blessin-part1 p,
  html[lang="en-US"] #about-blessin-part2 h2,
  html[lang="en-US"] #about-blessin-part2 h3,
  html[lang="en-US"] #about-blessin-part2 p,
  html[lang="en-US"] #purpose1 h2,
  html[lang="en-US"] #purpose1 h3,
  html[lang="en-US"] #purpose1 p,
  html[lang="en-US"] #purpose2 h2,
  html[lang="en-US"] #purpose2 h3,
  html[lang="en-US"] #purpose2 p {
    max-width: 600px !important;
		text-spacing: -1px !important;
		word-spacing: -2px !important;
  }

	html[lang="en-US"] #about-content1, html[lang="en-US"] #purpose-text1 {
		padding-top: 3.2em !important;
		padding-bottom: 3.2em !important;
	}
	
	html[lang="en-US"] #about-content2 {
		padding-top: 0em !important;
		padding-bottom: 3.2em !important;
	}
		
	html[lang="en-US"] #our-purpose4{
		padding-top: 3.2em !important;
		padding-bottom: 3.2em !important;
	}
	
	/* purpose-text3 與 purpose-text4強制分行 */
html[lang="en-US"] #purpose-text3,
html[lang="en-US"] #purpose-text4 {
  flex-basis: 100% !important; 
  width: 100% !important;       
  text-align: center !important;
  display: block !important;   
}


		
		/* banner2 外層高度 */
#banner2 {
  width: auto !important;
  height: 532px !important; 
}

/* banner2 內的背景圖片 */
	#banner2 .wp-block-cover__image-background {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

	
	/* 兩段文字統一基本排版 */
  #banner2 .banner2-text {
    text-align: center !important;
    padding: 0 !important;
    margin: 0 auto 8px auto !important;
    line-height: 1.25 !important;
  }

  /* BLESSIN Biotechnology */
  #banner2 .banner2-text:first-of-type {
    font-size: 32px !important;     font-weight: 900 !important;
    letter-spacing: 1px !important;
  }

  /* A New Era of Aesthetic Medicine */
  #banner2 .banner2-text:last-of-type {
    font-size: 18px !important;     font-weight: 600 !important;
    margin-top: 4px !important;
  }
		
	
	/* 翻轉盒：手機 2x2 排版 */
  #values .flip-card {
    position: relative;
    perspective: 1200px;
    overflow: hidden;
    margin: 12px 8px;
  }

  #values .flip-card-inner {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    min-height: 252px;
    padding: 0 !important;
  }

  #values .flip-card-front img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  #values .flip-card-back {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 82%;
    transform: rotateY(180deg);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px !important;
    backface-visibility: hidden;
  }

  #values .flip-card-back p {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  #values .flip-card-back .wp-block-separator {
    display: block !important;
    border: none !important;
    height: 2px !important;
    width: 192px;
    margin: 7px auto !important;
    background-color: var(--ast-global-color-8) !important;
    opacity: 1 !important;
  }

  .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: transform 0.7s ease;
  }

  .flip-card-front,
  .flip-card-back {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
  }

  .flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
  }


  /* values 區塊：手機版 2×2 排版 */
  #values.wp-block-columns {
    flex-wrap: wrap !important;
  }

  #values.wp-block-columns > .wp-block-column {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box;
  }

  #values.wp-block-columns > .wp-block-column:last-child {
    padding-left: var(--wp--preset--spacing--0) !important;
    padding-right: var(--wp--preset--spacing--0) !important;
  }

 #values .flip-card-row {
	 width: 100% !important;
	 height: auto !important;
	 margin-top: 50px !important;
	 padding: 5px !important;
   display: flex;
   flex-direction: row;
	 flex-wrap: nowrap;
	 justify-content: center;
   gap: 5px;
  }

  #values .flip-card-col {
    flex: 1 1 auto;
    max-width: 50%;
    display: flex;
    justify-content: center;
		box-sizing: border-box;
    margin: 4px 0;
  }
	
		
	#values .flip-card-inner {
    min-height: 160px;
  }

  #values .flip-card-back p {
    max-width: 90%;
    font-size: 16px !important;
		
  }

  #values .flip-card-back .wp-block-separator {
    width: 72px;
    margin: 6px auto !important;
  }
	figure#figure5,
	figure#figure5 * {
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  clip-path: none !important;
  -webkit-clip-path: none !important;
  mask: none !important;
  -webkit-mask-image: none !important;
  
}

/* overlay / pseudo-elements */
figure#figure5::before,
figure#figure5::after,
figure#figure5 .overlay,
figure#figure5 .hover-overlay,
#figure5 img::before,
#figure5 img::after,
#figure5 .flip-overlay,
#figure5 .flip-card-front::before,
#figure5 .flip-card-front::after {
  border-radius: 0 !important;
  clip-path: none !important;
  mask: none !important;
  background-clip: padding-box !important;
 
}

/* hover 時才出現的 overlay，強制在所有狀態也清除圓角 */
#figure5:hover,
#figure5:hover *,
#figure5:active,
#figure5:focus,
#figure5 *:hover {
  border-radius: 0 !important;
  clip-path: none !important;
  mask: none !important;
  
}
	

  html[lang="en-US"] #figure5::after {
    display: block !important;     box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    right: 0 !important;
		top: 52px !important;
    margin: 0 auto !important;
    padding: 0 32px !important;
    text-align: center !important;
		transform: none !important;
		white-space: normal !important;
		overflow-wrap: anywhere !important;
		word-break: break-word !important;
    hyphens: auto !important;
  }
	

	/* 產品服務 */
  #product-group {
    padding-left: var(--wp--preset--spacing--20) !important;
    padding-right: var(--wp--preset--spacing--20) !important;
    flex-wrap: wrap;
      }

  #product-service {
    font-size: 28px !important;
  }
	
	

  /* 直向時畫面 */
  #product-group .products {
    flex-basis: 100% !important;
    max-width: 100% !important;
    margin-bottom: var(--wp--preset--spacing--40);
  }

  #product-group .products figure img {
    width: 100%;
    height: auto;
  }

  #product-group .products p {
    font-size: 17px !important;
    line-height: 1.5;
  }
	
html[lang="en-US"] #product-group {
    padding-left: var(--wp--preset--spacing--20) !important;
    padding-right: var(--wp--preset--spacing--20) !important;
    flex-wrap: wrap;
      }

  html[lang="en-US"] #product-service,
html[lang="en-US"] #product-service strong {
  font-size: 22px !important;
}

  html[lang="en-US"] #product-group .products {
    flex-basis: 100% !important;
    max-width: 100% !important;
    margin-bottom: var(--wp--preset--spacing--40);
  }

  html[lang="en-US"] #product-group .products figure img {
    width: 100%;
    height: auto;
  }

  html[lang="en-US"] #product-group .products p {
    font-size: 16px !important;
    line-height: 1.5;
  }


	
	/* 手機表單位置 */
  /* 1) 針對 cover block 的 img */
  #contact img.wp-block-cover__image-background {
    height: 580px !important;
    object-fit: cover !important;
    object-position: 72% center !important;
    max-width: none !important;
    width: 100% !important;
  }

  /* 2) 避免cover 的內層容器貼邊 */
  #contact .wp-block-cover__inner-container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* 3) 將 columns 改為直式堆疊 */
  #contact .wp-block-columns {
    flex-direction: column !important;
    gap: 12px !important;
  }
  #contact .wp-block-column {
    width: 80% !important;
  }

  /* 4) 調整表單外層位置 */
  #contact #contact-form-outer {
    margin-top: 0px !important;     margin-left: 0 !important;     padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* 5) 針對表單欄位區塊 */
 #contact #contact-form {
    width: 100% !important;
    max-width: 560px !important;
    margin-top: 0 !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    transform: translate(35%, -25%) !important;
  }
	
	
	#contact-text {
		font-size: 18px !important;
	}
	
	
	#privacy-banner .privacy-banner-text {
	font-size: 37px !important;
}

.privacy-content {
	width: 100vw !important;
	margin-left: 50% !important;
	margin-right: 0 !important;
	transform: translateX(-50%) !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	
}
	
	.privacy-content-title {
		padding-top: 2em !important;
		padding-bottom: 2em !important;		
	}
	
	#privacy-title1 {
  font-size: 24px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1 !important;
}

#privacy-title2 {
  font-size: 18px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1 !important;
}
	
	#privacy-banner {
		width: auto !important;
		height: 632px !important;
	}
	
	/* 關於我們 */
	
	#about-us-outer {
		padding-top: 0 !important;
	}
	
	
	   
  }
	









/****************************************
 * 統一控制 #top 與上方距離
 ****************************************/

/* 桌機：讓 top 稍微往上頂，貼近 header 底部 */
@media only screen and (min-width: 1025px) {
  #top {
		width: 100vw;
    height: 50px !important;
		margin-top: -80px !important;
  }

  }

/* 寬螢幕版 */
@media only screen and (min-width: 1601px){
	 #top {
		width: 100vw;
    height: 50px !important;
		margin-top: -80px !important;
	}

#banner.wp-block-cover {
  margin-top: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  height: 1200px !important;
  padding-top: 150px !important;
}

#banner.wp-block-cover > img.wp-block-cover__image-background {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: top center !important;
}

#banner .wp-block-cover {
  align-items: flex-start !important;
}

/* banner */
#banner.wp-block-cover {
  display: flex !important; 
	align-items: flex-start !important;
	}

#banner .wp-block-cover__inner-container {
  margin-top: 7.2em !important; }

 	.cover-text{
		margin-left: 2em !important;
		font-size: 4.2em !important;
	}
	
	.blessin-button{
		margin-left: 0em !important;
		padding-left: 4.2em !important;
		font-size: 2em !important;
	} 

}

/* 平板（橫向、直向都算在內） */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  #top {
		width: 100vw;
    height: 50px !important;
    margin-top: -80px !important;
  }

#banner.wp-block-cover {
  margin-top: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  height: 732px !important;
  
}

   #banner.wp-block-cover > img.wp-block-cover__image-background {
  width: 100% !important;
  height: 100% !important;
 }

#banner .wp-block-cover__inner-container {
  margin-top: 1em !important;          
}
 	.cover-text{
		margin-left: 1em !important;
		font-size: 2em !important;
	}
	
	.blessin-button{
		margin-left: 0em !important;
		padding-left: 2em !important;
		font-size: 1.2em !important;
	} 

#banner.wp-block-cover img.wp-block-cover__image-background {
  object-fit: cover !important;
  object-position: 60% center !important;
}


}

/* 手機（≤ 768px） */
@media only screen and (max-width: 768px) {
  #top {
		width: 100vw;
    height: 60px !important;
    margin-top: -80px !important;
  }
	
#banner.wp-block-cover {
  margin-top: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important; height: 632px !important; 
	}

#banner.wp-block-cover img.wp-block-cover__image-background {
 margin-top: 0 !important;
 width: 100% !important;
 height: 100% !important;object-fit: cover !important; 
  object-position: 72% center !important;
}

#banner .wp-block-cover__inner-container {
  margin-top: 28em !important;         
}

 	.cover-text{
		margin-left: 0.2em !important;
		margin-top: 0px !important;
		font-size: 27px !important;
		line-height: 1.2 !important;
	}
	
	.blessin-button{
		margin-left: 0.2em !important;
    margin-top: 2px !important;
		font-size: 12px !important;
    padding: 4px 10px !important;
}
	
	 /* 手機版： ABOUT US / PRODUCTS 按鈕 */
  #banner .wp-block-button__link {
    font-size: 14px !important;     padding: 6px 14px !important;
    border-radius: 999px !important;
  }

  /* 按鈕群組間距 */
  #banner .blessin-button {
    margin-top: 6px !important;
  }
	
	
  }

/****************************************
 * 修正1025–1200px 直向平板右側
 ****************************************/
@media only screen and (min-width: 1025px) and (max-width: 1200px) and (orientation: portrait) {
	
  html,
  body {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
}



/* 頁尾 */

/* ========= 共用：中英 footer 切換 ========= */

html[lang="en-US"] #blessin-co2 {
  font-size: 20px !important; 
}

/* 中文版顯示 footer-zh-TW、隱藏 footer-en */
#footer-en {
  display: none !important;
}
#footer-zh-TW {
  display: block !important;
}

/* 英文版：反過來 */
html[lang="en-US"] #footer-zh-TW {
  display: none !important;
}
html[lang="en-US"] #footer-en {
  display: block !important;
}

.footer-row {
	margin-left: 72px !important;
	margin-right: 0px !important;
}

/* 共用字級設定 */
.blessin-title,
#blessin-co {
  font-size: 22px !important;
}
.blessin-sub {
  font-size: 18px !important;
}

/* 共用：社群 icon 排版 */
#social-icon,
#social-icon2 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

#social-icon .wp-block-social-links .wp-social-link a,
#social-icon2 .wp-block-social-links .wp-social-link a {
  font-size: 32px;
}

#social-icon .customer-service-icon img,
#social-icon2 .customer-service-icon img {
  width: 27px !important;
  height: auto !important;
  max-width: none !important;
  margin-left: 17px !important;
}

/* 公司行名縮排 */
#company1,
#company4 {
  margin-left: 0px !important;
	padding-left: 20px !important;
}

#company2,
#company3,
#company5,
#company6 {
  margin-left: 0px !important;
	padding-left: 32px !important;
}

.copyright {
  font-size: 12px !important;
}

/* 內文字、連結左對齊 */
#contact-blessin,
#contact-blessin2,
#telephone,
#telephone2,
#e-mail,
#e-mail2,
#blessin-privacy,
#blessin-privacy2 {
  text-align: left !important;
	padding-left: 22px !important;
}

#e-mail a,
#e-mail2 a,
#blessin-privacy a,
#blessin-privacy2 a {
  text-align: left !important;
}

/* ========= 寬螢幕（桌機） ========= */
@media (min-width: 1601px) {
  div.wp-block-group.alignfull.is-layout-flow {
    padding-left: 52px !important;
    padding-right: 32px !important;
  }

  .blessin-title,
  #blessin-co,
  #blessin-co2 {
    font-size: 27px !important;
  }
	
	#blessin-co{
		padding-left: 12px !important;
		padding-right: 12px !important;
	}

  .blessin-sub {
    font-size: 22px !important;
  }

  html[lang="en-US"] #blessin-co2 {
    font-size: 22px !important;
  }
}



/* ========= 平板 ========= */
@media (min-width: 769px) and (max-width: 1024px) {
  div.wp-block-group.alignfull.is-layout-flow {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

  .blessin-title,
  #blessin-co {
    font-size: 17px !important;
		padding-left: 2px !important;
		padding-right: 2px !important;
  }

  .blessin-sub {
    font-size: 15px !important;
  }

  html[lang="en-US"] #blessin-co2 {
    font-size: 15.7px !important;
  }
}

/* ========= 手機 ========= */
@media (max-width: 768px) {
 /* 之前就有的設定：保留 */
  div.wp-block-group.alignfull.is-layout-flow {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .blessin-title,
  #blessin-co {
    font-size: 16px !important;
  }

  .blessin-sub {
    font-size: 14px !important;
  }

  html[lang="en-US"] #blessin-co2 {
    font-size: 16px !important;
  }

  .footer .wp-block-columns.three-cols-bottom-title > .wp-block-column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  /********************************************
   * 手機版 Footer   ********************************************/

  /* 欄位寬度 */
  #footer-zh-TW > .wp-block-columns.alignfull,
  #footer-en   > .wp-block-columns.alignfull {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    justify-content: flex-start !important;
  }

  /* 左欄 */
  #footer-zh-TW > .wp-block-columns.alignfull > .wp-block-column:first-child,
  #footer-en   > .wp-block-columns.alignfull > .wp-block-column:first-child {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    padding-left: 0px !important;
    padding-right: 22px !important;
    box-sizing: border-box !important;
  }

  /* 右欄 */
  #footer-zh-TW > .wp-block-columns.alignfull > .wp-block-column:last-child,
  #footer-en   > .wp-block-columns.alignfull > .wp-block-column:last-child {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    padding-left: 12px !important;
    padding-right: 22px !important;
    box-sizing: border-box !important;
  }	
}


/* 公司名稱避免強制換行 */
#blessin-co,
#blessin-co2 {
  white-space: nowrap !important;
}

figure.wp-block-image figcaption,
.wp-block-image .wp-element-caption,
img[data-image-description] + * {
  display: none !important;
}