.elementor-224 .elementor-element.elementor-element-hrt001 > .elementor-container{max-width:800px;}.elementor-224 .elementor-element.elementor-element-1a011f.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-224 .elementor-element.elementor-element-1a023e.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-224 .elementor-element.elementor-element-1a035d.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );color:var( --e-global-color-primary );}.elementor-224 .elementor-element.elementor-element-1a047c.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-224 .elementor-element.elementor-element-1a059b.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-224 .elementor-element.elementor-element-d4d8823.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-224 .elementor-element.elementor-element-1a06ba.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-224 .elementor-element.elementor-element-1a07d9.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-224 .elementor-element.elementor-element-1a08f8.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-224 .elementor-element.elementor-element-1a0a17.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-224 .elementor-element.elementor-element-1a0b36.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-224 .elementor-element.elementor-element-1a0c55.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-224 .elementor-element.elementor-element-1a0d74.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-224 .elementor-element.elementor-element-1a0e93.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-224 .elementor-element.elementor-element-1a0fb2.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-224 .elementor-element.elementor-element-1a10d1.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-224 .elementor-element.elementor-element-1a11f0.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-224 .elementor-element.elementor-element-1a130f.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-224 .elementor-element.elementor-element-1a142e.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-224 .elementor-element.elementor-element-1a154d.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-224 .elementor-element.elementor-element-83e7a5e.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-224 .elementor-element.elementor-element-1a166c.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-224 .elementor-element.elementor-element-1a178b.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-224 .elementor-element.elementor-element-1a18aa.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-224 .elementor-element.elementor-element-1a19c9.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-224 .elementor-element.elementor-element-1a1ae8.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-224 .elementor-element.elementor-element-1a1c07.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-224 .elementor-element.elementor-element-1a1d26.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-224 .elementor-element.elementor-element-1a1e45.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-224 .elementor-element.elementor-element-1a1f64.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-224 .elementor-element.elementor-element-1a2083.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-224 .elementor-element.elementor-element-1a21a2.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-224 .elementor-element.elementor-element-1a22c1.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-224 .elementor-element.elementor-element-1a23e0.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-224 .elementor-element.elementor-element-1a24ff.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-224 .elementor-element.elementor-element-1a261e.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-224 .elementor-element.elementor-element-1a273d.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-224 .elementor-element.elementor-element-1a285c.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-224 .elementor-element.elementor-element-1a297b.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-224 .elementor-element.elementor-element-1a2a9a.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-224 .elementor-element.elementor-element-1a2bb9.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-224 .elementor-element.elementor-element-1a2cd8.xpro-widget-bg-overlay:before{transition:background 0.3s;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}}/* Start custom CSS *//* ==========================================================================
   Dr.May Clinic — บทความ "ฮอร์โมนทดแทนคืออะไร"
   วางทั้งบล็อกนี้ใน  Appearance > Customize > Additional CSS
   ทุกกฎ scope ใต้ .dmc-page จึงไม่กระทบธีมหรือหน้าอื่นของเว็บไซต์
   ========================================================================== */

/* ---- โหลดฟอนต์ ---- */
@import url('https://fonts.googleapis.com/css2?family=Trirong:wght@500;600;700&family=Sarabun:wght@400;500;600;700&display=swap');

