.elementor-7546 .elementor-element.elementor-element-adfe4c3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;--gap:0px 72px;--row-gap:0px;--column-gap:72px;--flex-wrap:nowrap;--overflow:hidden;--padding-top:035px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7546 .elementor-element.elementor-element-915f01c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:104px;--padding-left:0px;--padding-right:0px;}.elementor-7546 .elementor-element.elementor-element-915f01c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7546 .elementor-element.elementor-element-6b5212c > .elementor-widget-container{margin:0px 0px 80px 0px;}.elementor-7546 .elementor-element.elementor-element-6b5212c{font-family:"Noto Sans Thai", Sans-serif;font-size:13px;font-weight:500;line-height:1.5px;letter-spacing:1.5px;color:var( --e-global-color-ac7e4ed );}.elementor-7546 .elementor-element.elementor-element-fe33100 > .elementor-widget-container{margin:0px 0px 48px 0px;}.elementor-7546 .elementor-element.elementor-element-fe33100{font-family:"Noto Sans Thai", Sans-serif;font-size:12px;font-weight:500;line-height:1.5px;letter-spacing:2.4px;color:var( --e-global-color-ac7e4ed );}.elementor-7546 .elementor-element.elementor-element-35e1046 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7546 .elementor-element.elementor-element-35e1046 .elementor-heading-title{font-family:"Anuphan", Sans-serif;font-size:80px;font-weight:200;line-height:1.03em;letter-spacing:-1.3px;color:var( --e-global-color-6944309 );}.elementor-7546 .elementor-element.elementor-element-3cec4ab{width:var( --container-widget-width, 576px );max-width:576px;--container-widget-width:576px;--container-widget-flex-grow:0;font-family:"Noto Sans Thai", Sans-serif;font-size:18px;font-weight:300;line-height:1.8em;color:var( --e-global-color-e7c73d8 );}.elementor-7546 .elementor-element.elementor-element-3cec4ab > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-7546 .elementor-element.elementor-element-3cec4ab.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7546 .elementor-element.elementor-element-395c054{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:36px 36px;--row-gap:36px;--column-gap:36px;--flex-wrap:nowrap;--margin-top:48px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7546 .elementor-element.elementor-element-d61931a .elementor-button{background-color:var( --e-global-color-c85b781 );font-family:"Noto Sans Thai", Sans-serif;font-size:15px;font-weight:500;fill:var( --e-global-color-11bdc09 );color:var( --e-global-color-11bdc09 );border-style:none;border-radius:3px 3px 3px 3px;padding:16px 30px 16px 30px;}.elementor-7546 .elementor-element.elementor-element-81ba494 .elementor-button{background-color:#72312900;font-family:"Noto Sans Thai", Sans-serif;font-size:15px;font-weight:500;fill:var( --e-global-color-c85b781 );color:var( --e-global-color-c85b781 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-ac7e4ed );border-radius:3px 3px 3px 3px;padding:16px 30px 16px 30px;}.elementor-7546 .elementor-element.elementor-element-81ba494 .elementor-button:hover, .elementor-7546 .elementor-element.elementor-element-81ba494 .elementor-button:focus{background-color:var( --e-global-color-ac7e4ed );color:var( --e-global-color-11bdc09 );}.elementor-7546 .elementor-element.elementor-element-81ba494 .elementor-button:hover svg, .elementor-7546 .elementor-element.elementor-element-81ba494 .elementor-button:focus svg{fill:var( --e-global-color-11bdc09 );}.elementor-7546 .elementor-element.elementor-element-da57374 > .elementor-widget-container{margin:56px 0px 0px 0px;padding:20px 0px 0px 0px;border-style:solid;border-width:1px 0px 0px 0px;border-color:#72312924;}.elementor-7546 .elementor-element.elementor-element-da57374{font-family:"Noto Sans Thai", Sans-serif;font-size:13px;font-weight:400;line-height:13px;color:var( --e-global-color-17259e2 );}.elementor-7546 .elementor-element.elementor-element-f5d4e03{--display:flex;--min-height:748px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7546 .elementor-element.elementor-element-7cffab1{--display:flex;--position:absolute;--min-height:676px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:72px;--z-index:0;}.elementor-7546 .elementor-element.elementor-element-7cffab1:not(.elementor-motion-effects-element-type-background), .elementor-7546 .elementor-element.elementor-element-7cffab1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4057795 );}body:not(.rtl) .elementor-7546 .elementor-element.elementor-element-7cffab1{left:64px;}body.rtl .elementor-7546 .elementor-element.elementor-element-7cffab1{right:64px;}.elementor-7546 .elementor-element.elementor-element-6449911 > .elementor-widget-container{margin:56px 0px 0px 0px;padding:20px 0px 0px 0px;border-style:solid;border-width:1px 0px 0px 0px;border-color:#72312924;}.elementor-7546 .elementor-element.elementor-element-6449911{font-family:"Noto Sans Thai", Sans-serif;font-size:13px;font-weight:400;line-height:13px;color:var( --e-global-color-17259e2 );}.elementor-7546 .elementor-element.elementor-element-51b6a81{--display:flex;--position:absolute;--min-height:676px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:1;}.elementor-7546 .elementor-element.elementor-element-51b6a81:not(.elementor-motion-effects-element-type-background), .elementor-7546 .elementor-element.elementor-element-51b6a81 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5EEEA;background-image:url("https://staging.sita-clinic.com/wp-content/uploads/2026/10/dark-spots-after-acne-male-cheek.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-7546 .elementor-element.elementor-element-51b6a81.e-con{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-7546 .elementor-element.elementor-element-51b6a81{left:0px;}body.rtl .elementor-7546 .elementor-element.elementor-element-51b6a81{right:0px;}.elementor-7546 .elementor-element.elementor-element-f08ad01{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7546 .elementor-element.elementor-element-f247943{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7546 .elementor-element.elementor-element-14b5f5a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7546 .elementor-element.elementor-element-88888d6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7546 .elementor-element.elementor-element-4b58180{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7546 .elementor-element.elementor-element-1c90539{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7546 .elementor-element.elementor-element-9ed1b66{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7546 .elementor-element.elementor-element-325b151{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7546 .elementor-element.elementor-element-044bd11{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7546 .elementor-element.elementor-element-f493ff3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-7546 .elementor-element.elementor-element-adfe4c3{--content-width:1264px;}.elementor-7546 .elementor-element.elementor-element-915f01c{--width:55.01%;}.elementor-7546 .elementor-element.elementor-element-f5d4e03{--width:39.29%;}.elementor-7546 .elementor-element.elementor-element-7cffab1{--width:520px;}.elementor-7546 .elementor-element.elementor-element-51b6a81{--width:496px;}}@media(max-width:1024px) and (min-width:768px){.elementor-7546 .elementor-element.elementor-element-915f01c{--width:50%;}.elementor-7546 .elementor-element.elementor-element-395c054{--width:100%;}.elementor-7546 .elementor-element.elementor-element-f5d4e03{--width:47.88%;}.elementor-7546 .elementor-element.elementor-element-7cffab1{--width:340px;}.elementor-7546 .elementor-element.elementor-element-51b6a81{--width:340px;}}@media(max-width:1024px){.elementor-7546 .elementor-element.elementor-element-adfe4c3{--justify-content:flex-start;--padding-top:56px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-7546 .elementor-element.elementor-element-adfe4c3.e-con{--align-self:flex-start;}.elementor-7546 .elementor-element.elementor-element-915f01c{--padding-top:0px;--padding-bottom:56px;--padding-left:0px;--padding-right:0px;}.elementor-7546 .elementor-element.elementor-element-6b5212c > .elementor-widget-container{margin:0px 0px 28px 0px;}.elementor-7546 .elementor-element.elementor-element-6b5212c{font-size:11px;letter-spacing:1.8px;}.elementor-7546 .elementor-element.elementor-element-fe33100 > .elementor-widget-container{margin:0px 0px 28px 0px;}.elementor-7546 .elementor-element.elementor-element-fe33100{font-size:11px;line-height:1.6em;letter-spacing:1.8px;}.elementor-7546 .elementor-element.elementor-element-35e1046 .elementor-heading-title{font-size:56px;line-height:1.04em;}.elementor-7546 .elementor-element.elementor-element-3cec4ab > .elementor-widget-container{margin:24px 0px 0px 0px;}.elementor-7546 .elementor-element.elementor-element-3cec4ab{font-size:16px;}.elementor-7546 .elementor-element.elementor-element-395c054{--gap:16px 16px;--row-gap:16px;--column-gap:16px;--margin-top:32px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7546 .elementor-element.elementor-element-d61931a{width:auto;max-width:auto;}.elementor-7546 .elementor-element.elementor-element-d61931a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7546 .elementor-element.elementor-element-d61931a .elementor-button{font-size:15px;padding:10px 20px 10px 20px;}.elementor-7546 .elementor-element.elementor-element-81ba494{width:auto;max-width:auto;}.elementor-7546 .elementor-element.elementor-element-81ba494.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7546 .elementor-element.elementor-element-81ba494 .elementor-button{font-size:15px;padding:10px 20px 10px 20px;}.elementor-7546 .elementor-element.elementor-element-da57374 > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-7546 .elementor-element.elementor-element-da57374{line-height:1.3em;letter-spacing:-0.3px;}.elementor-7546 .elementor-element.elementor-element-f5d4e03{--min-height:841px;}.elementor-7546 .elementor-element.elementor-element-f5d4e03.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7546 .elementor-element.elementor-element-7cffab1{--min-height:400px;top:40px;}body:not(.rtl) .elementor-7546 .elementor-element.elementor-element-7cffab1{left:40px;}body.rtl .elementor-7546 .elementor-element.elementor-element-7cffab1{right:40px;}.elementor-7546 .elementor-element.elementor-element-6449911 > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-7546 .elementor-element.elementor-element-6449911{line-height:1.3em;letter-spacing:-0.3px;}.elementor-7546 .elementor-element.elementor-element-51b6a81{--min-height:400px;top:0px;}body:not(.rtl) .elementor-7546 .elementor-element.elementor-element-51b6a81{left:0px;}body.rtl .elementor-7546 .elementor-element.elementor-element-51b6a81{right:0px;}}@media(max-width:767px){.elementor-7546 .elementor-element.elementor-element-adfe4c3{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-7546 .elementor-element.elementor-element-915f01c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7546 .elementor-element.elementor-element-6b5212c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7546 .elementor-element.elementor-element-6b5212c{line-height:1.4em;}.elementor-7546 .elementor-element.elementor-element-fe33100 > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-7546 .elementor-element.elementor-element-fe33100{line-height:1.4em;}.elementor-7546 .elementor-element.elementor-element-35e1046 > .elementor-widget-container{margin:22px 0px 0px 0px;}.elementor-7546 .elementor-element.elementor-element-35e1046 .elementor-heading-title{font-size:36px;letter-spacing:-0.7px;}.elementor-7546 .elementor-element.elementor-element-3cec4ab > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-7546 .elementor-element.elementor-element-3cec4ab{font-size:15px;line-height:1.75em;}.elementor-7546 .elementor-element.elementor-element-395c054{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:15px 0px;--row-gap:15px;--column-gap:0px;--margin-top:26px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7546 .elementor-element.elementor-element-d61931a{width:100%;max-width:100%;}.elementor-7546 .elementor-element.elementor-element-d61931a .elementor-button{padding:16px 20px 16px 20px;}.elementor-7546 .elementor-element.elementor-element-81ba494{width:100%;max-width:100%;}.elementor-7546 .elementor-element.elementor-element-81ba494 .elementor-button{padding:16px 20px 16px 20px;}.elementor-7546 .elementor-element.elementor-element-f5d4e03{--min-height:473px;}.elementor-7546 .elementor-element.elementor-element-6449911 > .elementor-widget-container{margin:0px 0px 0px 0px;}}/* Start custom CSS for button, class: .elementor-element-d61931a */.elementor-7546 .elementor-element.elementor-element-d61931a .elementor-button-text {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-81ba494 */.elementor-7546 .elementor-element.elementor-element-81ba494 .elementor-button-text {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6449911 *//* =========================================================
   SITA CLINIC V2 — DARK SPOTS
   DS01 — HERO NOTE MOBILE
   Typography refinement
   Applies to mobile only
   ========================================================= */

@media (max-width: 767px) {

  /* Main explanatory text beneath Hero image */

  .elementor-7546 .elementor-element.elementor-element-6449911 .sita-dark-spots-hero__mobile-copy,
  .elementor-7546 .elementor-element.elementor-element-6449911 .sita-dark-spots-hero__mobile-copy p {
    color: #4A3D39 !important;
    font-family: 'Noto Sans Thai', 'Noto Sans', sans-serif;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.85 !important;
    letter-spacing: 0 !important;
    text-align: left;
  }

  /* Secondary medical disclaimer */

  .elementor-7546 .elementor-element.elementor-element-6449911 .sita-dark-spots-hero__mobile-disclaimer {
    color: #9A614D !important;
    font-family: 'Noto Sans Thai', 'Noto Sans', sans-serif;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.75 !important;
    letter-spacing: 0 !important;
    text-align: left;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-adfe4c3 *//* ============================================================
   SITA CLINIC V2 — DARK SPOTS / DS01 HERO
   LAYOUT-SAFE FULL REPLACEMENT — v3 / R3 MOBILE REFINEMENT

   WHERE: DS01 — Dark Spots Hero > Advanced > Custom CSS

   IMPORTANT:
   - This file REPLACES the previous 12.7 KB DS01 CSS in full.
   - Keep the original Elementor Container layout from Medical Care.
   - No forced desktop Grid on > .e-con-inner.
   - No forced desktop padding/max-width/column widths.
   - Child CSS classes must match the approved DS01 Navigator map.
   - Hero Body uses desktop copy + mobile intro wrappers (HTML provided separately).
   - Hero Note Mobile has the long-form mobile copy + disclaimer.
   ============================================================ */

.elementor-7546 .elementor-element.elementor-element-adfe4c3 {
  --ds01-ink: #2A2422;
  --ds01-body: #4A3D39;
  --ds01-accent: #BB6358;
  --ds01-maroon: #723129;
  --ds01-muted: #9A614D;
  --ds01-line: rgba(114, 49, 41, .14);
}

/* CONTENT: preserve the widths, layout and spacing set in Elementor. */
.elementor-7546 .elementor-element.elementor-element-adfe4c3 .sita-dark-spots-hero__breadcrumbs {
  color: var(--ds01-muted);
  font-size: 13px;
  line-height: 1.6;
}

.elementor-7546 .elementor-element.elementor-element-adfe4c3 .sita-dark-spots-hero__eyebrow {
  color: var(--ds01-accent);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .16em;
  line-height: 1.6;
}

.elementor-7546 .elementor-element.elementor-element-adfe4c3 .sita-dark-spots-hero__title .elementor-heading-title {
  color: var(--ds01-ink) !important;
  font-family: 'Anuphan', sans-serif !important;
  font-size: 64px !important;
  font-weight: 200 !important;
  line-height: 1.1 !important;
  letter-spacing: -.01em !important;
  overflow-wrap: break-word;
}

.elementor-7546 .elementor-element.elementor-element-adfe4c3 .sita-dark-spots-hero__body .elementor-widget-container,
.elementor-7546 .elementor-element.elementor-element-adfe4c3 .sita-dark-spots-hero__body p {
  color: var(--ds01-body);
  font-family: 'Noto Sans Thai', 'Noto Sans', sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.8;
}
.elementor-7546 .elementor-element.elementor-element-adfe4c3 .sita-dark-spots-hero__body p {
  margin: 0;
}
.elementor-7546 .elementor-element.elementor-element-adfe4c3 .sita-dark-spots-hero__body p + p {
  margin-top: 14px;
  color: var(--ds01-ink);
}

/* Only the desktop paragraphs appear on desktop. On mobile, the same
   Text Editor widget displays the short concept instead. */
.elementor-7546 .elementor-element.elementor-element-adfe4c3 .sita-dark-spots-hero__mobile-intro {
  display: none !important;
}

/* CTA appearance only — the existing Elementor row handles layout. */
.elementor-7546 .elementor-element.elementor-element-adfe4c3 .sita-dark-spots-hero__actions .elementor-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  border: 1px solid var(--ds01-maroon);
  border-radius: 3px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
  text-align: center;
  white-space: normal;
}
.elementor-7546 .elementor-element.elementor-element-adfe4c3 .sita-dark-spots-hero__cta-primary .elementor-button {
  background: var(--ds01-maroon);
  color: #fff;
}
.elementor-7546 .elementor-element.elementor-element-adfe4c3 .sita-dark-spots-hero__cta-secondary .elementor-button {
  background: transparent;
  color: var(--ds01-maroon);
}
.elementor-7546 .elementor-element.elementor-element-adfe4c3 .sita-dark-spots-hero__actions .elementor-button:focus-visible {
  outline: 2px solid var(--ds01-maroon);
  outline-offset: 3px;
}

.elementor-7546 .elementor-element.elementor-element-adfe4c3 .sita-dark-spots-hero__meta {
  color: var(--ds01-muted);
  font-size: 13px;
  line-height: 1.7;
}
.elementor-7546 .elementor-element.elementor-element-adfe4c3 .sita-dark-spots-hero__meta p,
.elementor-7546 .elementor-element.elementor-element-adfe4c3 .sita-dark-spots-hero__note-mobile p {
  margin: 0;
}

/* Mobile-only note, which lives in the Hero Visual container. */
.elementor-7546 .elementor-element.elementor-element-adfe4c3 .sita-dark-spots-hero__note-mobile {
  display: none !important;
}

/* Tablet: NO changes to the desktop 7:5 Elementor grid. */
@media (min-width: 769px) and (max-width: 1024px) {
  .elementor-7546 .elementor-element.elementor-element-adfe4c3 .sita-dark-spots-hero__title .elementor-heading-title {
    font-size: 44px !important;
    line-height: 1.14 !important;
  }
  .elementor-7546 .elementor-element.elementor-element-adfe4c3 .sita-dark-spots-hero__body .elementor-widget-container,
  .elementor-7546 .elementor-element.elementor-element-adfe4c3 .sita-dark-spots-hero__body p {
    font-size: 16px;
  }
}

/* Tablet portrait and smaller: stack the actual HERO CONTENT children. */
@media (max-width: 768px) {
  .elementor-7546 .elementor-element.elementor-element-adfe4c3 {
    height: auto !important;
    min-height: 0 !important;
  }
  .elementor-7546 .elementor-element.elementor-element-adfe4c3 .sita-dark-spots-hero__inner {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
  }
  .elementor-7546 .elementor-element.elementor-element-adfe4c3 .sita-dark-spots-hero__title .elementor-heading-title {
    font-size: 40px !important;
    line-height: 1.16 !important;
  }
  .elementor-7546 .elementor-element.elementor-element-adfe4c3 .sita-dark-spots-hero__body .elementor-widget-container,
  .elementor-7546 .elementor-element.elementor-element-adfe4c3 .sita-dark-spots-hero__body p {
    font-size: 16px;
  }
  /* R3 mobile: a short concept appears before CTAs, not two long paragraphs. */
  .elementor-7546 .elementor-element.elementor-element-adfe4c3 .sita-dark-spots-hero__body-desktop {
    display: none !important;
  }
  .elementor-7546 .elementor-element.elementor-element-adfe4c3 .sita-dark-spots-hero__mobile-intro {
    display: block !important;
    margin-top: 18px !important;
    border-top: 1px solid rgba(114, 49, 41, .25);
  }
  .elementor-7546 .elementor-element.elementor-element-adfe4c3 .sita-dark-spots-hero__mobile-comparison {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
    padding: 11px 0;
    border-bottom: 1px solid var(--ds01-line);
    font-family: 'Anuphan', sans-serif;
    font-size: 19px;
    font-weight: 300;
    line-height: 1.35;
    color: var(--ds01-maroon);
  }
  .elementor-7546 .elementor-element.elementor-element-adfe4c3 .sita-dark-spots-hero__mobile-comparison .sita-dark-spots-hero__not-equal {
    color: var(--ds01-accent);
    flex: none;
  }
  .elementor-7546 .elementor-element.elementor-element-adfe4c3 .sita-dark-spots-hero__mobile-summary {
    margin: 0 !important;
    padding: 11px 0 0;
    color: var(--ds01-ink) !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
  }

  .elementor-7546 .elementor-element.elementor-element-adfe4c3 .sita-dark-spots-hero__actions {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 12px !important;
  }
  .elementor-7546 .elementor-element.elementor-element-adfe4c3 .sita-dark-spots-hero__actions > .elementor-element,
  .elementor-7546 .elementor-element.elementor-element-adfe4c3 .sita-dark-spots-hero__actions .elementor-button-wrapper,
  .elementor-7546 .elementor-element.elementor-element-adfe4c3 .sita-dark-spots-hero__actions .elementor-button {
    width: 100% !important;
    max-width: 100% !important;
  }
  .elementor-7546 .elementor-element.elementor-element-adfe4c3 .sita-dark-spots-hero__meta { display: none !important; }

  /* Use the existing visual container; never force a second desktop grid. */
  .elementor-7546 .elementor-element.elementor-element-adfe4c3 .sita-dark-spots-hero__visual {
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin-top: 26px !important;
    overflow: visible !important;
  }
  /* Tablet portrait: bleed from the 32px content gutter. */
  .elementor-7546 .elementor-element.elementor-element-adfe4c3 .sita-dark-spots-hero__visual {
    width: calc(100% + 64px) !important;
    max-width: none !important;
    margin-left: -32px !important;
    margin-right: -32px !important;
    align-self: flex-start !important;
    flex: none !important;
  }
  .elementor-7546 .elementor-element.elementor-element-adfe4c3 .sita-dark-spots-hero__visual-panel { display: none !important; }
  .elementor-7546 .elementor-element.elementor-element-adfe4c3 .sita-dark-spots-hero__portrait {
    order: 1 !important;
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 4 / 3 !important;
    margin: 0 !important;
    background-position: center center !important;
    background-size: cover !important;
    overflow: hidden !important;
  }
  .elementor-7546 .elementor-element.elementor-element-adfe4c3 .sita-dark-spots-hero__note-mobile {
    order: 2 !important;
    display: block !important;
    position: static !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 18px 32px 28px !important;
    color: var(--ds01-muted) !important;
    font-size: 12px !important;
    line-height: 1.7 !important;
  }
  .elementor-7546 .elementor-element.elementor-element-adfe4c3 .sita-dark-spots-hero__note-mobile .sita-dark-spots-hero__mobile-copy p {
    margin: 0 !important;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.85;
    color: var(--ds01-body);
  }
  .elementor-7546 .elementor-element.elementor-element-adfe4c3 .sita-dark-spots-hero__note-mobile .sita-dark-spots-hero__mobile-copy p + p {
    margin-top: 12px !important;
    color: var(--ds01-ink);
  }
  .elementor-7546 .elementor-element.elementor-element-adfe4c3 .sita-dark-spots-hero__note-mobile .sita-dark-spots-hero__mobile-disclaimer {
    padding-top: 16px;
    margin-top: 22px !important;
    border-top: 1px solid var(--ds01-line);
    font-size: 12px;
    line-height: 1.75;
    color: var(--ds01-muted);
  }
}

@media (max-width: 600px) {
  .elementor-7546 .elementor-element.elementor-element-adfe4c3 .sita-dark-spots-hero__title .elementor-heading-title {
    font-size: 33px !important;
    line-height: 1.18 !important;
    letter-spacing: -.015em !important;
  }
  .elementor-7546 .elementor-element.elementor-element-adfe4c3 .sita-dark-spots-hero__eyebrow {
    font-size: 11px;
    letter-spacing: .1em;
  }
  .elementor-7546 .elementor-element.elementor-element-adfe4c3 .sita-dark-spots-hero__body .elementor-widget-container,
  .elementor-7546 .elementor-element.elementor-element-adfe4c3 .sita-dark-spots-hero__body p {
    font-size: 15px;
    line-height: 1.75;
  }
  .elementor-7546 .elementor-element.elementor-element-adfe4c3 .sita-dark-spots-hero__mobile-comparison { font-size: 18px; }
  .elementor-7546 .elementor-element.elementor-element-adfe4c3 .sita-dark-spots-hero__actions { gap: 10px !important; }
  /* Mobile: 24px content gutter; photograph must reach both screen edges. */
  .elementor-7546 .elementor-element.elementor-element-adfe4c3 .sita-dark-spots-hero__visual {
    width: calc(100% + 48px) !important;
    margin-left: -24px !important;
    margin-right: -24px !important;
  }
  .elementor-7546 .elementor-element.elementor-element-adfe4c3 .sita-dark-spots-hero__note-mobile {
    padding: 18px 24px 28px !important;
  }
  .elementor-7546 .elementor-element.elementor-element-adfe4c3 .sita-dark-spots-hero__actions .elementor-button {
    min-height: 52px;
    font-size: 14px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f08ad01 *//* =========================================================
   SITA CLINIC V2 — DARK SPOTS R3
   DS02 — WHAT REMAINS
   Elementor Container > Advanced > Custom CSS
   Full replacement; scoped to THIS Container only.
   ========================================================= */

.elementor-7546 .elementor-element.elementor-element-f08ad01 {
  width: 100%;
  max-width: 100%;
  background: #FBF4F0;
}

.elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__section,
.elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__section * {
  box-sizing: border-box;
}

.elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__section {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 112px 88px;
  color: #2A2422;
  background: #FBF4F0;
  font-family: 'Noto Sans Thai', 'Noto Sans', sans-serif;
  font-weight: 300;
}

.elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__section p,
.elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__section h2,
.elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__section h3 {
  margin-block: 0;
}

/* Section eyebrow + headline */
.elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__section-meta {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 12px 24px;
}

.elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__section-number {
  color: #BB6358;
  font-size: 13px;
  line-height: 1.5;
  font-weight: 500;
}

.elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__section-english {
  color: #9A614D;
  font-size: 12px;
  letter-spacing: .2em;
  line-height: 1.6;
  font-weight: 400;
  text-align: right;
}

.elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__title {
  max-width: 1000px;
  margin-top: 28px;
  font-family: 'Anuphan', sans-serif;
  font-size: 48px;
  line-height: 1.18;
  font-weight: 300;
  letter-spacing: 0;
  color: #2A2422;
}

/* Before / today timeline */
.elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__timeline {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 140px minmax(0, 1fr);
  column-gap: 40px;
  align-items: start;
  margin-top: 72px;
}

.elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__timeline::before {
  content: '';
  position: absolute;
  z-index: 0;
  left: 0;
  right: 0;
  top: 9px;
  height: 1px;
  background: rgba(114,49,41,.35);
}

.elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__timeline-item {
  position: relative;
  z-index: 1;
  min-width: 0;
}

.elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__timeline-dot {
  display: block;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  border: 1px solid #723129;
  background: #FBF4F0;
}

.elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__timeline-dot--present {
  background: #723129;
}

.elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__timeline-label {
  margin-top: 28px;
  color: #9A614D;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: .18em;
}

.elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__timeline-display {
  margin-top: 14px;
  color: #723129;
  font-family: 'Anuphan', sans-serif;
  line-height: 1.12;
}

.elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__timeline-word {
  display: block;
  font-size: 96px;
  font-weight: 200;
  line-height: 1.1;
  white-space: nowrap;
}

.elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__timeline-subword {
  display: block;
  margin-top: 10px;
  font-size: 36px;
  font-weight: 300;
  line-height: 1.3;
}

.elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__timeline-description {
  max-width: 460px;
  margin-top: 18px;
  color: #2A2422;
  font-size: 18px;
  line-height: 1.8;
  font-weight: 300;
}

.elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__timeline-divider {
  position: relative;
  z-index: 1;
  padding-top: 40px;
  color: #BB6358;
  font-family: 'Anuphan', sans-serif;
  font-size: 72px;
  font-weight: 200;
  line-height: 1.3;
  text-align: center;
}

/* Explanatory text + terminology aside */
.elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__clarification {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: 72px;
  align-items: start;
  margin-top: 64px;
  padding-top: 40px;
  border-top: 1px solid rgba(114,49,41,.20);
}

.elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__clarification-copy p:first-child {
  color: #2A2422;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.85;
}

.elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__clarification-copy p + p {
  margin-top: 16px;
  color: #4A3D39;
  font-size: 17px;
  font-weight: 300;
  line-height: 1.85;
}

.elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__scope {
  padding: 26px 28px;
  background: #FFFFFF;
}

.elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__scope-title {
  color: #9A614D;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .16em;
  line-height: 1.5;
}

.elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__scope p {
  margin-top: 10px;
  color: #4A3D39;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.8;
}

/* Six-event editorial ledger: no cards, no icons */
.elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__ledger {
  margin-top: 96px;
}

.elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__ledger-title {
  color: #2A2422;
  font-family: 'Anuphan', sans-serif;
  font-size: 30px;
  font-weight: 300;
  line-height: 1.3;
}

.elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__ledger-intro {
  margin-top: 10px;
  color: #4A3D39;
  font-size: 17px;
  font-weight: 300;
  line-height: 1.75;
}

.elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__events {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 56px;
  row-gap: 0;
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid rgba(114,49,41,.35);
}

.elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__event {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 14px;
  align-content: start;
  min-width: 0;
  padding: 26px 0;
  border-top: 1px solid rgba(114,49,41,.35);
}

.elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__event-number {
  color: #BB6358;
  font-family: 'Anuphan', sans-serif;
  font-size: 22px;
  font-weight: 200;
  line-height: 1.2;
}

.elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__event-title {
  display: block;
  color: #723129;
  font-family: 'Anuphan', sans-serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 1.4;
}

.elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__event-content p {
  margin-top: 6px;
  color: #2A2422;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.75;
}

/* FINAL EDITORIAL NOTE + DESIGN-APPROVED S1 SAFETY PANEL */
.elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__closing-row {
  display: grid;
  grid-template-columns: minmax(0,7fr) minmax(0,5fr);
  gap: 72px;
  align-items: start;
  margin-top: 56px;
}

.elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__closing {
  max-width: 720px;
  margin: 0;
  color: #723129;
  font-family: 'Anuphan', sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 1.45;
}

.elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__safety {
  min-width: 0;
  padding: 24px 28px;
  background: #FFFFFF;
  border: 1px solid rgba(114,49,41,.20);
}

.elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__safety-label {
  margin: 0;
  color: #9A614D;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .12em;
  line-height: 1.6;
}

.elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__safety-copy {
  margin: 10px 0 0;
  color: #2A2422;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.8;
}

/* 1024px — remain horizontal, reduced typography and gutters */
@media (min-width: 769px) and (max-width: 1199px) {
  .elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__section {
    padding: 88px 40px;
  }
  .elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__title {
    font-size: 42px;
  }
  .elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__timeline {
    grid-template-columns: minmax(0,1fr) 80px minmax(0,1fr);
    column-gap: 24px;
  }
  .elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__timeline-word {
    font-size: clamp(54px, 6vw, 72px);
  }
  .elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__timeline-subword {
    font-size: 27px;
  }
  .elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__timeline-divider {
    font-size: 64px;
  }
  .elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__clarification {
    gap: 40px;
  }
  .elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__closing-row {
    gap: 40px;
  }
  .elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__events {
    column-gap: 24px;
  }
  .elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__event {
    grid-template-columns: 34px minmax(0,1fr);
    gap: 10px;
  }
  .elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__event-title {
    font-size: 19px;
  }
}

/* 768px — turn horizontal timeline into vertical timeline */
@media (max-width: 768px) {
  .elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__section {
    padding: 80px 32px;
  }
  .elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__title {
    font-size: 38px;
  }
  .elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__timeline {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: 12px;
    margin-top: 48px;
  }
  .elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__timeline::before {
    left: 9px;
    right: auto;
    top: 9px;
    bottom: 12px;
    width: 1px;
    height: auto;
  }
  .elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__timeline-item {
    padding-left: 44px;
  }
  .elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__timeline-dot {
    position: absolute;
    top: 0;
    left: 0;
  }
  .elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__timeline-label {
    margin-top: 0;
  }
  .elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__timeline-word {
    font-size: 66px;
    white-space: normal;
  }
  .elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__timeline-subword {
    font-size: 29px;
  }
  .elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__timeline-divider {
    padding: 0 0 0 44px;
    text-align: left;
    font-size: 48px;
    line-height: 1.2;
  }
  .elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__clarification {
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
    margin-top: 48px;
  }
  .elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__ledger {
    margin-top: 72px;
  }
  .elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__events {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 28px;
  }
  .elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__closing-row {
    grid-template-columns: minmax(0,1fr);
    gap: 28px;
    margin-top: 44px;
  }
  .elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__closing {
    font-size: 26px;
  }
}

/* 390px — editorial mobile: 24px gutters, one-column ledger */
@media (max-width: 600px) {
  .elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__section {
    padding: 64px 24px;
  }
  .elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__section-english {
    display: none;
  }
  .elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__title {
    margin-top: 20px;
    font-size: 32px;
    line-height: 1.24;
  }
  .elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__timeline {
    margin-top: 42px;
  }
  .elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__timeline-word {
    font-size: clamp(46px, 12.3vw, 58px);
  }
  .elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__timeline-subword {
    font-size: 24px;
  }
  .elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__timeline-description {
    font-size: 16px;
    line-height: 1.75;
  }
  .elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__clarification {
    margin-top: 40px;
    padding-top: 30px;
  }
  .elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__clarification-copy p:first-child {
    font-size: 16px;
  }
  .elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__clarification-copy p + p {
    font-size: 16px;
  }
  .elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__scope {
    padding: 22px 24px;
  }
  .elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__ledger {
    margin-top: 64px;
  }
  .elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__ledger-title {
    font-size: 26px;
  }
  .elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__ledger-intro {
    font-size: 16px;
  }
  .elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__events {
    grid-template-columns: minmax(0,1fr);
    gap: 0;
  }
  .elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__event {
    grid-template-columns: 38px minmax(0,1fr);
    gap: 12px;
    padding: 22px 0;
  }
  .elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__event-title {
    font-size: 20px;
  }
  .elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__event-content p {
    font-size: 15px;
  }
  .elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__closing-row {
    margin-top: 40px;
    gap: 24px;
  }
  .elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__closing {
    margin-top: 0;
    font-size: 24px;
  }
  .elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__safety {
    padding: 22px 24px;
  }
  .elementor-7546 .elementor-element.elementor-element-f08ad01 .sita-dark-spots-context__safety-copy {
    font-size: 15px;
    line-height: 1.8;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f247943 *//* =========================================================
   SITA CLINIC V2 — DARK SPOTS R3
   DS03 — WHAT CAME BEFORE
   Elementor Container > Advanced > Custom CSS
   Full replacement, scoped to DS03 only
   ========================================================= */

.elementor-7546 .elementor-element.elementor-element-f247943 {
  width: 100%;
  max-width: 100%;
  background: #FFFFFF;
}

.elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__section,
.elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__section * {
  box-sizing: border-box;
}

.elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__section {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 112px 88px;
  background: #FFFFFF;
  color: #2A2422;
  font-family: 'Noto Sans Thai', 'Noto Sans', sans-serif;
  font-weight: 300;
}

.elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__section h2,
.elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__section h3,
.elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__section p,
.elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__section ol,
.elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__section ul,
.elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__section figure {
  margin: 0;
  padding: 0;
}

/* SECTION META */

.elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__section-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px 24px;
}

.elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__section-number {
  color: #BB6358;
  font-size: 13px;
  line-height: 1.5;
  font-weight: 500;
}

.elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__section-english {
  color: #9A614D;
  font-size: 12px;
  line-height: 1.6;
  letter-spacing: .2em;
  text-align: right;
}

/* DESKTOP — 5:7 COLUMNS */

.elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__columns {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: 72px;
  align-items: start;
  margin-top: 28px;
}

.elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__left,
.elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__right {
  min-width: 0;
}

.elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__right {
  padding-top: 6px;
}

/* H2 */

.elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__title {
  color: #2A2422;
  font-family: 'Anuphan', sans-serif;
  font-size: 44px;
  font-weight: 300;
  line-height: 1.2;
}

.elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__title span {
  display: block;
}

/* D02 EDITORIAL IMAGE */

.elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__figure {
  margin-top: 48px !important;
  width: 100%;
}

.elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__image-placeholder,
.elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__image {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 5;
}

.elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__image-placeholder {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 24px;
  background: #FBF4F0;
  border: 1px solid rgba(114,49,41,.14);
  text-align: center;
  color: #9A614D;
  font-size: 13px;
  line-height: 1.8;
}

.elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__image {
  height: auto;
  object-fit: cover;
  object-position: center;
}

/* FOUR HISTORY QUESTIONS */

.elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__questions-heading {
  color: #723129;
  font-size: 16px;
  line-height: 1.6;
  font-weight: 500;
}

.elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__questions {
  list-style: none;
  margin-top: 14px !important;
  border-top: 1px solid rgba(114,49,41,.35);
}

.elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__question {
  display: grid;
  grid-template-columns: 64px minmax(0,1fr);
  gap: 24px;
  align-items: baseline;
  min-width: 0;
  padding: 30px 0;
  border-bottom: 1px solid rgba(114,49,41,.14);
}

.elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__question:last-child {
  border-bottom-color: rgba(114,49,41,.35);
}

.elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__question-number {
  color: #BB6358;
  font-family: 'Anuphan', sans-serif;
  font-size: 34px;
  font-weight: 200;
  line-height: 1;
}

.elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__question-text {
  min-width: 0;
  color: #2A2422;
  font-family: 'Anuphan', sans-serif;
  font-size: 26px;
  font-weight: 300;
  line-height: 1.45;
  overflow-wrap: break-word;
}

/* NON-DIAGNOSTIC REASSURANCE */

.elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__reassurance {
  margin-top: 36px;
  padding: 24px 28px;
  background: #FBF4F0;
}

.elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__reassurance p {
  color: #4A3D39;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.8;
}

/* PATIENT HISTORY CONTEXT */

.elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__context {
  margin-top: 28px;
}

.elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__context-heading {
  color: #9A614D;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: .16em;
}

.elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__context-items {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  column-gap: 32px;
  list-style: none;
  margin-top: 12px !important;
  border-top: 1px solid rgba(114,49,41,.25);
}

.elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__context-items li {
  min-width: 0;
  padding: 12px 0;
  border-bottom: 1px solid rgba(114,49,41,.12);
  color: #2A2422;
  font-size: 16px;
  line-height: 1.6;
  font-weight: 300;
}

.elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__context-note {
  margin-top: 12px !important;
  color: #9A614D;
  font-size: 14px;
  line-height: 1.7;
}

/* TABLET LANDSCAPE — 769 TO 1199 */

@media (min-width: 769px) and (max-width: 1199px) {

  .elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__section {
    padding: 88px 40px;
  }

  .elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__columns {
    gap: 40px;
  }

  .elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__title {
    font-size: 38px;
  }

  .elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__question {
    grid-template-columns: 54px minmax(0,1fr);
    gap: 18px;
    padding: 25px 0;
  }

  .elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__question-text {
    font-size: 24px;
  }
}

/* TABLET PORTRAIT — 768 AND BELOW
   Image moves below the questions.
*/

@media (max-width: 768px) {

  .elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__section {
    padding: 80px 32px;
  }

  .elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__columns {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: 0;
    margin-top: 20px;
  }

  .elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__left,
  .elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__right {
    display: contents;
  }

  .elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__title {
    grid-column: 1;
    grid-row: 1;
    font-size: 34px;
  }

  .elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__title span {
    display: inline;
  }

  .elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__questions-heading {
    grid-column: 1;
    grid-row: 2;
    margin-top: 28px !important;
  }

  .elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__questions {
    grid-column: 1;
    grid-row: 3;
  }

  .elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__question-text {
    font-size: 22px;
  }

  .elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__figure {
    grid-column: 1;
    grid-row: 4;
    margin-top: 32px !important;
  }

  .elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__reassurance {
    grid-column: 1;
    grid-row: 5;
    margin-top: 28px;
  }

  .elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__context {
    grid-column: 1;
    grid-row: 6;
  }
}

/* MOBILE — 600 AND BELOW */

@media (max-width: 600px) {

  .elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__section {
    padding: 64px 24px;
  }

  .elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__section-english {
    display: none;
  }

  .elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__columns {
    margin-top: 14px;
  }

  .elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__title {
    font-size: 25px;
    line-height: 1.3;
  }

  .elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__questions-heading {
    margin-top: 24px !important;
    font-size: 14px;
  }

  .elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__questions {
    margin-top: 14px !important;
  }

  .elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__question {
    grid-template-columns: 34px minmax(0,1fr);
    gap: 12px;
    padding: 17px 0;
  }

  .elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__question-number {
    font-size: 20px;
  }

  .elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__question-text {
    font-size: 18px;
    line-height: 1.45;
  }

  .elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__figure {
    margin-top: 28px !important;
  }

  .elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__reassurance {
    margin-top: 24px;
    padding: 20px 24px;
  }

  .elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__reassurance p {
    font-size: 15px;
  }

  .elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__context {
    margin-top: 24px;
  }

  .elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__context-items {
    grid-template-columns: minmax(0,1fr);
    margin-top: 10px !important;
  }

  .elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__context-items li {
    font-size: 15px;
    padding: 10px 0;
  }

  .elementor-7546 .elementor-element.elementor-element-f247943 .sita-dark-spots-history__context-note {
    font-size: 13px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14b5f5a *//* =========================================================
   SITA CLINIC V2 — DARK SPOTS R3
   DS04 — COLOUR VS TEXTURE
   Elementor Container > Advanced > Custom CSS
   Full Replacement v2 — Scoped to DS04
   ========================================================= */

.elementor-7546 .elementor-element.elementor-element-14b5f5a {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  background: #723129;
}

.elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__section,
.elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__section * {
  box-sizing: border-box;
}

.elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__section {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 112px 88px;
  background: #723129;
  color: #FFFFFF;
  font-family: 'Noto Sans Thai', 'Noto Sans', sans-serif;
  font-weight: 300;
}

.elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__section h2,
.elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__section h3,
.elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__section p,
.elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__section ul,
.elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__section figure {
  margin: 0;
  padding: 0;
}

/* SECTION HEADING */

.elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__meta {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px 24px;
}

.elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__number {
  color: #E3B7AB;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.6;
}

.elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__english {
  color: #E3B7AB;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .2em;
  line-height: 1.6;
}

.elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__title {
  max-width: 1000px;
  margin-top: 28px !important;
  color: #FFFFFF;
  font-family: 'Anuphan', sans-serif;
  font-size: 50px;
  font-weight: 300;
  line-height: 1.18;
  letter-spacing: 0;
}

/* COLOUR VS TEXTURE COMPARISON */

.elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__comparison {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  margin-top: 64px;
  border-top: 1px solid rgba(246,234,228,.45);
  border-bottom: 1px solid rgba(246,234,228,.45);
}

.elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__panel {
  min-width: 0;
  padding-top: 44px;
  padding-bottom: 48px;
}

.elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__panel--colour {
  padding-right: 56px;
  border-right: 1px solid rgba(246,234,228,.25);
}

.elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__panel--texture {
  padding-left: 56px;
}

.elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__panel-heading {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 8px 20px;
}

.elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__panel-title {
  color: #FFFFFF;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.5;
}

.elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__panel-label {
  color: #E3B7AB;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: .16em;
}

.elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__display {
  margin-top: 22px;
  color: #FFFFFF;
  font-family: 'Anuphan', sans-serif;
  font-size: 132px;
  font-weight: 200;
  line-height: 1.05;
  letter-spacing: -.02em;
  overflow-wrap: normal;
}

.elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__description {
  margin-top: 22px !important;
  color: #F0DCD4;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.8;
}

.elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__examples {
  margin-top: 18px !important;
  list-style: none;
  border-top: 1px solid rgba(246,234,228,.25);
}

.elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__examples li {
  padding: 9px 0;
  color: #FFFFFF;
  font-size: 17px;
  font-weight: 300;
  line-height: 1.6;
  overflow-wrap: break-word;
  border-bottom: 1px solid rgba(246,234,228,.25);
}

/* LOWER EDITORIAL — 7:5 */

.elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__lower {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: 72px;
  align-items: start;
  margin-top: 64px;
}

.elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__copy {
  min-width: 0;
}

.elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__statement {
  color: #FFFFFF;
  font-family: 'Anuphan', sans-serif;
  font-size: 34px;
  font-weight: 300;
  line-height: 1.4;
}

.elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__details {
  margin-top: 40px;
  border-top: 1px solid rgba(246,234,228,.35);
}

.elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__details p {
  padding: 20px 0;
  color: #FFFFFF;
  font-size: 17px;
  font-weight: 300;
  line-height: 1.8;
  border-bottom: 1px solid rgba(246,234,228,.2);
}

.elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__details p:last-child {
  border-bottom-color: rgba(246,234,228,.35);
}

/* RELATED LINK */

.elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__related {
  margin-top: 24px !important;
  color: #F0DCD4;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.8;
}

.elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__related a {
  color: #FFFFFF;
  text-decoration: none;
  border-bottom: 1px solid rgba(246,234,228,.6);
  transition: border-color .2s ease;
}

.elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__related a:hover,
.elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__related a:focus-visible {
  color: #FFFFFF;
  border-bottom-color: #FFFFFF;
}

.elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__related a:focus-visible {
  outline: 2px solid #FFFFFF;
  outline-offset: 4px;
}

/* D03 IMAGE — HIGHER SPECIFICITY FIGURE RULE */

.elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__section
.sita-dark-spots-colour-texture__figure {
  position: relative;
  width: 100%;
  min-width: 0;
  margin: 0;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  background: #8D5A52;
}

.elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__image,
.elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__image-placeholder {
  display: block;
  width: 100%;
  height: 100%;
}

.elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__image {
  object-fit: cover;
  object-position: center;
}

.elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__image-placeholder {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 24px;
  color: #F0DCD4;
  text-align: center;
  border: 1px solid rgba(246,234,228,.35);
}

.elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__image-placeholder span {
  font-family: 'Anuphan', sans-serif;
  font-size: 20px;
  font-weight: 300;
}

.elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__image-placeholder small {
  color: #E3B7AB;
  font-size: 12px;
  line-height: 1.6;
}

/* TABLET LANDSCAPE — 769–1199 */

@media (min-width: 769px) and (max-width: 1199px) {

  .elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__section {
    padding: 88px 40px;
  }

  .elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__title {
    font-size: 43px;
  }

  .elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__comparison {
    margin-top: 52px;
  }

  .elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__panel--colour {
    padding-right: 28px;
  }

  .elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__panel--texture {
    padding-left: 28px;
  }

  .elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__panel-title {
    font-size: 18px;
  }

  .elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__display {
    font-size: clamp(76px, 9vw, 110px);
  }

  .elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__description {
    font-size: 16px;
  }

  .elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__examples li {
    font-size: 15px;
  }

  .elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__lower {
    gap: 40px;
    margin-top: 52px;
  }

  .elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__statement {
    font-size: 29px;
  }
}

/* TABLET PORTRAIT — 768 AND BELOW */

@media (max-width: 768px) {

  .elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__section {
    padding: 80px 32px;
  }

  .elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__title {
    margin-top: 22px !important;
    font-size: 38px;
    line-height: 1.2;
  }

  .elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__comparison {
    margin-top: 40px;
  }

  .elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__panel {
    padding-top: 28px;
    padding-bottom: 30px;
  }

  .elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__panel--colour {
    padding-right: 24px;
  }

  .elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__panel--texture {
    padding-left: 24px;
  }

  .elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__panel-title {
    font-size: 18px;
  }

  .elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__display {
    font-size: clamp(72px, 11vw, 96px);
  }

  .elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__description {
    font-size: 16px;
  }

  .elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__examples li {
    font-size: 15px;
  }

  .elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__lower {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
    margin-top: 40px;
  }

  .elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__statement {
    font-size: 28px;
  }

  .elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__details {
    margin-top: 26px;
  }

  .elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__details p {
    font-size: 16px;
  }

  /* FULL-BLEED THROUGH 32PX TABLET GUTTERS */

  .elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__section
  .sita-dark-spots-colour-texture__figure {
    width: calc(100% + 64px);
    max-width: none;
    margin-left: -32px;
    margin-right: -32px;
    aspect-ratio: 4 / 3;
  }
}

/* MOBILE — 600 AND BELOW */

@media (max-width: 600px) {

  .elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__section {
    padding: 64px 24px;
  }

  .elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__english {
    display: none;
  }

  .elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__title {
    margin-top: 18px !important;
    font-size: 27px;
    line-height: 1.25;
  }

  .elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__comparison {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 24px;
  }

  .elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__panel {
    padding-top: 16px;
    padding-bottom: 18px;
  }

  .elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__panel--colour {
    padding-right: 14px;
  }

  .elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__panel--texture {
    padding-left: 14px;
  }

  .elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__panel-heading {
    display: block;
  }

  .elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__panel-title {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
    overflow-wrap: break-word;
  }

  .elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__panel-label {
    display: none;
  }

  .elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__display {
    margin-top: 8px;
    font-size: clamp(38px, 14.35vw, 56px);
    line-height: 1.1;
    letter-spacing: -.035em;
    white-space: nowrap;
  }

  .elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__description {
    margin-top: 10px !important;
    font-size: 13px;
    line-height: 1.6;
  }

  .elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__examples {
    margin-top: 12px !important;
  }

  .elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__examples li {
    padding: 9px 0;
    font-size: 13px;
    line-height: 1.6;
  }

  .elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__lower {
    gap: 28px;
    margin-top: 24px;
  }

  .elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__statement {
    font-size: 21px;
    line-height: 1.45;
  }

  .elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__details {
    margin-top: 20px;
  }

  .elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__details p {
    padding: 16px 0;
    font-size: 14px;
    line-height: 1.8;
  }

  .elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__related {
    margin-top: 18px !important;
    font-size: 14px;
    line-height: 1.75;
  }

  /* FULL-BLEED THROUGH 24PX MOBILE GUTTERS */

  .elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__section
  .sita-dark-spots-colour-texture__figure {
    width: calc(100% + 48px);
    max-width: none;
    margin-left: -24px;
    margin-right: -24px;
    aspect-ratio: 4 / 3;
  }

  .elementor-7546 .elementor-element.elementor-element-14b5f5a .sita-dark-spots-colour-texture__image-placeholder span {
    font-size: 17px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88888d6 *//* =========================================================
   SITA CLINIC V2 — DARK SPOTS R3
   DS05 — AFTER ACNE

   Elementor Container > Advanced > Custom CSS
   Full Replacement — Scoped to DS05 Only

   Desktop 1440 / Tablet 1024 / 768 / Mobile 390
   ========================================================= */

/* OUTER ELEMENTOR CONTAINER */

.elementor-7546 .elementor-element.elementor-element-88888d6 {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  background: #FFFFFF;
}

/* LOCAL BOX MODEL */

.elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__section,
.elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__section * {
  box-sizing: border-box;
}

.elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__section {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 112px 88px;
  background: #FFFFFF;
  color: #2A2422;
  font-family: 'Noto Sans Thai', 'Noto Sans', sans-serif;
  font-weight: 300;
}

.elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__section h2,
.elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__section p {
  margin: 0;
  padding: 0;
}

/* =========================================================
   SECTION HEADER
   ========================================================= */

.elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__meta {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 12px 24px;
}

.elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__number {
  color: #BB6358;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.6;
}

.elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__english {
  color: #9A614D;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: .2em;
  text-align: right;
}

.elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__section
.sita-dark-spots-acne__title {
  max-width: 1000px;
  margin-top: 28px;
  color: #2A2422;
  font-family: 'Anuphan', sans-serif;
  font-size: 48px;
  font-weight: 300;
  line-height: 1.18;
  letter-spacing: 0;
}

/* =========================================================
   MAIN LAYOUT — DESKTOP 7:5
   ========================================================= */

.elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__layout {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: 72px;
  align-items: start;
  margin-top: 56px;
}

.elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__main,
.elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__related {
  min-width: 0;
}

/* =========================================================
   TWO STATES — ACTIVE VS REMAINING
   ========================================================= */

.elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__states {
  border-top: 1px solid rgba(114, 49, 41, .35);
}

.elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__state {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 32px;
  align-items: baseline;
  min-width: 0;
  padding: 26px 0;
  border-bottom: 1px solid rgba(114, 49, 41, .14);
}

.elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__state:last-child {
  border-top: 1px solid rgba(114, 49, 41, .14);
  border-bottom-color: rgba(114, 49, 41, .35);
}

.elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__state-name {
  display: block;
  color: #723129;
  font-family: 'Anuphan', sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 1.35;
}

.elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__state-description {
  min-width: 0;
  color: #2A2422;
  font-size: 17px;
  font-weight: 300;
  line-height: 1.75;
}

.elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__section
.sita-dark-spots-acne__coexist {
  padding: 10px 0 10px 252px;
  color: #9A614D;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.6;
}

/* =========================================================
   MAIN EXPLANATION
   ========================================================= */

.elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__section
.sita-dark-spots-acne__explanation {
  margin-top: 36px;
  color: #2A2422;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.85;
}

.elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__section
.sita-dark-spots-acne__priority {
  margin-top: 28px;
  color: #723129;
  font-family: 'Anuphan', sans-serif;
  font-size: 26px;
  font-weight: 300;
  line-height: 1.45;
}

/* =========================================================
   RELATED ACNE LINK — QUIET EDITORIAL PANEL
   ========================================================= */

.elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__related {
  margin-top: 4px;
  padding: 22px 0;
  border-top: 1px solid rgba(114, 49, 41, .2);
  border-bottom: 1px solid rgba(114, 49, 41, .2);
}

.elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__related-description {
  color: #4A3D39;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.8;
}

.elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__related-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  max-width: 100%;
  margin-top: 8px;
  padding: 2px 0;
  color: #723129;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.7;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color .2s ease, border-color .2s ease;
}

.elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__related-link:hover {
  color: #BB6358;
  border-bottom-color: #BB6358;
}

.elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__related-link:focus-visible {
  outline: 2px solid #723129;
  outline-offset: 4px;
}

.elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__related-link span {
  display: inline-block;
  transition: transform .2s ease;
}

.elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__related-link:hover span {
  transform: translateX(3px);
}

@media (prefers-reduced-motion: reduce) {
  .elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__related-link,
  .elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__related-link span {
    transition: none;
  }
}

/* =========================================================
   TABLET LANDSCAPE — 769px TO 1199px
   ========================================================= */

@media (min-width: 769px) and (max-width: 1199px) {

  .elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__section {
    padding: 88px 40px;
  }

  .elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__section
  .sita-dark-spots-acne__title {
    font-size: 42px;
  }

  .elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__layout {
    gap: 40px;
    margin-top: 48px;
  }

  .elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__state {
    grid-template-columns: minmax(145px, 40%) minmax(0, 1fr);
    gap: 20px;
    padding: 22px 0;
  }

  .elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__state-name {
    font-size: 24px;
  }

  .elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__state-description {
    font-size: 16px;
  }

  .elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__section
  .sita-dark-spots-acne__coexist {
    padding-left: calc(40% + 20px);
  }

  .elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__section
  .sita-dark-spots-acne__explanation {
    font-size: 17px;
  }

  .elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__section
  .sita-dark-spots-acne__priority {
    font-size: 24px;
  }
}

/* =========================================================
   TABLET PORTRAIT — 768px AND BELOW
   ========================================================= */

@media (max-width: 768px) {

  .elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__section {
    padding: 80px 32px;
  }

  .elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__section
  .sita-dark-spots-acne__title {
    font-size: 38px;
    line-height: 1.22;
  }

  .elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 36px;
    margin-top: 40px;
  }

  .elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__state {
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 24px;
  }

  .elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__section
  .sita-dark-spots-acne__coexist {
    padding-left: 244px;
  }

  .elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__related {
    margin-top: 0;
  }
}

/* =========================================================
   MOBILE — 600px AND BELOW
   ========================================================= */

@media (max-width: 600px) {

  .elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__section {
    padding: 64px 24px;
  }

  .elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__english {
    display: none;
  }

  .elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__section
  .sita-dark-spots-acne__title {
    margin-top: 20px;
    font-size: 30px;
    line-height: 1.25;
  }

  .elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__layout {
    gap: 28px;
    margin-top: 32px;
  }

  .elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__state {
    grid-template-columns: minmax(0, 1fr);
    gap: 6px;
    padding: 20px 0;
  }

  .elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__state-name {
    font-size: 23px;
  }

  .elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__state-description {
    font-size: 16px;
    line-height: 1.7;
  }

  .elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__section
  .sita-dark-spots-acne__coexist {
    padding: 10px 0;
    font-size: 13px;
  }

  .elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__section
  .sita-dark-spots-acne__explanation {
    margin-top: 28px;
    font-size: 16px;
    line-height: 1.8;
  }

  .elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__section
  .sita-dark-spots-acne__priority {
    margin-top: 24px;
    font-size: 23px;
    line-height: 1.45;
  }

  .elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__related {
    padding: 20px 0;
  }

  .elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__related-description {
    font-size: 15px;
  }

  .elementor-7546 .elementor-element.elementor-element-88888d6 .sita-dark-spots-acne__related-link {
    font-size: 15px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4b58180 *//* =========================================================
   SITA CLINIC V2 — DARK SPOTS R3
   DS06 — DARK SPOTS VS MELASMA

   Elementor Container > Advanced > Custom CSS
   Full Replacement — Scoped to DS06 Only

   Breakpoints: 1440 / 1024 / 768 / 390
   ========================================================= */

/* OUTER CONTAINER */

.elementor-7546 .elementor-element.elementor-element-4b58180 {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  background: #FBF4F0;
}

/* LOCAL BOX MODEL */

.elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__section,
.elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__section * {
  box-sizing: border-box;
}

.elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__section {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 112px 88px;
  background: #FBF4F0;
  color: #2A2422;
  font-family: 'Noto Sans Thai', 'Noto Sans', sans-serif;
  font-weight: 300;
}

.elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__section h2,
.elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__section h3,
.elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__section p,
.elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__section ol {
  margin: 0;
  padding: 0;
}

/* =========================================================
   SECTION HEADER
   ========================================================= */

.elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__meta {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 12px 24px;
}

.elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__number {
  color: #BB6358;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.6;
}

.elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__english {
  color: #9A614D;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: .2em;
  text-align: right;
}

.elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__title {
  max-width: 1000px;
  margin-top: 28px !important;
  color: #2A2422;
  font-family: 'Anuphan', sans-serif;
  font-size: 48px;
  font-weight: 300;
  line-height: 1.18;
  letter-spacing: 0;
}

/* =========================================================
   CONTEXT COMPARISON — DESKTOP TWO COLUMNS
   ========================================================= */

.elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__comparison {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  margin-top: 56px;
  border-top: 1px solid rgba(114,49,41,.35);
  border-bottom: 1px solid rgba(114,49,41,.35);
}

.elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__context {
  min-width: 0;
  padding-top: 40px;
  padding-bottom: 44px;
}

.elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__context--mark {
  padding-right: 56px;
  border-right: 1px solid rgba(114,49,41,.2);
}

.elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__context--melasma {
  padding-left: 56px;
}

.elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__context-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px 20px;
}

.elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__context-title {
  color: #723129;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.5;
}

.elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__context-label {
  color: #9A614D;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: .16em;
}

.elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__display {
  margin-top: 18px;
  color: #723129;
  font-family: 'Anuphan', sans-serif;
  font-size: 96px;
  font-weight: 200;
  line-height: 1.08;
  letter-spacing: -.02em;
  overflow-wrap: normal;
}

.elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__description {
  margin-top: 20px !important;
  color: #2A2422;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.8;
}

/* =========================================================
   LOWER SECTION — 7:5 LAYOUT
   ========================================================= */

.elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__lower {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: 72px;
  align-items: start;
  margin-top: 56px;
}

.elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__explanation,
.elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__authority {
  min-width: 0;
}

.elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__statement {
  color: #723129;
  font-family: 'Anuphan', sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 1.45;
}

/* =========================================================
   THREE EXPLANATORY POINTS
   ========================================================= */

.elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__points {
  list-style: none;
  margin-top: 26px !important;
  border-top: 1px solid rgba(114,49,41,.25);
}

.elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__point {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 16px;
  align-items: baseline;
  min-width: 0;
  padding: 18px 0;
  border-bottom: 1px solid rgba(114,49,41,.14);
}

.elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__point:last-child {
  border-bottom: 0;
}

.elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__point-number {
  color: #BB6358;
  font-family: 'Anuphan', sans-serif;
  font-size: 22px;
  font-weight: 200;
  line-height: 1.2;
}

.elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__point-text {
  min-width: 0;
  color: #2A2422;
  font-size: 17px;
  font-weight: 300;
  line-height: 1.75;
  overflow-wrap: break-word;
}

/* =========================================================
   MELASMA AUTHORITY PANEL
   ========================================================= */

.elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__authority {
  padding: 36px 36px 34px;
  background: #FFFFFF;
}

.elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__authority-label {
  color: #9A614D;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: .16em;
}

.elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__authority-copy {
  margin-top: 14px !important;
  color: #2A2422;
  font-size: 17px;
  font-weight: 300;
  line-height: 1.8;
}

/* AUTHORITY CTA — NOT A BOOKING CTA */

.elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__authority-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  max-width: 100%;
  margin-top: 24px;
  padding: 12px 26px;
  border: 1px solid #723129;
  border-radius: 3px;
  background: transparent;
  color: #723129;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  transition: background-color .2s ease, color .2s ease;
}

.elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__authority-link:hover {
  background: #723129;
  border-color: #723129;
  color: #FFFFFF;
}

.elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__authority-link:focus-visible {
  outline: 2px solid #723129;
  outline-offset: 4px;
}

/* =========================================================
   TABLET LANDSCAPE — 769px TO 1199px
   KEEP COMPARISON AS TWO COLUMNS
   ========================================================= */

@media (min-width: 769px) and (max-width: 1199px) {

  .elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__section {
    padding: 88px 40px;
  }

  .elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__title {
    font-size: 42px;
  }

  .elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__comparison {
    margin-top: 48px;
  }

  .elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__context--mark {
    padding-right: 28px;
  }

  .elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__context--melasma {
    padding-left: 28px;
  }

  .elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__context-title {
    font-size: 19px;
  }

  .elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__display {
    font-size: clamp(62px, 7.7vw, 82px);
  }

  .elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__description {
    font-size: 16px;
  }

  .elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__lower {
    gap: 40px;
    margin-top: 48px;
  }

  .elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__statement {
    font-size: 26px;
  }

  .elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__point-text {
    font-size: 16px;
  }

  .elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__authority {
    padding: 30px 28px;
  }

  .elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__authority-copy {
    font-size: 16px;
  }
}

/* =========================================================
   TABLET PORTRAIT — 768px AND BELOW

   TWO CONTEXTS STACK INTO EDITORIAL ROWS
   LOWER SECTION BECOMES ONE COLUMN
   ========================================================= */

@media (max-width: 768px) {

  .elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__section {
    padding: 80px 32px;
  }

  .elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__title {
    font-size: 38px;
    line-height: 1.22;
  }

  .elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__comparison {
    grid-template-columns: minmax(0, 1fr);
    margin-top: 40px;
  }

  .elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__context {
    padding: 30px 0;
  }

  .elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__context--mark {
    border-right: 0;
    border-bottom: 1px solid rgba(114,49,41,.2);
  }

  .elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__context--melasma {
    padding-left: 0;
  }

  .elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__context-title {
    font-size: 20px;
  }

  .elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__display {
    font-size: 76px;
  }

  .elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__description {
    font-size: 17px;
  }

  .elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__lower {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
    margin-top: 44px;
  }

  .elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__statement {
    font-size: 27px;
  }

  .elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__authority {
    padding: 32px;
  }
}

/* =========================================================
   MOBILE — 600px AND BELOW
   24PX GUTTERS / FULL-WIDTH AUTHORITY BUTTON
   ========================================================= */

@media (max-width: 600px) {

  .elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__section {
    padding: 64px 24px;
  }

  .elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__english {
    display: none;
  }

  .elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__title {
    margin-top: 20px !important;
    font-size: 30px;
    line-height: 1.25;
  }

  .elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__comparison {
    margin-top: 28px;
  }

  .elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__context {
    padding: 22px 0 26px;
  }

  .elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__context-heading {
    gap: 6px 12px;
  }

  .elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__context-title {
    font-size: 18px;
  }

  .elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__context-label {
    font-size: 10px;
    letter-spacing: .08em;
  }

  .elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__display {
    margin-top: 10px;
    font-size: clamp(50px, 15vw, 62px);
    line-height: 1.1;
  }

  .elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__description {
    margin-top: 12px !important;
    font-size: 16px;
    line-height: 1.75;
  }

  .elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__lower {
    gap: 28px;
    margin-top: 32px;
  }

  .elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__statement {
    font-size: 23px;
    line-height: 1.45;
  }

  .elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__points {
    margin-top: 20px !important;
  }

  .elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__point {
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 12px;
    padding: 16px 0;
  }

  .elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__point-number {
    font-size: 19px;
  }

  .elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__point-text {
    font-size: 15px;
    line-height: 1.75;
  }

  .elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__authority {
    padding: 26px 24px;
  }

  .elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__authority-copy {
    font-size: 15px;
    line-height: 1.8;
  }

  .elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__authority-link {
    display: flex;
    width: 100%;
    margin-top: 22px;
    padding: 13px 16px;
    font-size: 15px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .elementor-7546 .elementor-element.elementor-element-4b58180 .sita-dark-spots-melasma__authority-link {
    transition: none;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1c90539 *//* =========================================================
   SITA CLINIC V2 — DARK SPOTS R3
   DS07 — DARK SPOTS VS FRECKLES

   Elementor Container > Advanced > Custom CSS
   Full Replacement — Scoped to DS07 Only

   Desktop 1440 / Tablet 1024 / 768 / Mobile 390
   ========================================================= */

/* OUTER ELEMENTOR CONTAINER */

.elementor-7546 .elementor-element.elementor-element-1c90539 {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  background: #FFFFFF;
}

/* LOCAL BOX MODEL */

.elementor-7546 .elementor-element.elementor-element-1c90539 .sita-dark-spots-freckles__section,
.elementor-7546 .elementor-element.elementor-element-1c90539 .sita-dark-spots-freckles__section * {
  box-sizing: border-box;
}

.elementor-7546 .elementor-element.elementor-element-1c90539 .sita-dark-spots-freckles__section {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 112px 88px;
  background: #FFFFFF;
  color: #2A2422;
  font-family: 'Noto Sans Thai', 'Noto Sans', sans-serif;
  font-weight: 300;
}

/* RESET LOCAL ELEMENT SPACING */

.elementor-7546 .elementor-element.elementor-element-1c90539 .sita-dark-spots-freckles__section h2,
.elementor-7546 .elementor-element.elementor-element-1c90539 .sita-dark-spots-freckles__section p {
  margin: 0;
  padding: 0;
}

/* =========================================================
   SECTION META
   ========================================================= */

.elementor-7546 .elementor-element.elementor-element-1c90539 .sita-dark-spots-freckles__meta {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 12px 24px;
}

.elementor-7546 .elementor-element.elementor-element-1c90539 .sita-dark-spots-freckles__number {
  color: #BB6358;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.6;
}

.elementor-7546 .elementor-element.elementor-element-1c90539 .sita-dark-spots-freckles__english {
  color: #9A614D;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: .2em;
  text-align: right;
}

/* =========================================================
   DESKTOP — EDITORIAL 7:5
   ========================================================= */

.elementor-7546 .elementor-element.elementor-element-1c90539 .sita-dark-spots-freckles__layout {
  display: grid;
  grid-template-columns:
    minmax(0, 7fr)
    minmax(0, 5fr);
  gap: 72px;
  align-items: end;
  margin-top: 28px;
}

.elementor-7546 .elementor-element.elementor-element-1c90539 .sita-dark-spots-freckles__heading,
.elementor-7546 .elementor-element.elementor-element-1c90539 .sita-dark-spots-freckles__content {
  min-width: 0;
}

/* MAIN H2 */

.elementor-7546 .elementor-element.elementor-element-1c90539 .sita-dark-spots-freckles__title {
  color: #2A2422;
  font-family: 'Anuphan', sans-serif;
  font-size: 48px;
  font-weight: 300;
  line-height: 1.18;
  letter-spacing: 0;
}

/* =========================================================
   EXPLANATION
   ========================================================= */

.elementor-7546 .elementor-element.elementor-element-1c90539 .sita-dark-spots-freckles__description {
  color: #4A3D39;
  font-size: 17px;
  font-weight: 300;
  line-height: 1.85;
}

/* =========================================================
   QUIET INTERNAL LINK
   ========================================================= */

.elementor-7546 .elementor-element.elementor-element-1c90539 .sita-dark-spots-freckles__link-row {
  width: 100%;
  margin-top: 24px;
  padding: 18px 0;
  border-top: 1px solid rgba(114, 49, 41, .20);
  border-bottom: 1px solid rgba(114, 49, 41, .20);
}

.elementor-7546 .elementor-element.elementor-element-1c90539 .sita-dark-spots-freckles__link {
  display: inline-flex;
  align-items: center;
  gap: 12px;

  max-width: 100%;

  color: #723129;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.7;

  text-decoration: none;
  transition: color .2s ease;
}

.elementor-7546 .elementor-element.elementor-element-1c90539 .sita-dark-spots-freckles__link-arrow {
  display: inline-block;
  flex: 0 0 auto;
  color: #BB6358;
  font-size: 21px;
  font-weight: 300;
  line-height: 1;
  transition: transform .2s ease;
}

.elementor-7546 .elementor-element.elementor-element-1c90539 .sita-dark-spots-freckles__link:hover {
  color: #BB6358;
}

.elementor-7546 .elementor-element.elementor-element-1c90539 .sita-dark-spots-freckles__link:hover
.sita-dark-spots-freckles__link-arrow {
  transform: translateX(4px);
}

.elementor-7546 .elementor-element.elementor-element-1c90539 .sita-dark-spots-freckles__link:focus-visible {
  outline: 2px solid #723129;
  outline-offset: 5px;
}

/* =========================================================
   TABLET LANDSCAPE — 769px TO 1199px
   ========================================================= */

@media (min-width: 769px) and (max-width: 1199px) {

  .elementor-7546 .elementor-element.elementor-element-1c90539 .sita-dark-spots-freckles__section {
    padding: 88px 40px;
  }

  .elementor-7546 .elementor-element.elementor-element-1c90539 .sita-dark-spots-freckles__layout {
    gap: 40px;
  }

  .elementor-7546 .elementor-element.elementor-element-1c90539 .sita-dark-spots-freckles__title {
    font-size: 40px;
    line-height: 1.2;
  }

  .elementor-7546 .elementor-element.elementor-element-1c90539 .sita-dark-spots-freckles__description {
    font-size: 16px;
  }
}

/* =========================================================
   TABLET PORTRAIT — 768px AND BELOW
   ========================================================= */

@media (max-width: 768px) {

  .elementor-7546 .elementor-element.elementor-element-1c90539 .sita-dark-spots-freckles__section {
    padding: 80px 32px;
  }

  .elementor-7546 .elementor-element.elementor-element-1c90539 .sita-dark-spots-freckles__layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
    margin-top: 24px;
  }

  .elementor-7546 .elementor-element.elementor-element-1c90539 .sita-dark-spots-freckles__title {
    font-size: 38px;
    line-height: 1.2;
  }

  .elementor-7546 .elementor-element.elementor-element-1c90539 .sita-dark-spots-freckles__description {
    max-width: 640px;
    font-size: 17px;
  }

  .elementor-7546 .elementor-element.elementor-element-1c90539 .sita-dark-spots-freckles__link-row {
    margin-top: 22px;
  }
}

/* =========================================================
   MOBILE — 600px AND BELOW
   24PX GUTTERS
   ========================================================= */

@media (max-width: 600px) {

  .elementor-7546 .elementor-element.elementor-element-1c90539 .sita-dark-spots-freckles__section {
    padding: 64px 24px;
  }

  .elementor-7546 .elementor-element.elementor-element-1c90539 .sita-dark-spots-freckles__english {
    display: none;
  }

  .elementor-7546 .elementor-element.elementor-element-1c90539 .sita-dark-spots-freckles__layout {
    gap: 22px;
    margin-top: 18px;
  }

  .elementor-7546 .elementor-element.elementor-element-1c90539 .sita-dark-spots-freckles__title {
    font-size: 29px;
    line-height: 1.25;
  }

  /* Allow natural Thai line wrapping on narrow screens */

  .elementor-7546 .elementor-element.elementor-element-1c90539 .sita-dark-spots-freckles__title br {
    display: none;
  }

  .elementor-7546 .elementor-element.elementor-element-1c90539 .sita-dark-spots-freckles__description {
    font-size: 16px;
    line-height: 1.8;
  }

  .elementor-7546 .elementor-element.elementor-element-1c90539 .sita-dark-spots-freckles__link-row {
    margin-top: 20px;
    padding: 16px 0;
  }

  .elementor-7546 .elementor-element.elementor-element-1c90539 .sita-dark-spots-freckles__link {
    font-size: 15px;
    line-height: 1.7;
  }
}

/* REDUCED MOTION */

@media (prefers-reduced-motion: reduce) {

  .elementor-7546 .elementor-element.elementor-element-1c90539 .sita-dark-spots-freckles__link,
  .elementor-7546 .elementor-element.elementor-element-1c90539 .sita-dark-spots-freckles__link-arrow {
    transition: none;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ed1b66 *//* =========================================================
   SITA CLINIC V2 — DARK SPOTS R3
   DS08 — CHANGE OVER TIME

   Full Replacement v2 — Seven Factors Included
   Elementor Container > Advanced > Custom CSS

   Scoped to DS08 only
   Breakpoints: 1440 / 1024 / 768 / 390
   ========================================================= */

/* OUTER ELEMENTOR CONTAINER */

.elementor-7546 .elementor-element.elementor-element-9ed1b66 {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  background: #FBF4F0;
}

/* LOCAL BOX MODEL */

.elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__section,
.elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__section * {
  box-sizing: border-box;
}

.elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__section {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 112px 88px;
  background: #FBF4F0;
  color: #2A2422;
  font-family: 'Noto Sans Thai', 'Noto Sans', sans-serif;
  font-weight: 300;
}

/* LOCAL RESET */

.elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__section h2,
.elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__section h3,
.elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__section p,
.elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__section ul {
  margin: 0;
  padding: 0;
}

/* =========================================================
   SECTION HEADER
   ========================================================= */

.elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__meta {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 12px 24px;
}

.elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__number {
  color: #BB6358;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.6;
}

.elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__english {
  color: #9A614D;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: .2em;
  text-align: right;
}

.elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__title {
  max-width: 1000px;
  margin-top: 28px !important;
  color: #2A2422;
  font-family: 'Anuphan', sans-serif;
  font-size: 48px;
  font-weight: 300;
  line-height: 1.18;
}

.elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__title span {
  display: block;
}

/* =========================================================
   MAIN LAYOUT — DESKTOP 7:5
   ========================================================= */

.elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__layout {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: 72px;
  align-items: start;
  margin-top: 56px;
}

.elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__main,
.elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__factors {
  min-width: 0;
}

/* =========================================================
   LEFT — EDITORIAL COPY
   ========================================================= */

.elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__lead {
  max-width: 660px;
  color: #2A2422;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.85;
}

.elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__section
.sita-dark-spots-change__support {
  max-width: 660px;
  margin-top: 16px;
  color: #4A3D39;
  font-size: 17px;
  font-weight: 300;
  line-height: 1.85;
}

/* =========================================================
   THREE EXPECTATION CELLS
   ALWAYS THREE COLUMNS
   ========================================================= */

.elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__expectations {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
  margin-top: 48px !important;
  list-style: none;
  border-top: 1px solid rgba(114,49,41,.35);
}

.elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__expectation {
  min-width: 0;
  padding: 22px 20px 4px;
}

.elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__expectation:first-child {
  padding-left: 0;
}

.elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__expectation + li {
  border-left: 1px solid rgba(114,49,41,.2);
}

.elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__expectation:last-child {
  padding-right: 0;
}

.elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__expectation-prefix {
  display: block;
  color: #9A614D;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: .16em;
}

.elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__expectation-value {
  display: block;
  margin-top: 8px;
  color: #723129;
  font-family: 'Anuphan', sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.4;
  overflow-wrap: break-word;
}

.elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__section
.sita-dark-spots-change__expectations-note {
  max-width: 660px;
  margin-top: 20px;
  color: #9A614D;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.8;
}

/* =========================================================
   RIGHT — SEVEN FACTORS
   ========================================================= */

.elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__factors-title {
  margin: 0;
  color: #723129;
  font-family: 'Anuphan', sans-serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 1.4;
}

/* REFINED WHITE EDITORIAL PANEL */

.elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__factors-panel {
  margin-top: 18px;
  padding: 8px 28px;
  background: #FFFFFF;
}

/* SEVEN ROWS WITHOUT MR LABELS */

.elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__factors-list {
  list-style: none;
}

.elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__factors-list li {
  min-width: 0;
  padding: 17px 0;
  color: #2A2422;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
  border-bottom: 1px solid rgba(114,49,41,.14);
  overflow-wrap: break-word;
}

.elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__factors-list li:last-child {
  border-bottom: 0;
}

/* SUMMARY BELOW FACTOR PANEL */

.elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__section
.sita-dark-spots-change__assessment-copy {
  margin-top: 22px;
  color: #4A3D39;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.85;
}

/* =========================================================
   TABLET LANDSCAPE — 769px TO 1199px
   ========================================================= */

@media (min-width: 769px) and (max-width: 1199px) {

  .elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__section {
    padding: 88px 40px;
  }

  .elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__title {
    font-size: 42px;
  }

  .elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__layout {
    gap: 40px;
    margin-top: 48px;
  }

  .elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__lead {
    font-size: 17px;
  }

  .elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__section
  .sita-dark-spots-change__support {
    font-size: 16px;
  }

  .elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__expectation {
    padding-left: 12px;
    padding-right: 12px;
  }

  .elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__expectation-value {
    font-size: 21px;
  }

  .elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__factors-title {
    font-size: 23px;
  }

  .elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__factors-panel {
    padding: 6px 22px;
  }

  .elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__factors-list li {
    padding: 15px 0;
    font-size: 15px;
  }
}

/* =========================================================
   TABLET PORTRAIT — 768px AND BELOW
   ========================================================= */

@media (max-width: 768px) {

  .elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__section {
    padding: 80px 32px;
  }

  .elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__title {
    font-size: 38px;
    line-height: 1.22;
  }

  .elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 48px;
    margin-top: 40px;
  }

  .elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__expectations {
    margin-top: 40px !important;
  }

  .elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__factors-title {
    font-size: 25px;
  }

  .elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__factors-panel {
    padding: 8px 28px;
  }
}

/* =========================================================
   MOBILE — 600px AND BELOW
   24PX GUTTERS
   ========================================================= */

@media (max-width: 600px) {

  .elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__section {
    padding: 64px 24px;
  }

  .elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__english {
    display: none;
  }

  .elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__title {
    margin-top: 20px !important;
    font-size: 30px;
    line-height: 1.25;
  }

  .elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__layout {
    gap: 36px;
    margin-top: 30px;
  }

  .elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__lead {
    font-size: 16px;
    line-height: 1.8;
  }

  .elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__section
  .sita-dark-spots-change__support {
    margin-top: 16px;
    font-size: 15px;
    line-height: 1.8;
  }

  /* KEEP THE THREE CELLS SIDE BY SIDE */

  .elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__expectations {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 32px !important;
  }

  .elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__expectation {
    padding: 16px 8px 4px;
  }

  .elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__expectation:first-child {
    padding-left: 0;
  }

  .elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__expectation:last-child {
    padding-right: 0;
  }

  .elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__expectation-prefix {
    font-size: 10px;
    letter-spacing: .08em;
  }

  .elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__expectation-value {
    margin-top: 8px;
    font-size: clamp(15px, 4.45vw, 19px);
    line-height: 1.35;
  }

  .elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__section
  .sita-dark-spots-change__expectations-note {
    margin-top: 20px;
    font-size: 14px;
    line-height: 1.8;
  }

  /* FACTOR LIST BELOW THE MAIN CONTENT */

  .elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__factors-title {
    font-size: 23px;
    line-height: 1.4;
  }

  .elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__factors-panel {
    margin-top: 16px;
    padding: 4px 20px;
  }

  .elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__factors-list li {
    padding: 15px 0;
    font-size: 15px;
    line-height: 1.7;
  }

  .elementor-7546 .elementor-element.elementor-element-9ed1b66 .sita-dark-spots-change__section
  .sita-dark-spots-change__assessment-copy {
    margin-top: 20px;
    font-size: 15px;
    line-height: 1.8;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-325b151 *//* =========================================================
   SITA CLINIC V2 — DARK SPOTS R3
   DS09 — ASSESSMENT BEFORE CARE

   Elementor Container > Advanced > Custom CSS
   Full Replacement — Scoped to DS09 Only

   Breakpoints: 1440 / 1024 / 768 / 390
   ========================================================= */

/* OUTER ELEMENTOR CONTAINER */

.elementor-7546 .elementor-element.elementor-element-325b151 {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  background: #FFFFFF;
}

/* LOCAL BOX MODEL */

.elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__section,
.elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__section * {
  box-sizing: border-box;
}

.elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__section {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 112px 88px;
  background: #FFFFFF;
  color: #2A2422;
  font-family: 'Noto Sans Thai', 'Noto Sans', sans-serif;
  font-weight: 300;
}

/* LOCAL ELEMENT RESET */

.elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__section h2,
.elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__section h3,
.elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__section p,
.elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__section ol,
.elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__section figure {
  margin: 0;
  padding: 0;
}

/* =========================================================
   SECTION META
   ========================================================= */

.elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__meta {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 12px 24px;
}

.elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__number {
  color: #BB6358;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.6;
}

.elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__english {
  color: #9A614D;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: .2em;
  text-align: right;
}

/* =========================================================
   MAIN LAYOUT — DESKTOP 7:5
   ========================================================= */

.elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__layout {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: 72px;
  align-items: start;
  margin-top: 28px;
}

.elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__content,
.elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__figure {
  min-width: 0;
}

/* =========================================================
   H2
   ========================================================= */

.elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__title {
  color: #2A2422;
  font-family: 'Anuphan', sans-serif;
  font-size: 48px;
  font-weight: 300;
  line-height: 1.18;
  letter-spacing: 0;
}

/* =========================================================
   ASSESSMENT CONTEXT NOTE
   ========================================================= */

.elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__intro {
  margin-top: 24px;
  padding: 18px 22px;
  background: #FBF4F0;
}

.elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__intro p {
  color: #4A3D39;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.8;
}

/* =========================================================
   EIGHT ASSESSMENT FACTORS
   DESKTOP — TWO-COLUMN EDITORIAL LEDGER
   ========================================================= */

.elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__factors {
  margin-top: 36px;
}

.elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__factors-title {
  color: #723129;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
}

.elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__factor-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 40px;
  row-gap: 0;
  margin-top: 14px !important;
  list-style: none;
  border-top: 1px solid rgba(114,49,41,.3);
}

.elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__factor {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  min-width: 0;
  padding: 20px 0;
  border-bottom: 1px solid rgba(114,49,41,.14);
}

.elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__factor-number {
  color: #BB6358;
  font-family: 'Anuphan', sans-serif;
  font-size: 22px;
  font-weight: 200;
  line-height: 1.2;
}

.elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__factor-text {
  min-width: 0;
  color: #2A2422;
  font-size: 17px;
  font-weight: 300;
  line-height: 1.6;
  overflow-wrap: break-word;
}

/* =========================================================
   CARE DIRECTION STATEMENT
   ========================================================= */

.elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__section
.sita-dark-spots-assessment__statement {
  margin-top: 36px;
  color: #723129;
  font-family: 'Anuphan', sans-serif;
  font-size: 26px;
  font-weight: 300;
  line-height: 1.45;
}

/* =========================================================
   FOUR-STEP CARE RAIL
   DESKTOP — FOUR COLUMNS
   ========================================================= */

.elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__rail {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
  margin-top: 52px;
}

.elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__step {
  position: relative;
  min-width: 0;
  padding-top: 26px;
  border-top: 1px solid rgba(114,49,41,.3);
}

.elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__step-dot {
  position: absolute;
  top: -5px;
  left: 0;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #BB6358;
}

.elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__step-dot--last {
  background: #723129;
}

.elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__step-label {
  display: block;
  color: #9A614D;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: .14em;
  overflow-wrap: anywhere;
}

.elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__step-title {
  margin-top: 8px !important;
  color: #723129;
  font-family: 'Anuphan', sans-serif;
  font-size: 26px;
  font-weight: 300;
  line-height: 1.3;
}

.elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__step-copy {
  margin-top: 6px !important;
  color: #4A3D39;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.7;
}

/* =========================================================
   CARE SYSTEM INTERNAL LINK
   ========================================================= */

.elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__link {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  min-height: 44px;
  max-width: 100%;
  margin-top: 28px;
  padding: 7px 0;
  color: #723129;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
  text-decoration: none;
  border-bottom: 1px solid rgba(114,49,41,.35);
  transition: color .2s ease, border-color .2s ease;
}

.elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__link:hover {
  color: #BB6358;
  border-bottom-color: #BB6358;
}

.elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__link:focus-visible {
  outline: 2px solid #723129;
  outline-offset: 4px;
}

/* =========================================================
   D04 EDITORIAL IMAGE — 4:5
   ========================================================= */

.elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__section
.sita-dark-spots-assessment__figure {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 5;
  margin: 0;
  overflow: hidden;
  background: #FBF4F0;
}

.elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__image,
.elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__image-placeholder {
  display: block;
  width: 100%;
  height: 100%;
}

.elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__image {
  object-fit: cover;
  object-position: center;
}

.elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__image-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 24px;
  color: #9A614D;
  text-align: center;
  border: 1px solid rgba(114,49,41,.14);
}

.elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__image-placeholder span {
  font-family: 'Anuphan', sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.4;
}

.elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__image-placeholder small {
  font-size: 12px;
  line-height: 1.6;
}

/* =========================================================
   TABLET LANDSCAPE — 769 TO 1199
   ========================================================= */

@media (min-width: 769px) and (max-width: 1199px) {

  .elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__section {
    padding: 88px 40px;
  }

  .elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__layout {
    gap: 40px;
  }

  .elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__title {
    font-size: 42px;
  }

  .elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__factor-list {
    column-gap: 22px;
  }

  .elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__factor {
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 10px;
    padding: 18px 0;
  }

  .elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__factor-text {
    font-size: 15px;
  }

  .elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__rail {
    gap: 12px;
    margin-top: 44px;
  }

  .elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__step-title {
    font-size: 22px;
  }

  .elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__step-copy {
    font-size: 13px;
  }

  .elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__step-label {
    font-size: 10px;
    letter-spacing: .08em;
  }
}

/* =========================================================
   TABLET PORTRAIT — 768 AND BELOW
   CONTENT / IMAGE STACK
   FACTORS BECOME ONE COLUMN
   ========================================================= */

@media (max-width: 768px) {

  .elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__section {
    padding: 80px 32px;
  }

  .elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 40px;
    margin-top: 24px;
  }

  .elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__title {
    font-size: 38px;
    line-height: 1.22;
  }

  .elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__factor-list {
    grid-template-columns: minmax(0, 1fr);
    column-gap: 0;
  }

  .elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__factor {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 16px;
  }

  .elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__rail {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    margin-top: 38px;
    padding-left: 12px;
    border-left: 1px solid rgba(114,49,41,.3);
  }

  .elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__step {
    padding: 0 0 30px 28px;
    border-top: 0;
  }

  .elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__step:last-child {
    padding-bottom: 0;
  }

  .elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__step-dot {
    top: 3px;
    left: -17px;
  }

  .elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__step-title {
    font-size: 25px;
  }

  .elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__step-copy {
    font-size: 15px;
  }

  .elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__step-label {
    font-size: 11px;
  }
}

/* =========================================================
   MOBILE — 600 AND BELOW
   24PX GUTTERS / PLAIN LEDGER ROWS / VERTICAL RAIL
   ========================================================= */

@media (max-width: 600px) {

  .elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__section {
    padding: 64px 24px;
  }

  .elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__english {
    display: none;
  }

  .elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__layout {
    gap: 32px;
    margin-top: 18px;
  }

  .elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__title {
    font-size: 30px;
    line-height: 1.25;
  }

  .elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__title br {
    display: none;
  }

  .elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__intro {
    margin-top: 22px;
    padding: 18px 20px;
  }

  .elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__intro p {
    font-size: 14px;
    line-height: 1.8;
  }

  .elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__factors {
    margin-top: 30px;
  }

  .elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__factors-title {
    font-size: 15px;
  }

  .elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__factor-list {
    margin-top: 12px !important;
  }

  .elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__factor {
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 12px;
    padding: 15px 0;
  }

  .elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__factor-number {
    font-size: 19px;
  }

  .elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__factor-text {
    font-size: 15px;
    line-height: 1.7;
  }

  .elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__section
  .sita-dark-spots-assessment__statement {
    margin-top: 30px;
    font-size: 23px;
    line-height: 1.45;
  }

  .elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__rail {
    margin-top: 34px;
  }

  .elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__step {
    padding-bottom: 26px;
  }

  .elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__step-title {
    font-size: 24px;
  }

  .elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__step-copy {
    font-size: 14px;
    line-height: 1.7;
  }

  .elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__link {
    display: inline-flex;
    min-height: 44px;
    margin-top: 22px;
    font-size: 15px;
  }

  .elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__image-placeholder span {
    font-size: 17px;
  }

  .elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__figure {
    width: 100%;
  }
}

/* ACCESSIBILITY */

@media (prefers-reduced-motion: reduce) {

  .elementor-7546 .elementor-element.elementor-element-325b151 .sita-dark-spots-assessment__link {
    transition: none;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-044bd11 *//* =========================================================
   SITA CLINIC V2 — DARK SPOTS R3
   DS10 — QUESTIONS

   Elementor Container > Advanced > Custom CSS
   Full Replacement — Scoped to DS10 Only

   Breakpoints: 1440 / 1024 / 768 / 390
   ========================================================= */

/* OUTER ELEMENTOR CONTAINER */

.elementor-7546 .elementor-element.elementor-element-044bd11 {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  background: #FBF4F0;
}

/* LOCAL BOX MODEL */

.elementor-7546 .elementor-element.elementor-element-044bd11 .sita-dark-spots-questions__section,
.elementor-7546 .elementor-element.elementor-element-044bd11 .sita-dark-spots-questions__section * {
  box-sizing: border-box;
}

.elementor-7546 .elementor-element.elementor-element-044bd11 .sita-dark-spots-questions__section {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 112px 88px;
  background: #FBF4F0;
  color: #2A2422;
  font-family: 'Noto Sans Thai', 'Noto Sans', sans-serif;
  font-weight: 300;
}

/* LOCAL RESET */

.elementor-7546 .elementor-element.elementor-element-044bd11 .sita-dark-spots-questions__section h2,
.elementor-7546 .elementor-element.elementor-element-044bd11 .sita-dark-spots-questions__section h3,
.elementor-7546 .elementor-element.elementor-element-044bd11 .sita-dark-spots-questions__section p {
  margin: 0;
  padding: 0;
}

/* =========================================================
   SECTION HEADER
   ========================================================= */

.elementor-7546 .elementor-element.elementor-element-044bd11 .sita-dark-spots-questions__meta {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 12px 24px;
}

.elementor-7546 .elementor-element.elementor-element-044bd11 .sita-dark-spots-questions__number {
  color: #BB6358;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.6;
}

.elementor-7546 .elementor-element.elementor-element-044bd11 .sita-dark-spots-questions__english {
  color: #9A614D;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .2em;
  line-height: 1.6;
  text-align: right;
}

.elementor-7546 .elementor-element.elementor-element-044bd11 .sita-dark-spots-questions__title {
  max-width: 1000px;
  margin-top: 28px !important;
  color: #2A2422;
  font-family: 'Anuphan', sans-serif;
  font-size: 48px;
  font-weight: 300;
  line-height: 1.18;
  letter-spacing: 0;
}

/* =========================================================
   SIX OPEN Q&A ROWS

   Desktop:
   Q number | Question | Answer
   ========================================================= */

.elementor-7546 .elementor-element.elementor-element-044bd11 .sita-dark-spots-questions__list {
  width: 100%;
  margin-top: 56px;
  border-top: 1px solid rgba(114,49,41,.35);
}

.elementor-7546 .elementor-element.elementor-element-044bd11 .sita-dark-spots-questions__item {
  display: grid;
  grid-template-columns:
    56px minmax(0, 5fr) minmax(0, 7fr);
  column-gap: 40px;
  align-items: start;
  min-width: 0;
  padding: 32px 0;
  border-bottom: 1px solid rgba(114,49,41,.14);
}

/* Q1–Q6 INDEX */

.elementor-7546 .elementor-element.elementor-element-044bd11 .sita-dark-spots-questions__index {
  display: block;
  color: #BB6358;
  font-family: 'Anuphan', sans-serif;
  font-size: 26px;
  font-weight: 200;
  line-height: 1.3;
  white-space: nowrap;
}

/* QUESTIONS */

.elementor-7546 .elementor-element.elementor-element-044bd11 .sita-dark-spots-questions__question {
  min-width: 0;
  color: #723129;
  font-family: 'Noto Sans Thai', 'Noto Sans', sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.5;
  overflow-wrap: break-word;
}

/* ANSWERS */

.elementor-7546 .elementor-element.elementor-element-044bd11 .sita-dark-spots-questions__answer {
  min-width: 0;
}

.elementor-7546 .elementor-element.elementor-element-044bd11 .sita-dark-spots-questions__answer p {
  color: #2A2422;
  font-size: 17px;
  font-weight: 300;
  line-height: 1.85;
}

.elementor-7546 .elementor-element.elementor-element-044bd11 .sita-dark-spots-questions__answer p + p {
  margin-top: 12px;
  color: #4A3D39;
}

/* CONTEXTUAL INTERNAL LINKS */

.elementor-7546 .elementor-element.elementor-element-044bd11 .sita-dark-spots-questions__answer a {
  color: #723129;
  font-weight: 500;
  text-decoration: none;
  border-bottom: 1px solid rgba(114,49,41,.45);
  transition: color .2s ease, border-color .2s ease;
}

.elementor-7546 .elementor-element.elementor-element-044bd11 .sita-dark-spots-questions__answer a:hover {
  color: #BB6358;
  border-bottom-color: #BB6358;
}

.elementor-7546 .elementor-element.elementor-element-044bd11 .sita-dark-spots-questions__answer a:focus-visible {
  outline: 2px solid #723129;
  outline-offset: 4px;
}

/* =========================================================
   QUIET MEDICAL DISCLAIMER
   ========================================================= */

.elementor-7546 .elementor-element.elementor-element-044bd11 .sita-dark-spots-questions__section
.sita-dark-spots-questions__disclaimer {
  max-width: 820px;
  margin-top: 56px;
  color: #9A614D;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.8;
}

/* =========================================================
   TABLET LANDSCAPE — 769px TO 1199px
   Keep three-column Q&A structure
   ========================================================= */

@media (min-width: 769px) and (max-width: 1199px) {

  .elementor-7546 .elementor-element.elementor-element-044bd11 .sita-dark-spots-questions__section {
    padding: 88px 40px;
  }

  .elementor-7546 .elementor-element.elementor-element-044bd11 .sita-dark-spots-questions__title {
    font-size: 42px;
  }

  .elementor-7546 .elementor-element.elementor-element-044bd11 .sita-dark-spots-questions__item {
    grid-template-columns:
      48px minmax(0, 5fr) minmax(0, 7fr);
    column-gap: 28px;
    padding: 28px 0;
  }

  .elementor-7546 .elementor-element.elementor-element-044bd11 .sita-dark-spots-questions__index {
    font-size: 24px;
  }

  .elementor-7546 .elementor-element.elementor-element-044bd11 .sita-dark-spots-questions__question {
    font-size: 20px;
  }

  .elementor-7546 .elementor-element.elementor-element-044bd11 .sita-dark-spots-questions__answer p {
    font-size: 16px;
    line-height: 1.8;
  }
}

/* =========================================================
   TABLET PORTRAIT — 768px AND BELOW

   Q NUMBER | QUESTION
            | ANSWER

   Answers are always visible.
   ========================================================= */

@media (max-width: 768px) {

  .elementor-7546 .elementor-element.elementor-element-044bd11 .sita-dark-spots-questions__section {
    padding: 80px 32px;
  }

  .elementor-7546 .elementor-element.elementor-element-044bd11 .sita-dark-spots-questions__title {
    font-size: 38px;
    line-height: 1.22;
  }

  .elementor-7546 .elementor-element.elementor-element-044bd11 .sita-dark-spots-questions__list {
    margin-top: 44px;
  }

  .elementor-7546 .elementor-element.elementor-element-044bd11 .sita-dark-spots-questions__item {
    grid-template-columns: 42px minmax(0, 1fr);
    column-gap: 18px;
    row-gap: 12px;
    padding: 26px 0;
  }

  .elementor-7546 .elementor-element.elementor-element-044bd11 .sita-dark-spots-questions__index {
    grid-column: 1;
    grid-row: 1;
    font-size: 23px;
  }

  .elementor-7546 .elementor-element.elementor-element-044bd11 .sita-dark-spots-questions__question {
    grid-column: 2;
    grid-row: 1;
    font-size: 21px;
    line-height: 1.5;
  }

  .elementor-7546 .elementor-element.elementor-element-044bd11 .sita-dark-spots-questions__answer {
    grid-column: 2;
    grid-row: 2;
  }

  .elementor-7546 .elementor-element.elementor-element-044bd11 .sita-dark-spots-questions__answer p {
    font-size: 16px;
  }

  .elementor-7546 .elementor-element.elementor-element-044bd11 .sita-dark-spots-questions__section
  .sita-dark-spots-questions__disclaimer {
    margin-top: 44px;
  }
}

/* =========================================================
   MOBILE — 600px AND BELOW
   24PX GUTTERS
   ========================================================= */

@media (max-width: 600px) {

  .elementor-7546 .elementor-element.elementor-element-044bd11 .sita-dark-spots-questions__section {
    padding: 64px 24px;
  }

  .elementor-7546 .elementor-element.elementor-element-044bd11 .sita-dark-spots-questions__english {
    display: none;
  }

  .elementor-7546 .elementor-element.elementor-element-044bd11 .sita-dark-spots-questions__title {
    margin-top: 20px !important;
    font-size: 30px;
    line-height: 1.25;
  }

  .elementor-7546 .elementor-element.elementor-element-044bd11 .sita-dark-spots-questions__title br {
    display: none;
  }

  .elementor-7546 .elementor-element.elementor-element-044bd11 .sita-dark-spots-questions__list {
    margin-top: 32px;
  }

  .elementor-7546 .elementor-element.elementor-element-044bd11 .sita-dark-spots-questions__item {
    grid-template-columns: 30px minmax(0, 1fr);
    column-gap: 14px;
    row-gap: 12px;
    padding: 24px 0;
  }

  .elementor-7546 .elementor-element.elementor-element-044bd11 .sita-dark-spots-questions__index {
    font-size: 19px;
    line-height: 1.5;
  }

  .elementor-7546 .elementor-element.elementor-element-044bd11 .sita-dark-spots-questions__question {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.55;
  }

  .elementor-7546 .elementor-element.elementor-element-044bd11 .sita-dark-spots-questions__answer p {
    font-size: 15px;
    line-height: 1.8;
  }

  .elementor-7546 .elementor-element.elementor-element-044bd11 .sita-dark-spots-questions__answer p + p {
    margin-top: 12px;
  }

  .elementor-7546 .elementor-element.elementor-element-044bd11 .sita-dark-spots-questions__section
  .sita-dark-spots-questions__disclaimer {
    margin-top: 36px;
    font-size: 12px;
    line-height: 1.8;
  }
}

/* ACCESSIBILITY */

@media (prefers-reduced-motion: reduce) {

  .elementor-7546 .elementor-element.elementor-element-044bd11 .sita-dark-spots-questions__answer a {
    transition: none;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f493ff3 *//* =========================================================
   SITA CLINIC V2 — DARK SPOTS R3
   DS11 — FINAL CTA

   Elementor Container > Advanced > Custom CSS
   Full Replacement — Scoped to DS11 Only

   Desktop 1440 / Tablet 1024 / 768 / Mobile 390
   ========================================================= */

/* OUTER ELEMENTOR CONTAINER */

.elementor-7546 .elementor-element.elementor-element-f493ff3 {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  background: #723129;
}

/* LOCAL BOX MODEL */

.elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__section,
.elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__section * {
  box-sizing: border-box;
}

.elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__section {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 112px 88px 120px;
  background: #723129;
  color: #F6EAE4;
  font-family: 'Noto Sans Thai', 'Noto Sans', sans-serif;
  font-weight: 300;
}

.elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__section h2,
.elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__section h3,
.elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__section p {
  margin: 0;
  padding: 0;
}

/* =========================================================
   DESKTOP MAIN LAYOUT — 7:5
   ========================================================= */

.elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__inner {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: 72px;
  align-items: end;
  width: 100%;
}

.elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__main,
.elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__contact {
  min-width: 0;
}

/* =========================================================
   SECTION META
   ========================================================= */

.elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 12px 24px;
}

.elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__number {
  color: #E3B7AB;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.6;
}

.elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__english {
  color: #E3B7AB;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .2em;
  line-height: 1.6;
}

/* =========================================================
   MAIN HEADING
   ========================================================= */

.elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__section
.sita-dark-spots-final__title {
  max-width: 750px;
  margin-top: 24px;
  color: #FFFFFF;
  font-family: 'Anuphan', sans-serif;
  font-size: 48px;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: 0;
}

/* =========================================================
   CLOSING MESSAGE
   ========================================================= */

.elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__copy {
  max-width: 680px;
  margin-top: 28px;
}

.elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__section
.sita-dark-spots-final__lead {
  color: #F0DCD4;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.85;
}

.elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__section
.sita-dark-spots-final__body {
  margin-top: 12px;
  color: #F0DCD4;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.85;
}

/* =========================================================
   CTA ACTIONS
   ========================================================= */

.elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 20px;
  width: 100%;
  margin-top: 44px;
}

/* SHARED BUTTON STYLES */

.elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__button {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  max-width: 100%;
  padding: 13px 26px;
  border: 1px solid transparent;
  border-radius: 3px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  transition:
    color .2s ease,
    background-color .2s ease,
    border-color .2s ease;
}

/* PRIMARY BUTTON — WHITE */

.elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__button--primary {
  padding-right: 30px;
  padding-left: 30px;
  background: #FFFFFF;
  border-color: #FFFFFF;
  color: #723129;
}

.elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__button--primary:hover {
  background: #F0DCD4;
  border-color: #F0DCD4;
  color: #723129;
}

/* SECONDARY BUTTON — OUTLINE */

.elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__button--secondary {
  background: transparent;
  border-color: rgba(246,234,228,.65);
  color: #FFFFFF;
}

.elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__button--secondary:hover {
  background: #FFFFFF;
  border-color: #FFFFFF;
  color: #723129;
}

/* TERTIARY LINE LINK */

.elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__line {
  display: inline-flex;
  flex: 0 1 auto;
  align-items: center;
  min-height: 44px;
  max-width: 100%;
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
  text-decoration: none;
  border-bottom: 1px solid rgba(246,234,228,.5);
  transition:
    color .2s ease,
    border-color .2s ease;
}

.elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__line:hover {
  color: #F0DCD4;
  border-bottom-color: #FFFFFF;
}

/* KEYBOARD ACCESSIBILITY */

.elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__button:focus-visible,
.elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__line:focus-visible,
.elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__telephone:focus-visible {
  outline: 2px solid #FFFFFF;
  outline-offset: 4px;
}

/* =========================================================
   RIGHT CONTACT COLUMN
   ========================================================= */

.elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__contact {
  border-top: 1px solid rgba(246,234,228,.35);
  padding-top: 28px;
}

.elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__section
.sita-dark-spots-final__contact-heading {
  color: #E3B7AB;
  font-family: 'Noto Sans Thai', sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: .16em;
}

.elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__contact-details {
  margin-top: 20px;
}

.elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__contact-details p {
  color: #FFFFFF;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.9;
}

.elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__telephone {
  color: #FFFFFF;
  text-decoration: none;
  border-bottom: 1px solid rgba(246,234,228,.4);
}

.elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__telephone:hover {
  color: #F0DCD4;
  border-bottom-color: #FFFFFF;
}

.elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__section
.sita-dark-spots-final__contact-note {
  margin-top: 24px;
  color: #F0DCD4;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.8;
}

/* =========================================================
   TABLET LANDSCAPE — 769px TO 1199px

   Keep desktop split with reduced gutters.
   ========================================================= */

@media (min-width: 769px) and (max-width: 1199px) {

  .elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__section {
    padding: 88px 40px 96px;
  }

  .elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__inner {
    gap: 40px;
  }

  .elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__section
  .sita-dark-spots-final__title {
    font-size: 40px;
    line-height: 1.22;
  }

  .elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__section
  .sita-dark-spots-final__lead,
  .elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__section
  .sita-dark-spots-final__body {
    font-size: 17px;
  }

  .elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__actions {
    gap: 12px;
    margin-top: 36px;
  }

  .elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__button {
    padding-right: 20px;
    padding-left: 20px;
  }

  .elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__button--primary {
    padding-right: 24px;
    padding-left: 24px;
  }

  .elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__contact-details p {
    font-size: 16px;
  }
}

/* =========================================================
   TABLET PORTRAIT — 768px AND BELOW

   Main message above contact details.
   Two CTA buttons become full-width.
   ========================================================= */

@media (max-width: 768px) {

  .elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__section {
    padding: 80px 32px 88px;
  }

  .elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__inner {
    grid-template-columns: minmax(0, 1fr);
    gap: 56px;
    align-items: start;
  }

  .elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__section
  .sita-dark-spots-final__title {
    font-size: 38px;
    line-height: 1.23;
  }

  .elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__actions {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 12px;
    margin-top: 36px;
  }

  .elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__button {
    display: flex;
    flex: 0 0 auto;
    width: 100%;
    min-height: 54px;
  }

  .elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__line {
    align-self: flex-start;
    margin-top: 4px;
  }

  .elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__contact {
    width: 100%;
    padding-top: 28px;
  }
}

/* =========================================================
   MOBILE — 600px AND BELOW

   24px gutters, natural Thai wrapping.
   ========================================================= */

@media (max-width: 600px) {

  .elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__section {
    padding: 64px 24px 72px;
  }

  .elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__inner {
    gap: 48px;
  }

  .elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__english {
    display: none;
  }

  .elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__section
  .sita-dark-spots-final__title {
    margin-top: 20px;
    font-size: 30px;
    line-height: 1.26;
  }

  /* Use natural Thai wrapping on mobile */

  .elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__title br {
    display: none;
  }

  .elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__copy {
    margin-top: 24px;
  }

  .elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__section
  .sita-dark-spots-final__lead {
    font-size: 17px;
    line-height: 1.8;
  }

  .elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__section
  .sita-dark-spots-final__body {
    margin-top: 12px;
    font-size: 16px;
    line-height: 1.8;
  }

  .elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__actions {
    gap: 10px;
    margin-top: 30px;
  }

  .elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__button {
    width: 100%;
    min-height: 54px;
    padding: 13px 16px;
    font-size: 15px;
  }

  .elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__line {
    margin-top: 6px;
    font-size: 15px;
  }

  .elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__contact {
    padding-top: 24px;
  }

  .elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__contact-details {
    margin-top: 16px;
  }

  .elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__contact-details p {
    font-size: 16px;
    line-height: 1.9;
  }

  .elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__section
  .sita-dark-spots-final__contact-note {
    margin-top: 20px;
    font-size: 14px;
    line-height: 1.8;
  }
}

/* =========================================================
   ACCESSIBILITY — REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__button,
  .elementor-7546 .elementor-element.elementor-element-f493ff3 .sita-dark-spots-final__line {
    transition: none;
  }
}/* End custom CSS */