/* ---- Color tokens (rose theme) + พื้นหน้า ---- */
.dmc-page{
  --accent:#9E4269;
  --deep:#6E2A4B;
  --soft:#FAF4F2;
  --page:#FBF6F4;
  --line:#E6DBD9;
  background:var(--page,#FBF6F4);
  color:#2A2230;
  font-family:'Sarabun',system-ui,sans-serif;
  line-height:1.8;
  font-size:16.5px;
  -webkit-font-smoothing:antialiased;
  padding:0 !important;
}

/* ให้ทุกวิดเจ็ตรับฟอนต์/สีฐาน (inline style override ตรงจุดที่ต้องการ) */
.dmc-page,
.dmc-page .elementor-widget-container,
.dmc-page .elementor-text-editor,
.dmc-page p,
.dmc-page li,
.dmc-page span,
.dmc-page div{
  font-family:'Sarabun',system-ui,sans-serif;
}
.dmc-page .elementor-widget-container{ color:inherit; }

/* คอลัมน์อ่าน = 748px จัดกึ่งกลาง */
.dmc-page .dmc-col{
  max-width:748px;
  margin:0 auto;
  padding:0 26px 72px !important;
}
/* ลบช่องว่าง/ระยะ default ของวิดเจ็ต ให้แต่ละบล็อกคุมระยะเองผ่าน inline style */
.dmc-page .elementor-widget{ margin-bottom:0 !important; }
.dmc-page .elementor-widget:not(:last-child){ margin-bottom:0; }
.dmc-page .elementor-element-populated,
.dmc-page .elementor-column-wrap{ padding:0 !important; }

/* ---- ลิงก์ (เฉพาะในบทความ) ---- */
.dmc-page a{
  color:var(--accent,#9E4269);
  text-decoration:none;
  border-bottom:1px solid rgba(158,66,105,.28);
  font-weight:600;
  transition:border-color .2s cubic-bezier(.2,.7,.2,1),color .2s cubic-bezier(.2,.7,.2,1);
}
.dmc-page a:hover{
  color:var(--deep,#6E2A4B);
  border-bottom-color:var(--accent,#9E4269);
}
/* ลิงก์ในสารบัญ/FAQ ไม่มีเส้นใต้ (ตั้ง border:none ไว้ inline แล้ว) */

/* ---- H1 (Heading widget: .dmc-h1) ---- */
.dmc-page .dmc-h1 .elementor-heading-title{
  font-family:'Trirong',Georgia,serif;
  font-weight:600;
  font-size:42px;
  line-height:1.28;
  letter-spacing:-.01em;
  margin:0 0 22px;
  color:#241C29;
  text-wrap:pretty;
}

/* ---- Text Editor: ย่อหน้าเนื้อหา ---- */
.dmc-page .elementor-text-editor p{ margin:14px 0; }
.dmc-page .elementor-text-editor{ color:#2A2230; }

/* ---- FAQ (details/summary) ---- */
.dmc-page .dmc-faq summary::-webkit-details-marker{ display:none; }
.dmc-page .dmc-faq summary{ list-style:none; }
.dmc-page .dmc-faq details[open] .dmc-faq-plus{ transform:rotate(45deg); }

/* ==========================================================================
   MOBILE-FIRST RESPONSIVE — สำคัญที่สุด
   บนจอใหญ่หน้าตาเหมือนต้นฉบับเป๊ะ; บนมือถือ การ์ดหลายคอลัมน์ยุบเหลือ 1 คอลัมน์
   เพื่อไม่ให้เนื้อหาถูกบีบจนอ่านยาก (เนื้อหา/ถ้อยคำไม่เปลี่ยนแม้แต่คำเดียว)
   ========================================================================== */

/* แท็บเล็ต: การ์ด 3 แบบของฮอร์โมนทดแทน → 2 คอลัมน์ (ไม่ให้โล่งเกินไป) */
@media (max-width:782px){
  .dmc-page .dmc-grid-3{ grid-template-columns:repeat(2,1fr) !important; }
}

/* มือถือ: การ์ดทั้งหมดยุบเหลือ 1 คอลัมน์ */
@media (max-width:600px){
  .dmc-page .dmc-h1 .elementor-heading-title{ font-size:32px; }
  .dmc-page .dmc-col{ padding:0 18px 56px !important; }
  .dmc-page .dmc-grid-3,
  .dmc-page .dmc-grid-2{ grid-template-columns:1fr !important; }
}

/* จอเล็กมาก: ป้องกันหัวข้อ H2 ล้นขอบ */
@media (max-width:380px){
  .dmc-page h2{ font-size:23px !important; }
}

/* ---- เคารพการตั้งค่า reduce-motion ---- */
@media (prefers-reduced-motion:reduce){
  .dmc-page *{ animation:none !important; transition:none !important; }
}/* End custom CSS */