.elementor-7144 .elementor-element.elementor-element-9da77e8{--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;--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-7144 .elementor-element.elementor-element-9da77e8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7144 .elementor-element.elementor-element-dccedc5{--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-7144 .elementor-element.elementor-element-7f1e9d9{--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-7144 .elementor-element.elementor-element-7f1e9d9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7144 .elementor-element.elementor-element-793a182 > .elementor-widget-container{margin:0px 0px 80px 0px;}.elementor-7144 .elementor-element.elementor-element-793a182{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-7144 .elementor-element.elementor-element-3c7df6d > .elementor-widget-container{margin:0px 0px 48px 0px;}.elementor-7144 .elementor-element.elementor-element-3c7df6d{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-7144 .elementor-element.elementor-element-ac50c29 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7144 .elementor-element.elementor-element-ac50c29 .elementor-heading-title{font-family:"Anuphan", Sans-serif;font-size:83px;font-weight:200;line-height:1.03em;letter-spacing:-1.3px;color:var( --e-global-color-6944309 );}.elementor-7144 .elementor-element.elementor-element-dfad68b{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-7144 .elementor-element.elementor-element-dfad68b > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-7144 .elementor-element.elementor-element-dfad68b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7144 .elementor-element.elementor-element-bcbc227{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-7144 .elementor-element.elementor-element-bcbc227 > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-7144 .elementor-element.elementor-element-bcbc227.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7144 .elementor-element.elementor-element-9c67cf4{--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-7144 .elementor-element.elementor-element-1bae78d .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-7144 .elementor-element.elementor-element-1fa0a9b .elementor-button{background-color:#02010100;font-family:"Noto Sans Thai", Sans-serif;font-size:15px;font-weight:400;line-height:28px;fill:var( --e-global-color-c85b781 );color:var( --e-global-color-c85b781 );border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-ac7e4ed );border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7144 .elementor-element.elementor-element-1fa0a9b > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-7144 .elementor-element.elementor-element-9aafb89 > .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-7144 .elementor-element.elementor-element-9aafb89{font-family:"Noto Sans Thai", Sans-serif;font-size:13px;font-weight:400;line-height:13px;color:var( --e-global-color-17259e2 );}.elementor-7144 .elementor-element.elementor-element-9a7c456{--display:flex;--min-height:737px;--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-7144 .elementor-element.elementor-element-c4fe8af{--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-7144 .elementor-element.elementor-element-c4fe8af:not(.elementor-motion-effects-element-type-background), .elementor-7144 .elementor-element.elementor-element-c4fe8af > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4057795 );}body:not(.rtl) .elementor-7144 .elementor-element.elementor-element-c4fe8af{left:64px;}body.rtl .elementor-7144 .elementor-element.elementor-element-c4fe8af{right:64px;}.elementor-7144 .elementor-element.elementor-element-07b7974{--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-7144 .elementor-element.elementor-element-07b7974:not(.elementor-motion-effects-element-type-background), .elementor-7144 .elementor-element.elementor-element-07b7974 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5EEEA;background-image:url("https://staging.sita-clinic.com/wp-content/uploads/2026/09/sita-clinic-freckles-consultation.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-7144 .elementor-element.elementor-element-07b7974.e-con{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-7144 .elementor-element.elementor-element-07b7974{left:0px;}body.rtl .elementor-7144 .elementor-element.elementor-element-07b7974{right:0px;}.elementor-7144 .elementor-element.elementor-element-5a74468{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-7144 .elementor-element.elementor-element-5a74468 > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-7144 .elementor-element.elementor-element-5a74468.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7144 .elementor-element.elementor-element-ff99c7a > .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-7144 .elementor-element.elementor-element-ff99c7a{font-family:"Noto Sans Thai", Sans-serif;font-size:13px;font-weight:400;line-height:13px;color:var( --e-global-color-17259e2 );}.elementor-7144 .elementor-element.elementor-element-668993f{--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-7144 .elementor-element.elementor-element-8a03590{--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-7144 .elementor-element.elementor-element-46da1b4{--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-7144 .elementor-element.elementor-element-bb49ef3{--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-7144 .elementor-element.elementor-element-be02d37{--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-7144 .elementor-element.elementor-element-82f47e8{--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-7144 .elementor-element.elementor-element-0cbb839{--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-7144 .elementor-element.elementor-element-46cfa75{--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-7144 .elementor-element.elementor-element-97b1994{--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-7144 .elementor-element.elementor-element-69f43de{--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-7144 .elementor-element.elementor-element-c8319af{--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-7144 .elementor-element.elementor-element-9da77e8{--width:106.657%;}.elementor-7144 .elementor-element.elementor-element-dccedc5{--content-width:1264px;}.elementor-7144 .elementor-element.elementor-element-7f1e9d9{--width:55.01%;}.elementor-7144 .elementor-element.elementor-element-9a7c456{--width:39.29%;}.elementor-7144 .elementor-element.elementor-element-c4fe8af{--width:520px;}.elementor-7144 .elementor-element.elementor-element-07b7974{--width:496px;}}@media(max-width:1024px) and (min-width:768px){.elementor-7144 .elementor-element.elementor-element-7f1e9d9{--width:50%;}.elementor-7144 .elementor-element.elementor-element-9c67cf4{--width:100%;}.elementor-7144 .elementor-element.elementor-element-9a7c456{--width:47.88%;}.elementor-7144 .elementor-element.elementor-element-c4fe8af{--width:340px;}.elementor-7144 .elementor-element.elementor-element-07b7974{--width:340px;}}@media(max-width:1024px){.elementor-7144 .elementor-element.elementor-element-dccedc5{--justify-content:flex-start;--padding-top:56px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-7144 .elementor-element.elementor-element-dccedc5.e-con{--align-self:flex-start;}.elementor-7144 .elementor-element.elementor-element-7f1e9d9{--padding-top:0px;--padding-bottom:56px;--padding-left:0px;--padding-right:0px;}.elementor-7144 .elementor-element.elementor-element-793a182 > .elementor-widget-container{margin:0px 0px 28px 0px;}.elementor-7144 .elementor-element.elementor-element-793a182{font-size:11px;letter-spacing:1.8px;}.elementor-7144 .elementor-element.elementor-element-3c7df6d > .elementor-widget-container{margin:0px 0px 28px 0px;}.elementor-7144 .elementor-element.elementor-element-3c7df6d{font-size:11px;line-height:1.6em;letter-spacing:1.8px;}.elementor-7144 .elementor-element.elementor-element-ac50c29 .elementor-heading-title{font-size:56px;line-height:1.04em;}.elementor-7144 .elementor-element.elementor-element-dfad68b > .elementor-widget-container{margin:24px 0px 0px 0px;}.elementor-7144 .elementor-element.elementor-element-dfad68b{font-size:16px;}.elementor-7144 .elementor-element.elementor-element-bcbc227 > .elementor-widget-container{margin:24px 0px 0px 0px;}.elementor-7144 .elementor-element.elementor-element-bcbc227{font-size:16px;}.elementor-7144 .elementor-element.elementor-element-9c67cf4{--gap:16px 16px;--row-gap:16px;--column-gap:16px;--margin-top:32px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7144 .elementor-element.elementor-element-1bae78d{width:auto;max-width:auto;}.elementor-7144 .elementor-element.elementor-element-1bae78d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7144 .elementor-element.elementor-element-1bae78d .elementor-button{font-size:15px;padding:10px 20px 10px 20px;}.elementor-7144 .elementor-element.elementor-element-1fa0a9b{width:auto;max-width:auto;}.elementor-7144 .elementor-element.elementor-element-1fa0a9b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7144 .elementor-element.elementor-element-1fa0a9b .elementor-button{font-size:14px;}.elementor-7144 .elementor-element.elementor-element-9aafb89 > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-7144 .elementor-element.elementor-element-9aafb89{line-height:1.3em;letter-spacing:-0.3px;}.elementor-7144 .elementor-element.elementor-element-9a7c456{--min-height:841px;}.elementor-7144 .elementor-element.elementor-element-9a7c456.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7144 .elementor-element.elementor-element-c4fe8af{--min-height:400px;top:40px;}body:not(.rtl) .elementor-7144 .elementor-element.elementor-element-c4fe8af{left:40px;}body.rtl .elementor-7144 .elementor-element.elementor-element-c4fe8af{right:40px;}.elementor-7144 .elementor-element.elementor-element-07b7974{--min-height:400px;top:0px;}body:not(.rtl) .elementor-7144 .elementor-element.elementor-element-07b7974{left:0px;}body.rtl .elementor-7144 .elementor-element.elementor-element-07b7974{right:0px;}.elementor-7144 .elementor-element.elementor-element-5a74468 > .elementor-widget-container{margin:24px 0px 0px 0px;}.elementor-7144 .elementor-element.elementor-element-5a74468{font-size:16px;}.elementor-7144 .elementor-element.elementor-element-ff99c7a > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-7144 .elementor-element.elementor-element-ff99c7a{line-height:1.3em;letter-spacing:-0.3px;}}@media(max-width:767px){.elementor-7144 .elementor-element.elementor-element-dccedc5{--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-7144 .elementor-element.elementor-element-7f1e9d9{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7144 .elementor-element.elementor-element-793a182 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7144 .elementor-element.elementor-element-793a182{line-height:1.4em;}.elementor-7144 .elementor-element.elementor-element-3c7df6d > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-7144 .elementor-element.elementor-element-3c7df6d{line-height:1.4em;}.elementor-7144 .elementor-element.elementor-element-ac50c29 > .elementor-widget-container{margin:22px 0px 0px 0px;}.elementor-7144 .elementor-element.elementor-element-ac50c29 .elementor-heading-title{font-size:36px;letter-spacing:-0.7px;}.elementor-7144 .elementor-element.elementor-element-dfad68b > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-7144 .elementor-element.elementor-element-dfad68b{font-size:15px;line-height:1.75em;}.elementor-7144 .elementor-element.elementor-element-bcbc227 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-7144 .elementor-element.elementor-element-bcbc227{font-size:15px;line-height:1.75em;}.elementor-7144 .elementor-element.elementor-element-9c67cf4{--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-7144 .elementor-element.elementor-element-1bae78d{width:100%;max-width:100%;}.elementor-7144 .elementor-element.elementor-element-1bae78d .elementor-button{padding:16px 20px 16px 20px;}.elementor-7144 .elementor-element.elementor-element-1fa0a9b > .elementor-widget-container{padding:10px 0px 0px 0px;}.elementor-7144 .elementor-element.elementor-element-9a7c456{--min-height:473px;}.elementor-7144 .elementor-element.elementor-element-5a74468 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-7144 .elementor-element.elementor-element-5a74468{font-size:15px;line-height:1.75em;}}/* Start custom CSS for button, class: .elementor-element-1bae78d */.elementor-7144 .elementor-element.elementor-element-1bae78d .elementor-button-text {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dccedc5 *//* =========================================================
   SITA CLINIC V2 — FRECKLES
   F01 / FRECKLES HERO

   FINAL RESPONSIVE PRODUCTION CSS
   ---------------------------------------------------------
   Desktop:
   - Original Standfirst
   - Original Meta
   - Offset Visual Panel
   - Portrait on the right

   Tablet Portrait + Mobile <= 768px:
   - Original Standfirst / Meta hidden
   - Visual becomes full-width / full-bleed
   - Portrait becomes 4:3
   - Standfirst Mobile + Meta Mobile shown after Portrait

   IMPORTANT:
   - No order
   - No --order
   - No grid-row
   - No grid-column
   - No CSS DOM reordering
   ========================================================= */


/* =========================================================
   0. RESPONSIVE COPY — HIDDEN BY DEFAULT
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-dccedc5 .sita-freckles-hero__standfirst-mobile,
.elementor-7144 .elementor-element.elementor-element-dccedc5 .sita-freckles-hero__meta-mobile {
  display: none !important;
}


/* =========================================================
   1. TABLET LANDSCAPE
   769px–1024px

   Preserve desktop editorial composition
   and prevent flex overflow.
   ========================================================= */

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

  .elementor-7144 .elementor-element.elementor-element-dccedc5 .sita-freckles-hero__inner,
  .elementor-7144 .elementor-element.elementor-element-dccedc5 .sita-freckles-hero__visual {
    min-width: 0 !important;
    flex-shrink: 1 !important;
  }

}


/* =========================================================
   2. TABLET PORTRAIT + MOBILE
   <= 768px
   ========================================================= */

@media (max-width: 768px) {

  /* -------------------------------------------------------
     2.1 OUTER HERO
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-dccedc5 {
    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    overflow-x: clip !important;
    overflow-y: visible !important;
  }


  /* -------------------------------------------------------
     2.2 ELEMENTOR OUTER WRAPPER
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-dccedc5 > .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    overflow: visible !important;
  }


  /* -------------------------------------------------------
     2.3 F01 HERO CONTENT CONTAINER
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-dccedc5 .sita-freckles-hero__inner {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;

    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;

    flex: 0 0 auto !important;
    flex-basis: auto !important;

    align-self: stretch !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;

    overflow: visible !important;
  }


  /* -------------------------------------------------------
     2.4 NORMALIZE COPIED DESKTOP WIDTHS
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-dccedc5 .sita-freckles-hero__eyebrow,
  .elementor-7144 .elementor-element.elementor-element-dccedc5 .sita-freckles-hero__title,
  .elementor-7144 .elementor-element.elementor-element-dccedc5 .sita-freckles-hero__standfirst,
  .elementor-7144 .elementor-element.elementor-element-dccedc5 .sita-freckles-hero__instruction,
  .elementor-7144 .elementor-element.elementor-element-dccedc5 .sita-freckles-hero__actions,
  .elementor-7144 .elementor-element.elementor-element-dccedc5 .sita-freckles-hero__meta,
  .elementor-7144 .elementor-element.elementor-element-dccedc5 .sita-freckles-hero__standfirst-mobile,
  .elementor-7144 .elementor-element.elementor-element-dccedc5 .sita-freckles-hero__meta-mobile {
    width: 100% !important;
    max-width: 100% !important;
  }


  /* -------------------------------------------------------
     2.5 CTA GROUP

     Base responsive behaviour:
     stacked

     601–768px is overridden later to 2 columns.
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-dccedc5 .sita-freckles-hero__actions {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;

    align-items: stretch !important;

    width: 100% !important;

    gap: 12px !important;
  }

  .elementor-7144 .elementor-element.elementor-element-dccedc5 .sita-freckles-hero__actions > .elementor-element {
    width: 100% !important;
    max-width: 100% !important;
  }

  .elementor-7144 .elementor-element.elementor-element-dccedc5 .sita-freckles-hero__actions .elementor-button-wrapper {
    width: 100% !important;
  }

  .elementor-7144 .elementor-element.elementor-element-dccedc5 .sita-freckles-hero__actions .elementor-button {
    display: flex !important;

    width: 100% !important;
    min-height: 54px !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
  }


  /* -------------------------------------------------------
     2.6 SWITCH TO RESPONSIVE COPY

     Desktop Standfirst / Meta are hidden.
     Copies inside Hero Visual are shown instead.
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-dccedc5 .sita-freckles-hero__standfirst,
  .elementor-7144 .elementor-element.elementor-element-dccedc5 .sita-freckles-hero__meta {
    display: none !important;
  }

  .elementor-7144 .elementor-element.elementor-element-dccedc5 .sita-freckles-hero__standfirst-mobile,
  .elementor-7144 .elementor-element.elementor-element-dccedc5 .sita-freckles-hero__meta-mobile {
    display: block !important;

    visibility: visible !important;
    opacity: 1 !important;

    width: 100% !important;
    max-width: 100% !important;

    box-sizing: border-box !important;

    padding-left: 40px !important;
    padding-right: 40px !important;

    background: #FFFFFF;
  }


  /* -------------------------------------------------------
     2.7 HERO VISUAL

     Tablet gutter = 40px
     Full-bleed breakout = 80px
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-dccedc5 .sita-freckles-hero__visual {
    display: block !important;

    visibility: visible !important;
    opacity: 1 !important;

    position: relative !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    width: calc(100% + 80px) !important;
    max-width: none !important;

    flex: 0 0 auto !important;
    flex-basis: auto !important;

    align-self: stretch !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin-top: 32px !important;
    margin-right: -40px !important;
    margin-bottom: 0 !important;
    margin-left: -40px !important;

    padding: 0 !important;

    transform: none !important;

    overflow: hidden !important;

    background: #FFFFFF;
  }


  /* -------------------------------------------------------
     2.8 DECORATIVE OFFSET PANEL

     Desktop / tablet landscape only.
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-dccedc5 .sita-freckles-hero__visual-panel {
    display: none !important;
  }


  /* -------------------------------------------------------
     2.9 HERO PORTRAIT

     Responsive visual = horizontal 4:3.
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-dccedc5 .sita-freckles-hero__portrait {
    display: block !important;

    visibility: visible !important;
    opacity: 1 !important;

    position: relative !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    inset: auto !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    aspect-ratio: 4 / 3 !important;

    flex: none !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;

    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;

    overflow: hidden !important;
  }


  /* -------------------------------------------------------
     2.10 RESPONSIVE STANDFIRST

     Directly below Portrait.
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-dccedc5 .sita-freckles-hero__standfirst-mobile {
    margin-top: 0 !important;
    margin-bottom: 0 !important;

    padding-top: 22px !important;
    padding-bottom: 18px !important;
  }


  /* -------------------------------------------------------
     2.11 RESPONSIVE META / DISCLAIMER
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-dccedc5 .sita-freckles-hero__meta-mobile {
    margin-top: 0 !important;
    margin-bottom: 0 !important;

    padding-top: 18px !important;
    padding-bottom: 28px !important;
  }

}


/* =========================================================
   3. TABLET PORTRAIT
   601px–768px

   Keep both CTAs side-by-side.
   ========================================================= */

@media (min-width: 601px) and (max-width: 768px) {

  .elementor-7144 .elementor-element.elementor-element-dccedc5 .sita-freckles-hero__actions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;

    align-items: stretch !important;

    gap: 12px !important;
  }

  .elementor-7144 .elementor-element.elementor-element-dccedc5 .sita-freckles-hero__actions > .elementor-element {
    flex: 1 1 0 !important;

    width: auto !important;
    max-width: none !important;
  }

  .elementor-7144 .elementor-element.elementor-element-dccedc5 .sita-freckles-hero__actions .elementor-button-wrapper,
  .elementor-7144 .elementor-element.elementor-element-dccedc5 .sita-freckles-hero__actions .elementor-button {
    width: 100% !important;
  }

}


/* =========================================================
   4. MOBILE
   <= 600px

   SITA V2 Mobile gutter = 24px
   Full-bleed breakout = 48px
   ========================================================= */

@media (max-width: 600px) {

  /* -------------------------------------------------------
     4.1 CTA STACK
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-dccedc5 .sita-freckles-hero__actions {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;

    gap: 10px !important;
  }


  /* -------------------------------------------------------
     4.2 FULL-BLEED HERO VISUAL
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-dccedc5 .sita-freckles-hero__visual {
    width: calc(100% + 48px) !important;

    margin-top: 26px !important;
    margin-right: -24px !important;
    margin-bottom: 0 !important;
    margin-left: -24px !important;
  }


  /* -------------------------------------------------------
     4.3 MOBILE TEXT GUTTER = 24px
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-dccedc5 .sita-freckles-hero__standfirst-mobile,
  .elementor-7144 .elementor-element.elementor-element-dccedc5 .sita-freckles-hero__meta-mobile {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }


  /* -------------------------------------------------------
     4.4 MOBILE STANDFIRST
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-dccedc5 .sita-freckles-hero__standfirst-mobile {
    padding-top: 18px !important;
    padding-bottom: 16px !important;
  }


  /* -------------------------------------------------------
     4.5 MOBILE META / DISCLAIMER
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-dccedc5 .sita-freckles-hero__meta-mobile {
    padding-top: 16px !important;
    padding-bottom: 24px !important;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-668993f *//* =========================================================
   SITA CLINIC V2 — FRECKLES
   F02 / ONE WORD, MORE THAN ONE CONTEXT

   Section:
   #freckles-context
   .sita-freckles-context

   CSS LOCATION:
   FR02 — Context
   Advanced → Custom CSS

   SITA V2:
   Desktop 1440 → 1264 content / 88px gutters
   Tablet landscape → 40px gutters
   Tablet portrait → 32px gutters
   Mobile → 24px gutters
   ========================================================= */


/* =========================================================
   0. SECTION FOUNDATION
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-668993f {
  --sita-primary: #BB6358;
  --sita-deep: #723129;
  --sita-warm: #9A614D;
  --sita-ink: #2A2422;
  --sita-body: #4A3D39;

  --sita-soft: #FBF4F0;

  --sita-line:
    rgba(114, 49, 41, 0.14);

  --sita-line-strong:
    rgba(114, 49, 41, 0.30);

  position: relative;

  width: 100%;
  max-width: none;

  margin: 0;

  padding-top: 112px;
  padding-right: max(88px, calc((100vw - 1264px) / 2));
  padding-bottom: 112px;
  padding-left: max(88px, calc((100vw - 1264px) / 2));

  background: var(--sita-soft);

  color: var(--sita-ink);

  font-family:
    "Noto Sans Thai",
    "Noto Sans",
    sans-serif;

  overflow: hidden;
}


/* =========================================================
   0.1 BOX SIZING
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-668993f,
.elementor-7144 .elementor-element.elementor-element-668993f *,
.elementor-7144 .elementor-element.elementor-element-668993f *::before,
.elementor-7144 .elementor-element.elementor-element-668993f *::after {
  box-sizing: border-box;
}


/* =========================================================
   0.2 HTML WIDGET NORMALIZATION
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-668993f .elementor-widget-html,
.elementor-7144 .elementor-element.elementor-element-668993f .elementor-widget-html .elementor-widget-container {
  width: 100%;
  max-width: 100%;
}


/* =========================================================
   1. SECTION TOP LINE
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-668993f .sita-freckles-context__topline {
  display: flex;

  justify-content: space-between;
  align-items: baseline;

  gap: 24px;

  width: 100%;

  margin: 0;

  font-size: 13px;
  line-height: 1.5;
  font-weight: 500;

  color: var(--sita-primary);
}

.elementor-7144 .elementor-element.elementor-element-668993f .sita-freckles-context__topline span:first-child {
  color: var(--sita-primary);
}

.elementor-7144 .elementor-element.elementor-element-668993f .sita-freckles-context__topline span:last-child {
  flex: 0 0 auto;

  font-size: 12px;
  line-height: 1.5;

  letter-spacing: 0.20em;

  color: var(--sita-warm);
}


/* =========================================================
   2. H2
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-668993f .sita-freckles-context__title {
  width: 100%;
  max-width: 980px;

  margin: 28px 0 0;
  padding: 0;

  font-family:
    "Anuphan",
    sans-serif;

  font-size: 48px;
  line-height: 1.18;

  font-weight: 300;

  letter-spacing: -0.01em;

  color: var(--sita-ink);

  text-wrap: balance;
}


/* =========================================================
   3. MAIN GRID
   Desktop = 5 : 7
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-668993f .sita-freckles-context__grid {
  display: grid;

  grid-template-columns:
    minmax(0, 5fr)
    minmax(0, 7fr);

  gap: 72px;

  align-items: start;

  width: 100%;

  margin-top: 64px;
}


/* =========================================================
   4. EDITORIAL WORD DEVICE
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-668993f .sita-freckles-context__word-block {
  min-width: 0;

  padding-top: 28px;

  border-top:
    1px solid var(--sita-line-strong);
}

.elementor-7144 .elementor-element.elementor-element-668993f .sita-freckles-context__word {
  margin: 0;

  font-family:
    "Anuphan",
    sans-serif;

  font-size: 168px;
  line-height: 0.95;

  font-weight: 200;

  letter-spacing: -0.035em;

  color: var(--sita-deep);
}

.elementor-7144 .elementor-element.elementor-element-668993f .sita-freckles-context__word-note {
  max-width: 430px;

  margin: 22px 0 0;

  font-size: 15px;
  line-height: 1.8;

  font-weight: 300;

  color: var(--sita-warm);

  text-wrap: pretty;
}


/* =========================================================
   5. CONTENT COLUMN
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-668993f .sita-freckles-context__content {
  min-width: 0;
}

.elementor-7144 .elementor-element.elementor-element-668993f .sita-freckles-context__lead {
  margin: 0;

  font-size: 18px;
  line-height: 1.85;

  font-weight: 300;

  color: var(--sita-ink);

  text-wrap: pretty;
}

.elementor-7144 .elementor-element.elementor-element-668993f .sita-freckles-context__body {
  margin: 14px 0 0;

  font-size: 17px;
  line-height: 1.85;

  font-weight: 300;

  color: var(--sita-body);

  text-wrap: pretty;
}


/* =========================================================
   6. OBSERVATION LIST
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-668993f .sita-freckles-context__observations {
  list-style: none;

  width: 100%;

  margin: 36px 0 0;
  padding: 0;

  border-top:
    1px solid var(--sita-line-strong);
}

.elementor-7144 .elementor-element.elementor-element-668993f .sita-freckles-context__observations li {
  display: grid;

  grid-template-columns:
    48px
    minmax(0, 1fr);

  gap: 16px;

  align-items: baseline;

  margin: 0;

  padding: 16px 0;

  border-bottom:
    1px solid var(--sita-line);
}

.elementor-7144 .elementor-element.elementor-element-668993f .sita-freckles-context__observations li:last-child {
  border-bottom-color:
    var(--sita-line-strong);
}

.elementor-7144 .elementor-element.elementor-element-668993f .sita-freckles-context__number {
  font-family:
    "Anuphan",
    sans-serif;

  font-size: 22px;
  line-height: 1.2;

  font-weight: 200;

  color: var(--sita-primary);
}

.elementor-7144 .elementor-element.elementor-element-668993f
.sita-freckles-context__observations
li > span:last-child {
  font-size: 18px;
  line-height: 1.6;

  font-weight: 400;

  color: var(--sita-ink);
}


/* =========================================================
   7. OBSERVATION NOTE
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-668993f .sita-freckles-context__note {
  max-width: 680px;

  margin: 20px 0 0;

  font-size: 15px;
  line-height: 1.8;

  font-weight: 300;

  color: var(--sita-warm);

  text-wrap: pretty;
}


/* =========================================================
   8. TABLET LANDSCAPE
   769px–1199px

   Source:
   5:7 maintained
   "กระ" → 120px
   ========================================================= */

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

  .elementor-7144 .elementor-element.elementor-element-668993f {
    padding-top: 88px;
    padding-right: 40px;
    padding-bottom: 88px;
    padding-left: 40px;
  }

  .elementor-7144 .elementor-element.elementor-element-668993f .sita-freckles-context__title {
    max-width: 820px;

    font-size: 40px;
    line-height: 1.2;
  }

  .elementor-7144 .elementor-element.elementor-element-668993f .sita-freckles-context__grid {
    grid-template-columns:
      minmax(0, 5fr)
      minmax(0, 7fr);

    gap: 48px;

    margin-top: 52px;
  }

  .elementor-7144 .elementor-element.elementor-element-668993f .sita-freckles-context__word {
    font-size: 120px;
  }

  .elementor-7144 .elementor-element.elementor-element-668993f .sita-freckles-context__word-note {
    max-width: 340px;

    margin-top: 18px;

    font-size: 14px;
  }

  .elementor-7144 .elementor-element.elementor-element-668993f .sita-freckles-context__lead {
    font-size: 17px;
  }

  .elementor-7144 .elementor-element.elementor-element-668993f .sita-freckles-context__body {
    font-size: 16px;
  }

  .elementor-7144 .elementor-element.elementor-element-668993f
  .sita-freckles-context__observations
  li > span:last-child {
    font-size: 17px;
  }

}


/* =========================================================
   9. TABLET PORTRAIT
   <= 768px

   Source:
   stacked
   "กระ" → 100px
   ========================================================= */

@media (max-width: 768px) {

  .elementor-7144 .elementor-element.elementor-element-668993f {
    padding-top: 72px;
    padding-right: 32px;
    padding-bottom: 72px;
    padding-left: 32px;
  }


  /* -----------------------------------------
     Topline
     ----------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-668993f .sita-freckles-context__topline {
    align-items: flex-start;

    gap: 16px;
  }


  /* -----------------------------------------
     H2
     ----------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-668993f .sita-freckles-context__title {
    max-width: 680px;

    margin-top: 20px;

    font-size: 34px;
    line-height: 1.24;
  }


  /* -----------------------------------------
     Main layout
     ----------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-668993f .sita-freckles-context__grid {
    grid-template-columns: 1fr;

    gap: 36px;

    margin-top: 48px;
  }


  /* -----------------------------------------
     Word device
     ----------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-668993f .sita-freckles-context__word {
    font-size: 100px;
  }

  .elementor-7144 .elementor-element.elementor-element-668993f .sita-freckles-context__word-note {
    max-width: 560px;
  }


  /* -----------------------------------------
     Observations
     ----------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-668993f .sita-freckles-context__observations {
    margin-top: 28px;
  }

}


/* =========================================================
   10. MOBILE
   <= 480px

   Source:
   "กระ" → 88px
   observation factors → compact dotted line
   ========================================================= */

@media (max-width: 480px) {

  .elementor-7144 .elementor-element.elementor-element-668993f {
    padding-top: 56px;
    padding-right: 24px;
    padding-bottom: 56px;
    padding-left: 24px;

    overflow: hidden;
  }


  /* =======================================================
     10.1 TOPLINE
     ======================================================= */

  .elementor-7144 .elementor-element.elementor-element-668993f .sita-freckles-context__topline {
    display: block;

    font-size: 12px;
    line-height: 1.5;
  }

  .elementor-7144 .elementor-element.elementor-element-668993f
  .sita-freckles-context__topline
  span:last-child {
    display: none;
  }


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

  .elementor-7144 .elementor-element.elementor-element-668993f .sita-freckles-context__title {
    max-width: none;

    margin-top: 14px;

    font-size: 27px;
    line-height: 1.25;

    letter-spacing: 0;
  }

  .elementor-7144 .elementor-element.elementor-element-668993f .sita-freckles-context__title br {
    display: none;
  }


  /* =======================================================
     10.3 MAIN GRID
     ======================================================= */

  .elementor-7144 .elementor-element.elementor-element-668993f .sita-freckles-context__grid {
    grid-template-columns: 1fr;

    gap: 24px;

    margin-top: 22px;
  }


  /* =======================================================
     10.4 WORD DEVICE
     ======================================================= */

  .elementor-7144 .elementor-element.elementor-element-668993f .sita-freckles-context__word-block {
    padding-top: 14px;
  }

  .elementor-7144 .elementor-element.elementor-element-668993f .sita-freckles-context__word {
    font-size: 88px;
    line-height: 0.95;
  }

  .elementor-7144 .elementor-element.elementor-element-668993f .sita-freckles-context__word-note {
    max-width: none;

    margin-top: 14px;

    font-size: 14px;
    line-height: 1.75;
  }


  /* =======================================================
     10.5 COPY
     ======================================================= */

  .elementor-7144 .elementor-element.elementor-element-668993f .sita-freckles-context__lead {
    font-size: 15px;
    line-height: 1.8;
  }

  .elementor-7144 .elementor-element.elementor-element-668993f .sita-freckles-context__body {
    margin-top: 10px;

    font-size: 15px;
    line-height: 1.8;
  }


  /* =======================================================
     10.6 OBSERVATIONS
     Compact dotted-line treatment
     ======================================================= */

  .elementor-7144 .elementor-element.elementor-element-668993f .sita-freckles-context__observations {
    display: flex;

    flex-wrap: wrap;

    align-items: baseline;

    gap: 0;

    width: 100%;

    margin-top: 18px;

    padding-top: 14px;

    border-top:
      1px solid var(--sita-line-strong);
  }

  .elementor-7144 .elementor-element.elementor-element-668993f .sita-freckles-context__observations li {
    display: inline-flex;

    align-items: baseline;

    width: auto;

    margin: 0;

    padding: 0;

    border: 0;
  }

  .elementor-7144 .elementor-element.elementor-element-668993f
  .sita-freckles-context__observations
  li:not(:last-child)::after {
    content: "·";

    display: inline-block;

    margin: 0 7px;

    color: var(--sita-primary);
  }

  .elementor-7144 .elementor-element.elementor-element-668993f .sita-freckles-context__number {
    display: none;
  }

  .elementor-7144 .elementor-element.elementor-element-668993f
  .sita-freckles-context__observations
  li > span:last-child {
    font-size: 14px;
    line-height: 1.8;

    font-weight: 400;
  }


  /* =======================================================
     10.7 NOTE
     ======================================================= */

  .elementor-7144 .elementor-element.elementor-element-668993f .sita-freckles-context__note {
    max-width: none;

    margin-top: 14px;

    font-size: 13px;
    line-height: 1.75;
  }

}


/* =========================================================
   11. VERY SMALL MOBILE SAFETY
   <= 360px
   ========================================================= */

@media (max-width: 360px) {

  .elementor-7144 .elementor-element.elementor-element-668993f {
    padding-right: 20px;
    padding-left: 20px;
  }

  .elementor-7144 .elementor-element.elementor-element-668993f .sita-freckles-context__title {
    font-size: 25px;
  }

  .elementor-7144 .elementor-element.elementor-element-668993f .sita-freckles-context__word {
    font-size: 80px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1dbc421 *//* =========================================================
   SITA CLINIC V2 — FRECKLES
   F03 / FRECKLES & SUN-RELATED SPOTS

   Section:
   #freckles-patterns
   .sita-freckles-patterns

   CSS LOCATION:
   FR03 — Patterns
   Advanced → Custom CSS
   ========================================================= */


/* =========================================================
   0. SECTION FOUNDATION
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-1dbc421 {
  --sita-primary: #BB6358;
  --sita-deep: #723129;
  --sita-warm: #9A614D;
  --sita-ink: #2A2422;
  --sita-body: #4A3D39;

  --sita-bg: #FFFFFF;

  --sita-line:
    rgba(114, 49, 41, 0.14);

  --sita-line-strong:
    rgba(114, 49, 41, 0.35);

  position: relative;

  width: 100%;
  max-width: none;

  margin: 0;

  padding-top: 112px;
  padding-right: max(88px, calc((100vw - 1264px) / 2));
  padding-bottom: 112px;
  padding-left: max(88px, calc((100vw - 1264px) / 2));

  background: var(--sita-bg);

  color: var(--sita-ink);

  font-family:
    "Noto Sans Thai",
    "Noto Sans",
    sans-serif;

  overflow: hidden;
}


.elementor-7144 .elementor-element.elementor-element-1dbc421,
.elementor-7144 .elementor-element.elementor-element-1dbc421 *,
.elementor-7144 .elementor-element.elementor-element-1dbc421 *::before,
.elementor-7144 .elementor-element.elementor-element-1dbc421 *::after {
  box-sizing: border-box;
}


/* =========================================================
   HTML WIDGET NORMALIZATION
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-1dbc421 .elementor-widget-html,
.elementor-7144 .elementor-element.elementor-element-1dbc421 .elementor-widget-html .elementor-widget-container {
  width: 100%;
  max-width: 100%;
}


/* =========================================================
   1. TOP LINE
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__topline {
  display: flex;

  justify-content: space-between;
  align-items: baseline;

  gap: 24px;

  width: 100%;

  margin: 0;

  font-size: 13px;
  line-height: 1.5;

  font-weight: 500;

  color: var(--sita-primary);
}

.elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__topline span:last-child {
  flex: 0 0 auto;

  font-size: 12px;
  line-height: 1.5;

  letter-spacing: 0.20em;

  color: var(--sita-warm);
}


/* =========================================================
   2. INTRO
   Desktop = 7 : 5
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__intro {
  display: grid;

  grid-template-columns:
    minmax(0, 7fr)
    minmax(0, 5fr);

  gap: 72px;

  align-items: end;

  width: 100%;

  margin-top: 28px;
}


.elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__title {
  margin: 0;
  padding: 0;

  font-family:
    "Anuphan",
    sans-serif;

  font-size: 48px;
  line-height: 1.18;

  font-weight: 300;

  letter-spacing: -0.01em;

  color: var(--sita-ink);

  text-wrap: balance;
}


.elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__lead {
  margin: 0;

  font-size: 17px;
  line-height: 1.85;

  font-weight: 300;

  color: var(--sita-body);

  text-wrap: pretty;
}


/* =========================================================
   3. MAIN LAYOUT
   Desktop = image 5 : rows 7
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__main {
  display: grid;

  grid-template-columns:
    minmax(0, 5fr)
    minmax(0, 7fr);

  gap: 72px;

  align-items: start;

  width: 100%;

  margin-top: 64px;
}


/* =========================================================
   4. FIGURE / IMAGE
   Desktop portrait 4:5
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__figure {
  position: relative;

  width: 100%;

  margin: 0;
  padding: 0;

  overflow: hidden;

  background: #F6EDE8;
}


.elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__figure img {
  display: block;

  width: 100%;
  height: auto;

  aspect-ratio: 4 / 5;

  object-fit: cover;
  object-position: center center;
}


/* =========================================================
   5. ROWS WRAPPER
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__rows {
  min-width: 0;

  border-top:
    1px solid var(--sita-line-strong);
}


/* =========================================================
   6. INDIVIDUAL ROW
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__row {
  display: grid;

  grid-template-columns:
    64px
    minmax(0, 1fr);

  gap: 28px;

  align-items: start;

  padding: 32px 0 36px;

  border-bottom:
    1px solid var(--sita-line);
}


.elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__row:nth-of-type(2) {
  border-bottom-color:
    var(--sita-line-strong);
}


/* =========================================================
   7. NUMBER
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__number {
  font-family:
    "Anuphan",
    sans-serif;

  font-size: 34px;
  line-height: 1;

  font-weight: 200;

  color: var(--sita-primary);
}


/* =========================================================
   8. ROW HEAD
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__row-head {
  display: flex;

  justify-content: space-between;
  align-items: baseline;

  flex-wrap: wrap;

  gap: 12px 20px;
}


.elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__row-head h3 {
  margin: 0;

  font-size: 26px;
  line-height: 1.4;

  font-weight: 500;

  color: var(--sita-deep);
}


.elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__row-head span {
  font-size: 11px;
  line-height: 1.5;

  letter-spacing: 0.16em;

  color: var(--sita-warm);
}


/* =========================================================
   9. ROW COPY
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__row-primary {
  margin: 14px 0 0;

  font-size: 18px;
  line-height: 1.85;

  font-weight: 300;

  color: var(--sita-ink);

  text-wrap: pretty;
}


.elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__row-secondary {
  margin: 12px 0 0;

  font-size: 17px;
  line-height: 1.85;

  font-weight: 300;

  color: var(--sita-body);

  text-wrap: pretty;
}


/* =========================================================
   10. CLOSING STATEMENT
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__closing {
  padding-top: 32px;
  padding-left: 92px;
}


.elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__closing-title {
  margin: 0;

  font-family:
    "Anuphan",
    sans-serif;

  font-size: 28px;
  line-height: 1.45;

  font-weight: 300;

  color: var(--sita-deep);

  text-wrap: pretty;
}


.elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__closing-note {
  margin: 14px 0 0;

  font-size: 15px;
  line-height: 1.8;

  font-weight: 300;

  color: var(--sita-warm);

  text-wrap: pretty;
}


/* =========================================================
   11. TABLET LANDSCAPE
   769px–1199px

   Keep image 4:5 and 5:7 relationship.
   ========================================================= */

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

  .elementor-7144 .elementor-element.elementor-element-1dbc421 {
    padding-top: 88px;
    padding-right: 40px;
    padding-bottom: 88px;
    padding-left: 40px;
  }


  .elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__intro {
    gap: 48px;
  }


  .elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__title {
    font-size: 40px;
    line-height: 1.2;
  }


  .elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__main {
    grid-template-columns:
      minmax(0, 5fr)
      minmax(0, 7fr);

    gap: 48px;

    margin-top: 52px;
  }


  .elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__row {
    grid-template-columns:
      54px
      minmax(0, 1fr);

    gap: 20px;

    padding: 28px 0 30px;
  }


  .elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__number {
    font-size: 30px;
  }


  .elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__row-head h3 {
    font-size: 23px;
  }


  .elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__row-primary {
    font-size: 17px;
  }


  .elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__row-secondary {
    font-size: 16px;
  }


  .elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__closing {
    padding-top: 28px;
    padding-left: 74px;
  }


  .elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__closing-title {
    font-size: 24px;
  }

}


/* =========================================================
   12. TABLET PORTRAIT
   <= 768px

   Source intent:
   Rows first
   Full-bleed image after rows
   ========================================================= */

@media (max-width: 768px) {

  .elementor-7144 .elementor-element.elementor-element-1dbc421 {
    padding-top: 72px;
    padding-right: 32px;
    padding-bottom: 72px;
    padding-left: 32px;
  }


  /* -------------------------------------------------------
     Topline
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__topline {
    align-items: flex-start;

    gap: 16px;
  }


  /* -------------------------------------------------------
     Intro stack
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__intro {
    grid-template-columns: 1fr;

    gap: 18px;

    margin-top: 20px;
  }


  .elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__title {
    font-size: 34px;
    line-height: 1.24;
  }


  .elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__lead {
    max-width: 680px;

    font-size: 16px;
  }


  /* -------------------------------------------------------
     Main becomes single-column
     Rows first, image second
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__main {
    display: flex;

    flex-direction: column;

    gap: 0;

    margin-top: 42px;
  }


  .elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__rows {
    order: 1;

    width: 100%;
  }


  .elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__figure {
    order: 2;

    width: calc(100% + 64px);

    margin-top: 36px;
    margin-right: -32px;
    margin-left: -32px;
  }


  .elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__figure img {
    aspect-ratio: 4 / 3;
  }


  /* -------------------------------------------------------
     Rows
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__row {
    grid-template-columns:
      48px
      minmax(0, 1fr);

    gap: 18px;

    padding: 24px 0 26px;
  }


  .elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__number {
    font-size: 26px;
  }


  .elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__row-head h3 {
    font-size: 21px;
  }


  .elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__row-primary {
    font-size: 16px;
    line-height: 1.8;
  }


  .elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__row-secondary {
    font-size: 15px;
    line-height: 1.8;
  }


  /* -------------------------------------------------------
     Closing
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__closing {
    padding-top: 26px;
    padding-left: 66px;
  }


  .elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__closing-title {
    font-size: 22px;
  }


  .elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__closing-note {
    font-size: 14px;
  }

}


/* =========================================================
   13. MOBILE
   <= 480px

   Source:
   - Row number + H3 same line
   - English label below
   - image full-bleed after rows
   ========================================================= */

@media (max-width: 480px) {

  .elementor-7144 .elementor-element.elementor-element-1dbc421 {
    padding-top: 56px;
    padding-right: 24px;
    padding-bottom: 56px;
    padding-left: 24px;
  }


  /* =======================================================
     13.1 TOPLINE
     ======================================================= */

  .elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__topline {
    display: block;

    font-size: 12px;
    line-height: 1.5;
  }


  .elementor-7144 .elementor-element.elementor-element-1dbc421
  .sita-freckles-patterns__topline
  span:last-child {
    display: none;
  }


  /* =======================================================
     13.2 INTRO
     ======================================================= */

  .elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__intro {
    gap: 12px;

    margin-top: 14px;
  }


  .elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__title {
    font-size: 30px;
    line-height: 1.25;
  }


  .elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__title br {
    display: none;
  }


  .elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__lead {
    font-size: 15px;
    line-height: 1.8;
  }


  /* =======================================================
     13.3 MAIN
     ======================================================= */

  .elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__main {
    margin-top: 26px;
  }


  /* =======================================================
     13.4 ROWS
     ======================================================= */

  .elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__row {
    grid-template-columns:
      42px
      minmax(0, 1fr);

    gap: 14px;

    padding: 20px 0 22px;
  }


  .elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__number {
    font-size: 24px;
    line-height: 1.25;
  }


  .elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__row-head {
    display: block;
  }


  .elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__row-head h3 {
    display: inline;

    margin: 0;

    font-size: 20px;
    line-height: 1.4;
  }


  .elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__row-head span {
    display: block;

    margin-top: 4px;

    font-size: 10px;
    line-height: 1.5;

    letter-spacing: 0.14em;
  }


  .elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__row-primary {
    margin-top: 10px;

    font-size: 15px;
    line-height: 1.8;
  }


  .elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__row-secondary {
    margin-top: 8px;

    font-size: 14px;
    line-height: 1.8;
  }


  /* =======================================================
     13.5 CLOSING
     ======================================================= */

  .elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__closing {
    padding-top: 22px;
    padding-left: 56px;
  }


  .elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__closing-title {
    font-size: 20px;
    line-height: 1.45;
  }


  .elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__closing-note {
    margin-top: 10px;

    font-size: 13px;
    line-height: 1.75;
  }


  /* =======================================================
     13.6 FULL-BLEED IMAGE
     ======================================================= */

  .elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__figure {
    width: calc(100% + 48px);

    margin-top: 30px;
    margin-right: -24px;
    margin-left: -24px;
  }


  .elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__figure img {
    width: 100%;

    aspect-ratio: 4 / 3;

    object-fit: cover;
  }

}


/* =========================================================
   14. VERY SMALL MOBILE SAFETY
   <= 360px
   ========================================================= */

@media (max-width: 360px) {

  .elementor-7144 .elementor-element.elementor-element-1dbc421 {
    padding-right: 20px;
    padding-left: 20px;
  }


  .elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__title {
    font-size: 28px;
  }


  .elementor-7144 .elementor-element.elementor-element-1dbc421 .sita-freckles-patterns__figure {
    width: calc(100% + 40px);

    margin-right: -20px;
    margin-left: -20px;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8a03590 *//* =========================================================
   SITA CLINIC V2 — FRECKLES
   F03 / FRECKLES & SUN-RELATED SPOTS

   Section:
   #freckles-patterns
   .sita-freckles-patterns

   CSS LOCATION:
   FR03 — Patterns
   Advanced → Custom CSS
   ========================================================= */


/* =========================================================
   0. SECTION FOUNDATION
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-8a03590 {
  --sita-primary: #BB6358;
  --sita-deep: #723129;
  --sita-warm: #9A614D;
  --sita-ink: #2A2422;
  --sita-body: #4A3D39;

  --sita-bg: #FFFFFF;

  --sita-line:
    rgba(114, 49, 41, 0.14);

  --sita-line-strong:
    rgba(114, 49, 41, 0.35);

  position: relative;

  width: 100%;
  max-width: none;

  margin: 0;

  padding-top: 112px;
  padding-right: max(88px, calc((100vw - 1264px) / 2));
  padding-bottom: 112px;
  padding-left: max(88px, calc((100vw - 1264px) / 2));

  background: var(--sita-bg);

  color: var(--sita-ink);

  font-family:
    "Noto Sans Thai",
    "Noto Sans",
    sans-serif;

  overflow: hidden;
}


.elementor-7144 .elementor-element.elementor-element-8a03590,
.elementor-7144 .elementor-element.elementor-element-8a03590 *,
.elementor-7144 .elementor-element.elementor-element-8a03590 *::before,
.elementor-7144 .elementor-element.elementor-element-8a03590 *::after {
  box-sizing: border-box;
}


/* =========================================================
   HTML WIDGET NORMALIZATION
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-8a03590 .elementor-widget-html,
.elementor-7144 .elementor-element.elementor-element-8a03590 .elementor-widget-html .elementor-widget-container {
  width: 100%;
  max-width: 100%;
}


/* =========================================================
   1. TOP LINE
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__topline {
  display: flex;

  justify-content: space-between;
  align-items: baseline;

  gap: 24px;

  width: 100%;

  margin: 0;

  font-size: 13px;
  line-height: 1.5;

  font-weight: 500;

  color: var(--sita-primary);
}

.elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__topline span:last-child {
  flex: 0 0 auto;

  font-size: 12px;
  line-height: 1.5;

  letter-spacing: 0.20em;

  color: var(--sita-warm);
}


/* =========================================================
   2. INTRO
   Desktop = 7 : 5
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__intro {
  display: grid;

  grid-template-columns:
    minmax(0, 7fr)
    minmax(0, 5fr);

  gap: 72px;

  align-items: end;

  width: 100%;

  margin-top: 28px;
}


.elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__title {
  margin: 0;
  padding: 0;

  font-family:
    "Anuphan",
    sans-serif;

  font-size: 48px;
  line-height: 1.18;

  font-weight: 300;

  letter-spacing: -0.01em;

  color: var(--sita-ink);

  text-wrap: balance;
}


.elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__lead {
  margin: 0;

  font-size: 17px;
  line-height: 1.85;

  font-weight: 300;

  color: var(--sita-body);

  text-wrap: pretty;
}


/* =========================================================
   3. MAIN LAYOUT
   Desktop = image 5 : rows 7
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__main {
  display: grid;

  grid-template-columns:
    minmax(0, 5fr)
    minmax(0, 7fr);

  gap: 72px;

  align-items: start;

  width: 100%;

  margin-top: 64px;
}


/* =========================================================
   4. FIGURE / IMAGE
   Desktop portrait 4:5
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__figure {
  position: relative;

  width: 100%;

  margin: 0;
  padding: 0;

  overflow: hidden;

  background: #F6EDE8;
}


.elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__figure img {
  display: block;

  width: 100%;
  height: auto;

  aspect-ratio: 4 / 5;

  object-fit: cover;
  object-position: center center;
}


/* =========================================================
   5. ROWS WRAPPER
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__rows {
  min-width: 0;

  border-top:
    1px solid var(--sita-line-strong);
}


/* =========================================================
   6. INDIVIDUAL ROW
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__row {
  display: grid;

  grid-template-columns:
    64px
    minmax(0, 1fr);

  gap: 28px;

  align-items: start;

  padding: 32px 0 36px;

  border-bottom:
    1px solid var(--sita-line);
}


.elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__row:nth-of-type(2) {
  border-bottom-color:
    var(--sita-line-strong);
}


/* =========================================================
   7. NUMBER
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__number {
  font-family:
    "Anuphan",
    sans-serif;

  font-size: 34px;
  line-height: 1;

  font-weight: 200;

  color: var(--sita-primary);
}


/* =========================================================
   8. ROW HEAD
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__row-head {
  display: flex;

  justify-content: space-between;
  align-items: baseline;

  flex-wrap: wrap;

  gap: 12px 20px;
}


.elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__row-head h3 {
  margin: 0;

  font-size: 26px;
  line-height: 1.4;

  font-weight: 500;

  color: var(--sita-deep);
}


.elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__row-head span {
  font-size: 11px;
  line-height: 1.5;

  letter-spacing: 0.16em;

  color: var(--sita-warm);
}


/* =========================================================
   9. ROW COPY
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__row-primary {
  margin: 14px 0 0;

  font-size: 18px;
  line-height: 1.85;

  font-weight: 300;

  color: var(--sita-ink);

  text-wrap: pretty;
}


.elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__row-secondary {
  margin: 12px 0 0;

  font-size: 17px;
  line-height: 1.85;

  font-weight: 300;

  color: var(--sita-body);

  text-wrap: pretty;
}


/* =========================================================
   10. CLOSING STATEMENT
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__closing {
  padding-top: 32px;
  padding-left: 92px;
}


.elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__closing-title {
  margin: 0;

  font-family:
    "Anuphan",
    sans-serif;

  font-size: 28px;
  line-height: 1.45;

  font-weight: 300;

  color: var(--sita-deep);

  text-wrap: pretty;
}


.elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__closing-note {
  margin: 14px 0 0;

  font-size: 15px;
  line-height: 1.8;

  font-weight: 300;

  color: var(--sita-warm);

  text-wrap: pretty;
}


/* =========================================================
   11. TABLET LANDSCAPE
   769px–1199px

   Keep image 4:5 and 5:7 relationship.
   ========================================================= */

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

  .elementor-7144 .elementor-element.elementor-element-8a03590 {
    padding-top: 88px;
    padding-right: 40px;
    padding-bottom: 88px;
    padding-left: 40px;
  }


  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__intro {
    gap: 48px;
  }


  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__title {
    font-size: 40px;
    line-height: 1.2;
  }


  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__main {
    grid-template-columns:
      minmax(0, 5fr)
      minmax(0, 7fr);

    gap: 48px;

    margin-top: 52px;
  }


  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__row {
    grid-template-columns:
      54px
      minmax(0, 1fr);

    gap: 20px;

    padding: 28px 0 30px;
  }


  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__number {
    font-size: 30px;
  }


  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__row-head h3 {
    font-size: 23px;
  }


  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__row-primary {
    font-size: 17px;
  }


  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__row-secondary {
    font-size: 16px;
  }


  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__closing {
    padding-top: 28px;
    padding-left: 74px;
  }


  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__closing-title {
    font-size: 24px;
  }

}


/* =========================================================
   12. TABLET PORTRAIT
   <= 768px

   Source intent:
   Rows first
   Full-bleed image after rows
   ========================================================= */

@media (max-width: 768px) {

  .elementor-7144 .elementor-element.elementor-element-8a03590 {
    padding-top: 72px;
    padding-right: 32px;
    padding-bottom: 72px;
    padding-left: 32px;
  }


  /* -------------------------------------------------------
     Topline
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__topline {
    align-items: flex-start;

    gap: 16px;
  }


  /* -------------------------------------------------------
     Intro stack
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__intro {
    grid-template-columns: 1fr;

    gap: 18px;

    margin-top: 20px;
  }


  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__title {
    font-size: 34px;
    line-height: 1.24;
  }


  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__lead {
    max-width: 680px;

    font-size: 16px;
  }


  /* -------------------------------------------------------
     Main becomes single-column
     Rows first, image second
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__main {
    display: flex;

    flex-direction: column;

    gap: 0;

    margin-top: 42px;
  }


  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__rows {
    order: 1;

    width: 100%;
  }


  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__figure {
    order: 2;

    width: calc(100% + 64px);

    margin-top: 36px;
    margin-right: -32px;
    margin-left: -32px;
  }


  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__figure img {
    aspect-ratio: 4 / 3;
  }


  /* -------------------------------------------------------
     Rows
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__row {
    grid-template-columns:
      48px
      minmax(0, 1fr);

    gap: 18px;

    padding: 24px 0 26px;
  }


  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__number {
    font-size: 26px;
  }


  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__row-head h3 {
    font-size: 21px;
  }


  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__row-primary {
    font-size: 16px;
    line-height: 1.8;
  }


  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__row-secondary {
    font-size: 15px;
    line-height: 1.8;
  }


  /* -------------------------------------------------------
     Closing
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__closing {
    padding-top: 26px;
    padding-left: 66px;
  }


  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__closing-title {
    font-size: 22px;
  }


  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__closing-note {
    font-size: 14px;
  }

}


/* =========================================================
   13. MOBILE
   <= 480px

   Source:
   - Row number + H3 same line
   - English label below
   - image full-bleed after rows
   ========================================================= */

@media (max-width: 480px) {

  .elementor-7144 .elementor-element.elementor-element-8a03590 {
    padding-top: 56px;
    padding-right: 24px;
    padding-bottom: 56px;
    padding-left: 24px;
  }


  /* =======================================================
     13.1 TOPLINE
     ======================================================= */

  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__topline {
    display: block;

    font-size: 12px;
    line-height: 1.5;
  }


  .elementor-7144 .elementor-element.elementor-element-8a03590
  .sita-freckles-patterns__topline
  span:last-child {
    display: none;
  }


  /* =======================================================
     13.2 INTRO
     ======================================================= */

  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__intro {
    gap: 12px;

    margin-top: 14px;
  }


  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__title {
    font-size: 30px;
    line-height: 1.25;
  }


  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__title br {
    display: none;
  }


  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__lead {
    font-size: 15px;
    line-height: 1.8;
  }


  /* =======================================================
     13.3 MAIN
     ======================================================= */

  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__main {
    margin-top: 26px;
  }


  /* =======================================================
     13.4 ROWS
     ======================================================= */

  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__row {
    grid-template-columns:
      42px
      minmax(0, 1fr);

    gap: 14px;

    padding: 20px 0 22px;
  }


  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__number {
    font-size: 24px;
    line-height: 1.25;
  }


  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__row-head {
    display: block;
  }


  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__row-head h3 {
    display: inline;

    margin: 0;

    font-size: 20px;
    line-height: 1.4;
  }


  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__row-head span {
    display: block;

    margin-top: 4px;

    font-size: 10px;
    line-height: 1.5;

    letter-spacing: 0.14em;
  }


  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__row-primary {
    margin-top: 10px;

    font-size: 15px;
    line-height: 1.8;
  }


  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__row-secondary {
    margin-top: 8px;

    font-size: 14px;
    line-height: 1.8;
  }


  /* =======================================================
     13.5 CLOSING
     ======================================================= */

  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__closing {
    padding-top: 22px;
    padding-left: 56px;
  }


  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__closing-title {
    font-size: 20px;
    line-height: 1.45;
  }


  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__closing-note {
    margin-top: 10px;

    font-size: 13px;
    line-height: 1.75;
  }


  /* =======================================================
     13.6 FULL-BLEED IMAGE
     ======================================================= */

  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__figure {
    width: calc(100% + 48px);

    margin-top: 30px;
    margin-right: -24px;
    margin-left: -24px;
  }


  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__figure img {
    width: 100%;

    aspect-ratio: 4 / 3;

    object-fit: cover;
  }

}


/* =========================================================
   14. VERY SMALL MOBILE SAFETY
   <= 360px
   ========================================================= */

@media (max-width: 360px) {

  .elementor-7144 .elementor-element.elementor-element-8a03590 {
    padding-right: 20px;
    padding-left: 20px;
  }


  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__title {
    font-size: 28px;
  }


  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__figure {
    width: calc(100% + 40px);

    margin-right: -20px;
    margin-left: -20px;
  }

}
/* =========================================================
   F03 — MOBILE IMAGE SPACING FIX
   <= 480px

   - Restore 24px side gutters
   - Add more breathing room above image
   ========================================================= */

@media (max-width: 480px) {

  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__figure {
    width: 100% !important;
    max-width: 100% !important;

    margin-top: 40px !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
  }

  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__figure img {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    aspect-ratio: 4 / 3 !important;

    object-fit: cover !important;
    object-position: center center !important;
  }

}
/* =========================================================
   F03 — SECTION WIDTH NORMALIZATION — FINAL
   Match FR02 / FR04

   Desktop:
   1440 viewport → max 1264 content → centered

   Tablet landscape → 40px gutters
   Tablet portrait  → 32px gutters
   Mobile           → 24px gutters
   ========================================================= */


/* =========================================================
   1. OUTER SECTION
   Full width background only.
   No horizontal gutter here.
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-8a03590 {
  width: 100% !important;
  max-width: none !important;

  margin-left: 0 !important;
  margin-right: 0 !important;

  padding-left: 0 !important;
  padding-right: 0 !important;

  --container-max-width: none !important;
}


/* =========================================================
   2. ELEMENTOR INNER = SINGLE SOURCE OF WIDTH
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-8a03590 > .e-con-inner {
  width: calc(100% - 176px) !important;
  max-width: 1264px !important;

  margin-left: auto !important;
  margin-right: auto !important;

  padding-left: 0 !important;
  padding-right: 0 !important;
}


/* HTML widget fills the inner grid */
.elementor-7144 .elementor-element.elementor-element-8a03590 .elementor-widget-html,
.elementor-7144 .elementor-element.elementor-element-8a03590 .elementor-widget-html > .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;

  margin-left: 0 !important;
  margin-right: 0 !important;

  padding-left: 0 !important;
  padding-right: 0 !important;
}


/* F03 internal blocks must not add another outer gutter */
.elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__topline,
.elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__intro,
.elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__main {
  width: 100% !important;
  max-width: 100% !important;

  margin-left: 0 !important;
  margin-right: 0 !important;
}


/* =========================================================
   3. TABLET LANDSCAPE
   769px–1199px
   ========================================================= */

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

  .elementor-7144 .elementor-element.elementor-element-8a03590 > .e-con-inner {
    width: calc(100% - 80px) !important;
    max-width: none !important;
  }

}


/* =========================================================
   4. TABLET PORTRAIT
   481px–768px
   ========================================================= */

@media (min-width: 481px) and (max-width: 768px) {

  .elementor-7144 .elementor-element.elementor-element-8a03590 > .e-con-inner {
    width: calc(100% - 64px) !important;
    max-width: none !important;
  }

}


/* =========================================================
   5. MOBILE
   <= 480px
   ========================================================= */

@media (max-width: 480px) {

  .elementor-7144 .elementor-element.elementor-element-8a03590 > .e-con-inner {
    width: calc(100% - 48px) !important;
    max-width: none !important;
  }


  /* F02 supporting image stays aligned to the same
     24px content gutter — not full bleed */
  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__figure {
    width: 100% !important;
    max-width: 100% !important;

    margin-top: 40px !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
  }

}


/* =========================================================
   6. VERY SMALL MOBILE
   <= 360px
   ========================================================= */

@media (max-width: 360px) {

  .elementor-7144 .elementor-element.elementor-element-8a03590 > .e-con-inner {
    width: calc(100% - 40px) !important;
  }

}
/* =========================================================
   F03 — CONTENT GRID ALIGNMENT — FINAL OVERRIDE

   Directly controls the real F03 content blocks.
   Does NOT depend on Elementor .e-con-inner.

   Desktop:
   1264px max content / 88px gutters at 1440

   Tablet landscape:
   40px gutters

   Tablet portrait:
   32px gutters

   Mobile:
   24px gutters
   ========================================================= */


/* =========================================================
   1. SECTION ITSELF = FULL WIDTH BACKGROUND
   No horizontal padding here.
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-8a03590 {
  width: 100% !important;
  max-width: none !important;

  padding-left: 0 !important;
  padding-right: 0 !important;

  margin-left: 0 !important;
  margin-right: 0 !important;

  overflow-x: clip !important;
}


/* Elementor wrappers must not add another gutter */
.elementor-7144 .elementor-element.elementor-element-8a03590 > .e-con-inner,
.elementor-7144 .elementor-element.elementor-element-8a03590 .elementor-widget-html,
.elementor-7144 .elementor-element.elementor-element-8a03590 .elementor-widget-html > .elementor-widget-container {
  width: 100% !important;
  max-width: none !important;

  margin-left: 0 !important;
  margin-right: 0 !important;

  padding-left: 0 !important;
  padding-right: 0 !important;
}


/* =========================================================
   2. REAL F03 CONTENT GRID
   Desktop default
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__topline,
.elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__intro,
.elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__main {
  width: calc(100% - 176px) !important;
  max-width: 1264px !important;

  margin-left: auto !important;
  margin-right: auto !important;

  box-sizing: border-box !important;
}


/* =========================================================
   3. TABLET LANDSCAPE
   769px–1199px
   40px gutters
   ========================================================= */

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

  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__topline,
  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__intro,
  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__main {
    width: calc(100% - 80px) !important;
    max-width: none !important;
  }

}


/* =========================================================
   4. TABLET PORTRAIT
   481px–768px
   32px gutters
   ========================================================= */

@media (min-width: 481px) and (max-width: 768px) {

  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__topline,
  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__intro,
  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__main {
    width: calc(100% - 64px) !important;
    max-width: none !important;
  }

}


/* =========================================================
   5. MOBILE
   <= 480px
   Exact SITA V2 gutter = 24px
   ========================================================= */

@media (max-width: 480px) {

  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__topline,
  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__intro,
  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__main {
    width: calc(100% - 48px) !important;
    max-width: none !important;

    margin-left: auto !important;
    margin-right: auto !important;
  }


  /* Supporting image aligns with the SAME 24px gutter */
  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__figure {
    width: 100% !important;
    max-width: 100% !important;

    margin-top: 40px !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
  }


  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__figure img {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    aspect-ratio: 4 / 3 !important;

    object-fit: cover !important;
    object-position: center center !important;
  }

}


/* =========================================================
   6. VERY SMALL MOBILE
   <= 360px
   20px safety gutter
   ========================================================= */

@media (max-width: 360px) {

  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__topline,
  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__intro,
  .elementor-7144 .elementor-element.elementor-element-8a03590 .sita-freckles-patterns__main {
    width: calc(100% - 40px) !important;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46da1b4 *//* =========================================================
   SITA CLINIC V2 — FRECKLES
   F04 / FRECKLES ≠ MELASMA

   Section:
   #freckles-differences
   .sita-freckles-melasma
   ========================================================= */


/* =========================================================
   0. SECTION FOUNDATION
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-46da1b4 {
  --sita-primary: #BB6358;
  --sita-deep: #723129;
  --sita-warm: #9A614D;
  --sita-ink: #2A2422;
  --sita-body: #4A3D39;

  --sita-soft: #FBF4F0;
  --sita-white: #FFFFFF;

  --sita-line:
    rgba(114, 49, 41, 0.14);

  --sita-line-medium:
    rgba(114, 49, 41, 0.20);

  --sita-line-strong:
    rgba(114, 49, 41, 0.35);

  position: relative;

  width: 100%;
  max-width: none;

  margin: 0;

  padding-top: 112px;
  padding-right: max(88px, calc((100vw - 1264px) / 2));
  padding-bottom: 112px;
  padding-left: max(88px, calc((100vw - 1264px) / 2));

  background: var(--sita-soft);

  color: var(--sita-ink);

  font-family:
    "Noto Sans Thai",
    "Noto Sans",
    sans-serif;

  overflow: hidden;
}


.elementor-7144 .elementor-element.elementor-element-46da1b4,
.elementor-7144 .elementor-element.elementor-element-46da1b4 *,
.elementor-7144 .elementor-element.elementor-element-46da1b4 *::before,
.elementor-7144 .elementor-element.elementor-element-46da1b4 *::after {
  box-sizing: border-box;
}


.elementor-7144 .elementor-element.elementor-element-46da1b4 .elementor-widget-html,
.elementor-7144 .elementor-element.elementor-element-46da1b4 .elementor-widget-html .elementor-widget-container {
  width: 100%;
  max-width: 100%;
}


/* =========================================================
   1. TOPLINE
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__topline {
  display: flex;

  justify-content: space-between;
  align-items: baseline;

  gap: 24px;

  margin: 0;

  font-size: 13px;
  line-height: 1.5;
  font-weight: 500;

  color: var(--sita-primary);
}


.elementor-7144 .elementor-element.elementor-element-46da1b4
.sita-freckles-melasma__topline
span:last-child {
  flex: 0 0 auto;

  font-size: 12px;

  letter-spacing: 0.20em;

  color: var(--sita-warm);
}


/* =========================================================
   2. H2
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__title {
  width: 100%;
  max-width: 1000px;

  margin: 28px 0 0;

  font-family:
    "Anuphan",
    sans-serif;

  font-size: 48px;
  line-height: 1.18;

  font-weight: 300;

  letter-spacing: -0.01em;

  color: var(--sita-ink);

  text-wrap: balance;
}


/* =========================================================
   3. POINT / PATCH CONTRAST
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__contrast {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    minmax(0, 1fr);

  margin-top: 56px;

  border-top:
    1px solid var(--sita-line-strong);

  border-bottom:
    1px solid var(--sita-line-strong);
}


.elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__contrast-item {
  min-width: 0;

  padding-top: 40px;
  padding-bottom: 44px;
}


.elementor-7144 .elementor-element.elementor-element-46da1b4
.sita-freckles-melasma__contrast-item:first-child {
  padding-right: 56px;

  border-right:
    1px solid var(--sita-line-medium);
}


.elementor-7144 .elementor-element.elementor-element-46da1b4
.sita-freckles-melasma__contrast-item:last-child {
  padding-left: 56px;
}


/* =========================================================
   4. CONTRAST HEAD
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__contrast-head {
  display: flex;

  justify-content: space-between;
  align-items: baseline;

  gap: 20px;
}


.elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__contrast-head h3 {
  margin: 0;

  font-size: 22px;
  line-height: 1.4;

  font-weight: 500;

  color: var(--sita-deep);
}


.elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__contrast-head span {
  font-size: 11px;
  line-height: 1.5;

  letter-spacing: 0.16em;

  color: var(--sita-warm);
}


/* =========================================================
   5. KEYWORD — จุด / ปื้น
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__keyword {
  margin-top: 18px;

  font-family:
    "Anuphan",
    sans-serif;

  font-size: 120px;
  line-height: 1;

  font-weight: 200;

  letter-spacing: -0.035em;

  color: var(--sita-deep);
}


.elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__contrast-item > p {
  margin: 20px 0 0;

  font-size: 18px;
  line-height: 1.8;

  font-weight: 300;

  color: var(--sita-ink);

  text-wrap: pretty;
}


/* =========================================================
   6. LOWER AREA
   Desktop = 7 : 5
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__lower {
  display: grid;

  grid-template-columns:
    minmax(0, 7fr)
    minmax(0, 5fr);

  gap: 72px;

  align-items: start;

  margin-top: 56px;
}


/* =========================================================
   7. QUALIFICATION
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__qualification {
  min-width: 0;
}


.elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__qualification-title {
  margin: 0;

  font-family:
    "Anuphan",
    sans-serif;

  font-size: 28px;
  line-height: 1.45;

  font-weight: 300;

  color: var(--sita-deep);

  text-wrap: pretty;
}


/* =========================================================
   8. QUALIFICATION LIST
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__list {
  list-style: none;

  margin: 26px 0 0;
  padding: 0;

  border-top:
    1px solid rgba(114, 49, 41, 0.25);
}


.elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__list li {
  display: grid;

  grid-template-columns:
    44px
    minmax(0, 1fr);

  gap: 16px;

  align-items: start;

  padding: 18px 0;

  border-bottom:
    1px solid var(--sita-line);
}


.elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__list li:last-child {
  border-bottom: 0;
}


.elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__list li > span {
  font-family:
    "Anuphan",
    sans-serif;

  font-size: 22px;
  line-height: 1.2;

  font-weight: 200;

  color: var(--sita-primary);
}


.elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__list li > p {
  margin: 0;

  font-size: 17px;
  line-height: 1.75;

  font-weight: 300;

  color: var(--sita-ink);

  text-wrap: pretty;
}


/* =========================================================
   MOBILE SUMMARY
   Hidden on larger screens.
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__mobile-summary {
  display: none;

  margin: 0;

  font-size: 15px;
  line-height: 1.85;

  font-weight: 300;

  color: var(--sita-body);
}


/* =========================================================
   9. MELASMA AUTHORITY PANEL
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__authority {
  padding: 36px 36px 34px;

  background: var(--sita-white);
}


.elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__authority-label {
  font-size: 11px;
  line-height: 1.5;

  letter-spacing: 0.16em;

  font-weight: 600;

  color: var(--sita-warm);
}


.elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__authority p {
  margin: 14px 0 0;

  font-size: 17px;
  line-height: 1.8;

  font-weight: 300;

  color: var(--sita-ink);

  text-wrap: pretty;
}


.elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__authority a {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  min-height: 52px;

  margin-top: 24px;
  padding: 0 26px;

  border:
    1px solid var(--sita-deep);

  border-radius: 3px;

  color: var(--sita-deep);

  font-size: 15px;
  line-height: 1.4;

  font-weight: 500;

  text-decoration: none;
}


.elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__authority a:hover,
.elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__authority a:focus-visible {
  background: var(--sita-deep);

  color: #FFFFFF;
}


/* =========================================================
   10. TABLET LANDSCAPE
   769px–1199px

   Source:
   - จุด / ปื้น = 84px
   - 2-column contrast retained
   ========================================================= */

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

  .elementor-7144 .elementor-element.elementor-element-46da1b4 {
    padding-top: 88px;
    padding-right: 40px;
    padding-bottom: 88px;
    padding-left: 40px;
  }


  .elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__title {
    max-width: 900px;

    font-size: 40px;
    line-height: 1.2;
  }


  .elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__contrast {
    margin-top: 44px;
  }


  .elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__contrast-item {
    padding-top: 30px;
    padding-bottom: 32px;
  }


  .elementor-7144 .elementor-element.elementor-element-46da1b4
  .sita-freckles-melasma__contrast-item:first-child {
    padding-right: 36px;
  }


  .elementor-7144 .elementor-element.elementor-element-46da1b4
  .sita-freckles-melasma__contrast-item:last-child {
    padding-left: 36px;
  }


  .elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__keyword {
    margin-top: 12px;

    font-size: 84px;
  }


  .elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__contrast-item > p {
    margin-top: 14px;

    font-size: 16px;
  }


  .elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__lower {
    gap: 40px;

    margin-top: 44px;
  }


  .elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__qualification-title {
    font-size: 24px;
  }


  .elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__list {
    margin-top: 18px;
  }


  .elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__list li {
    padding: 14px 0;
  }


  .elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__list li > p {
    font-size: 15px;
  }


  .elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__authority {
    padding: 28px;
  }


  .elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__authority p {
    font-size: 15px;
  }

}


/* =========================================================
   11. TABLET PORTRAIT
   <= 768px

   Source:
   - Contrast remains 2 columns
   - Authority panel moves below
   ========================================================= */

@media (max-width: 768px) {

  .elementor-7144 .elementor-element.elementor-element-46da1b4 {
    padding-top: 72px;
    padding-right: 32px;
    padding-bottom: 72px;
    padding-left: 32px;
  }


  .elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__topline {
    align-items: flex-start;
  }


  .elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__title {
    max-width: 680px;

    margin-top: 20px;

    font-size: 34px;
    line-height: 1.24;
  }


  .elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__contrast {
    margin-top: 36px;
  }


  .elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__contrast-item {
    padding-top: 26px;
    padding-bottom: 28px;
  }


  .elementor-7144 .elementor-element.elementor-element-46da1b4
  .sita-freckles-melasma__contrast-item:first-child {
    padding-right: 28px;
  }


  .elementor-7144 .elementor-element.elementor-element-46da1b4
  .sita-freckles-melasma__contrast-item:last-child {
    padding-left: 28px;
  }


  .elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__keyword {
    font-size: 72px;
  }


  .elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__contrast-head {
    display: block;
  }


  .elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__contrast-head span {
    display: block;

    margin-top: 4px;
  }


  .elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__lower {
    grid-template-columns: 1fr;

    gap: 30px;

    margin-top: 36px;
  }


  .elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__authority {
    padding: 28px 30px;
  }

}


/* =========================================================
   12. MOBILE
   <= 480px

   Source:
   - จุด / ปื้น = 56px
   - 2 columns retained
   - full-width Melasma button
   - detailed list simplified to one sentence
   ========================================================= */

@media (max-width: 480px) {

  .elementor-7144 .elementor-element.elementor-element-46da1b4 {
    padding-top: 56px;
    padding-right: 24px;
    padding-bottom: 56px;
    padding-left: 24px;
  }


  /* -------------------------------------------------------
     Topline
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__topline {
    display: block;

    font-size: 12px;
  }


  .elementor-7144 .elementor-element.elementor-element-46da1b4
  .sita-freckles-melasma__topline
  span:last-child {
    display: none;
  }


  /* -------------------------------------------------------
     H2
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__title {
    margin-top: 14px;

    font-size: 26px;
    line-height: 1.28;
  }


  .elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__title br {
    display: none;
  }


  /* -------------------------------------------------------
     Contrast still 2 columns
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__contrast {
    grid-template-columns:
      minmax(0, 1fr)
      minmax(0, 1fr);

    margin-top: 20px;
  }


  .elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__contrast-item {
    padding-top: 16px;
    padding-bottom: 18px;
  }


  .elementor-7144 .elementor-element.elementor-element-46da1b4
  .sita-freckles-melasma__contrast-item:first-child {
    padding-right: 16px;
  }


  .elementor-7144 .elementor-element.elementor-element-46da1b4
  .sita-freckles-melasma__contrast-item:last-child {
    padding-left: 16px;
  }


  .elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__contrast-head h3 {
    font-size: 15px;
  }


  .elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__contrast-head span {
    display: none;
  }


  .elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__keyword {
    margin-top: 6px;

    font-size: 56px;
  }


  .elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__contrast-item > p {
    margin-top: 10px;

    font-size: 14px;
    line-height: 1.7;
  }


  /* -------------------------------------------------------
     Qualification becomes concise
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__lower {
    gap: 18px;

    margin-top: 16px;
  }


  .elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__qualification-title {
    display: none;
  }


  .elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__list {
    display: none;
  }


  .elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__mobile-summary {
    display: block;
  }


  /* -------------------------------------------------------
     Authority panel
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__authority {
    padding: 18px;
  }


  .elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__authority-label {
    display: none;
  }


  .elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__authority p {
    margin-top: 0;

    font-size: 14px;
    line-height: 1.75;
  }


  .elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__authority a {
    display: flex;

    width: 100%;
    min-height: 48px;

    margin-top: 12px;
    padding: 0 16px;

    font-size: 15px;
  }

}


/* =========================================================
   13. VERY SMALL MOBILE
   <= 360px
   ========================================================= */

@media (max-width: 360px) {

  .elementor-7144 .elementor-element.elementor-element-46da1b4 {
    padding-right: 20px;
    padding-left: 20px;
  }


  .elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__title {
    font-size: 25px;
  }


  .elementor-7144 .elementor-element.elementor-element-46da1b4 .sita-freckles-melasma__keyword {
    font-size: 52px;
  }


  .elementor-7144 .elementor-element.elementor-element-46da1b4
  .sita-freckles-melasma__contrast-item:first-child {
    padding-right: 13px;
  }


  .elementor-7144 .elementor-element.elementor-element-46da1b4
  .sita-freckles-melasma__contrast-item:last-child {
    padding-left: 13px;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb49ef3 *//* =========================================================
   SITA CLINIC V2 — FRECKLES
   F05 / FRECKLES ≠ EVERY DARK MARK

   Section:
   #freckles-dark-spots
   .sita-freckles-dark-spots

   CSS LOCATION:
   FR05 — Dark Spots
   Advanced → Custom CSS
   ========================================================= */


/* =========================================================
   0. SECTION FOUNDATION
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-bb49ef3 {
  --sita-primary: #BB6358;
  --sita-deep: #723129;
  --sita-warm: #9A614D;
  --sita-ink: #2A2422;
  --sita-body: #4A3D39;

  --sita-white: #FFFFFF;

  --sita-line:
    rgba(114, 49, 41, 0.14);

  --sita-line-medium:
    rgba(114, 49, 41, 0.20);

  --sita-line-strong:
    rgba(114, 49, 41, 0.30);

  position: relative;

  width: 100%;
  max-width: none;

  margin: 0;

  padding-top: 112px;
  padding-right: max(88px, calc((100vw - 1264px) / 2));
  padding-bottom: 112px;
  padding-left: max(88px, calc((100vw - 1264px) / 2));

  background: var(--sita-white);

  color: var(--sita-ink);

  font-family:
    "Noto Sans Thai",
    "Noto Sans",
    sans-serif;

  overflow: hidden;
}


.elementor-7144 .elementor-element.elementor-element-bb49ef3,
.elementor-7144 .elementor-element.elementor-element-bb49ef3 *,
.elementor-7144 .elementor-element.elementor-element-bb49ef3 *::before,
.elementor-7144 .elementor-element.elementor-element-bb49ef3 *::after {
  box-sizing: border-box;
}


/* =========================================================
   0.1 HTML WIDGET NORMALIZATION
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-bb49ef3 .elementor-widget-html,
.elementor-7144 .elementor-element.elementor-element-bb49ef3 .elementor-widget-html .elementor-widget-container {
  width: 100%;
  max-width: 100%;
}


/* =========================================================
   1. TOPLINE
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-bb49ef3 .sita-freckles-dark-spots__topline {
  display: flex;

  justify-content: space-between;
  align-items: baseline;

  gap: 24px;

  width: 100%;

  margin: 0;

  font-size: 13px;
  line-height: 1.5;

  font-weight: 500;

  color: var(--sita-primary);
}


.elementor-7144 .elementor-element.elementor-element-bb49ef3
.sita-freckles-dark-spots__topline
span:last-child {
  flex: 0 0 auto;

  font-size: 12px;
  line-height: 1.5;

  letter-spacing: 0.20em;

  color: var(--sita-warm);
}


/* =========================================================
   2. INTRO
   Desktop = 7 : 5
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-bb49ef3 .sita-freckles-dark-spots__intro {
  display: grid;

  grid-template-columns:
    minmax(0, 7fr)
    minmax(0, 5fr);

  gap: 72px;

  align-items: end;

  width: 100%;

  margin-top: 28px;
}


/* =========================================================
   3. H2
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-bb49ef3 .sita-freckles-dark-spots__title {
  margin: 0;
  padding: 0;

  font-family:
    "Anuphan",
    sans-serif;

  font-size: 48px;
  line-height: 1.18;

  font-weight: 300;

  letter-spacing: -0.01em;

  color: var(--sita-ink);

  text-wrap: balance;
}


/* =========================================================
   4. INTRO COPY
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-bb49ef3 .sita-freckles-dark-spots__lead {
  margin: 0;

  font-size: 17px;
  line-height: 1.85;

  font-weight: 300;

  color: var(--sita-body);

  text-wrap: pretty;
}


/* =========================================================
   5. LOWER GRID
   Desktop = 7 : 5
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-bb49ef3 .sita-freckles-dark-spots__lower {
  display: grid;

  grid-template-columns:
    minmax(0, 7fr)
    minmax(0, 5fr);

  gap: 72px;

  align-items: start;

  width: 100%;

  margin-top: 56px;
}


/* =========================================================
   6. HISTORY BLOCK
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-bb49ef3 .sita-freckles-dark-spots__history {
  min-width: 0;

  border-top:
    1px solid var(--sita-line-strong);
}


.elementor-7144 .elementor-element.elementor-element-bb49ef3 .sita-freckles-dark-spots__history-label {
  padding: 18px 0 4px;

  font-size: 12px;
  line-height: 1.5;

  letter-spacing: 0.14em;

  font-weight: 600;

  color: var(--sita-warm);
}


/* =========================================================
   7. HISTORY QUESTIONS
   Desktop = 2 columns
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-bb49ef3 .sita-freckles-dark-spots__history-grid {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    minmax(0, 1fr);

  gap: 0 40px;
}


.elementor-7144 .elementor-element.elementor-element-bb49ef3 .sita-freckles-dark-spots__history-grid p {
  margin: 0;

  padding: 18px 0;

  border-bottom:
    1px solid var(--sita-line);

  font-size: 17px;
  line-height: 1.8;

  font-weight: 300;

  color: var(--sita-ink);

  text-wrap: pretty;
}


/* =========================================================
   8. DARK-SPOTS LINK PANEL
   Quiet, hairline treatment
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-bb49ef3 .sita-freckles-dark-spots__link-panel {
  margin: 0;

  padding: 22px 0;

  border-top:
    1px solid var(--sita-line-medium);

  border-bottom:
    1px solid var(--sita-line-medium);
}


.elementor-7144 .elementor-element.elementor-element-bb49ef3 .sita-freckles-dark-spots__link-panel p {
  margin: 0;

  font-size: 15px;
  line-height: 1.8;

  font-weight: 300;

  color: var(--sita-body);
}


.elementor-7144 .elementor-element.elementor-element-bb49ef3 .sita-freckles-dark-spots__link-panel a {
  display: inline-flex;

  align-items: center;

  min-height: 36px;

  margin-top: 8px;

  color: var(--sita-deep);

  font-size: 15px;
  line-height: 1.5;

  font-weight: 500;

  text-decoration: none;

  border-bottom:
    1px solid transparent;
}


.elementor-7144 .elementor-element.elementor-element-bb49ef3 .sita-freckles-dark-spots__link-panel a:hover,
.elementor-7144 .elementor-element.elementor-element-bb49ef3 .sita-freckles-dark-spots__link-panel a:focus-visible {
  border-bottom-color:
    rgba(114, 49, 41, 0.45);
}


/* =========================================================
   9. TABLET LANDSCAPE
   769px–1199px

   Source:
   same 7:5 relationship
   mention items remain 2 columns
   ========================================================= */

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

  .elementor-7144 .elementor-element.elementor-element-bb49ef3 {
    padding-top: 88px;
    padding-right: 40px;
    padding-bottom: 88px;
    padding-left: 40px;
  }


  .elementor-7144 .elementor-element.elementor-element-bb49ef3 .sita-freckles-dark-spots__intro {
    gap: 48px;
  }


  .elementor-7144 .elementor-element.elementor-element-bb49ef3 .sita-freckles-dark-spots__title {
    font-size: 40px;
    line-height: 1.2;
  }


  .elementor-7144 .elementor-element.elementor-element-bb49ef3 .sita-freckles-dark-spots__lead {
    font-size: 16px;
  }


  .elementor-7144 .elementor-element.elementor-element-bb49ef3 .sita-freckles-dark-spots__lower {
    gap: 48px;

    margin-top: 48px;
  }


  .elementor-7144 .elementor-element.elementor-element-bb49ef3 .sita-freckles-dark-spots__history-grid {
    gap: 0 28px;
  }


  .elementor-7144 .elementor-element.elementor-element-bb49ef3 .sita-freckles-dark-spots__history-grid p {
    font-size: 16px;
  }

}


/* =========================================================
   10. TABLET PORTRAIT
   <= 768px

   Source:
   - stacked
   - history items become 1 column
   ========================================================= */

@media (max-width: 768px) {

  .elementor-7144 .elementor-element.elementor-element-bb49ef3 {
    padding-top: 72px;
    padding-right: 32px;
    padding-bottom: 72px;
    padding-left: 32px;
  }


  /* -----------------------------------------
     Topline
     ----------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-bb49ef3 .sita-freckles-dark-spots__topline {
    align-items: flex-start;

    gap: 16px;
  }


  /* -----------------------------------------
     Intro stack
     ----------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-bb49ef3 .sita-freckles-dark-spots__intro {
    grid-template-columns: 1fr;

    gap: 18px;

    margin-top: 20px;
  }


  .elementor-7144 .elementor-element.elementor-element-bb49ef3 .sita-freckles-dark-spots__title {
    max-width: 680px;

    font-size: 34px;
    line-height: 1.24;
  }


  .elementor-7144 .elementor-element.elementor-element-bb49ef3 .sita-freckles-dark-spots__lead {
    max-width: 680px;

    font-size: 16px;
  }


  /* -----------------------------------------
     Lower stack
     ----------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-bb49ef3 .sita-freckles-dark-spots__lower {
    grid-template-columns: 1fr;

    gap: 30px;

    margin-top: 40px;
  }


  /* -----------------------------------------
     History becomes 1 column
     ----------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-bb49ef3 .sita-freckles-dark-spots__history-grid {
    grid-template-columns: 1fr;

    gap: 0;
  }


  .elementor-7144 .elementor-element.elementor-element-bb49ef3 .sita-freckles-dark-spots__history-grid p {
    font-size: 15px;
  }

}


/* =========================================================
   11. MOBILE
   <= 480px

   Source intent:
   - Heading
   - One explanatory sentence
   - Quiet dark-spots link
   - History prompts omitted
   ========================================================= */

@media (max-width: 480px) {

  .elementor-7144 .elementor-element.elementor-element-bb49ef3 {
    padding-top: 56px;
    padding-right: 24px;
    padding-bottom: 56px;
    padding-left: 24px;
  }


  /* -------------------------------------------------------
     Topline
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-bb49ef3 .sita-freckles-dark-spots__topline {
    display: block;

    font-size: 12px;
    line-height: 1.5;
  }


  .elementor-7144 .elementor-element.elementor-element-bb49ef3
  .sita-freckles-dark-spots__topline
  span:last-child {
    display: none;
  }


  /* -------------------------------------------------------
     Intro
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-bb49ef3 .sita-freckles-dark-spots__intro {
    gap: 12px;

    margin-top: 14px;
  }


  .elementor-7144 .elementor-element.elementor-element-bb49ef3 .sita-freckles-dark-spots__title {
    font-size: 26px;
    line-height: 1.28;
  }


  .elementor-7144 .elementor-element.elementor-element-bb49ef3 .sita-freckles-dark-spots__title br {
    display: none;
  }


  .elementor-7144 .elementor-element.elementor-element-bb49ef3 .sita-freckles-dark-spots__lead {
    font-size: 15px;
    line-height: 1.85;
  }


  /* -------------------------------------------------------
     Source explicitly simplifies mobile:
     omit the two history prompts.
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-bb49ef3 .sita-freckles-dark-spots__history {
    display: none;
  }


  /* -------------------------------------------------------
     Lower area now contains only quiet link
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-bb49ef3 .sita-freckles-dark-spots__lower {
    display: block;

    margin-top: 18px;
  }


  .elementor-7144 .elementor-element.elementor-element-bb49ef3 .sita-freckles-dark-spots__link-panel {
    padding: 14px 0;

    border-top:
      1px solid var(--sita-line-medium);

    border-bottom:
      1px solid var(--sita-line-medium);
  }


  .elementor-7144 .elementor-element.elementor-element-bb49ef3 .sita-freckles-dark-spots__link-panel p {
    font-size: 14px;
    line-height: 1.75;
  }


  .elementor-7144 .elementor-element.elementor-element-bb49ef3 .sita-freckles-dark-spots__link-panel a {
    display: flex;

    align-items: center;

    min-height: 44px;

    margin-top: 4px;

    font-size: 15px;
  }

}


/* =========================================================
   12. VERY SMALL MOBILE
   <= 360px
   ========================================================= */

@media (max-width: 360px) {

  .elementor-7144 .elementor-element.elementor-element-bb49ef3 {
    padding-right: 20px;
    padding-left: 20px;
  }


  .elementor-7144 .elementor-element.elementor-element-bb49ef3 .sita-freckles-dark-spots__title {
    font-size: 25px;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-be02d37 *//* =========================================================
   SITA CLINIC V2 — FRECKLES
   F06 / SEBORRHEIC KERATOSIS

   Section:
   #freckles-seborrheic
   .sita-freckles-seborrheic

   CSS LOCATION:
   FR06 — Seborrheic Keratosis
   Advanced → Custom CSS

   Desktop:
   1440 viewport
   1264 content
   88px gutters
   ========================================================= */


/* =========================================================
   0. SECTION FOUNDATION
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-be02d37 {
  --sita-primary: #BB6358;
  --sita-deep: #723129;
  --sita-warm: #9A614D;
  --sita-ink: #2A2422;
  --sita-body: #4A3D39;

  --sita-soft: #FBF4F0;
  --sita-white: #FFFFFF;

  --sita-line:
    rgba(114, 49, 41, 0.14);

  --sita-line-medium:
    rgba(114, 49, 41, 0.22);

  --sita-line-strong:
    rgba(114, 49, 41, 0.34);

  position: relative;

  width: 100%;
  max-width: none;

  margin: 0;

  padding-top: 112px;
  padding-right: max(88px, calc((100vw - 1264px) / 2));
  padding-bottom: 112px;
  padding-left: max(88px, calc((100vw - 1264px) / 2));

  background: var(--sita-soft);

  color: var(--sita-ink);

  font-family:
    "Noto Sans Thai",
    "Noto Sans",
    sans-serif;

  overflow: hidden;
}


.elementor-7144 .elementor-element.elementor-element-be02d37,
.elementor-7144 .elementor-element.elementor-element-be02d37 *,
.elementor-7144 .elementor-element.elementor-element-be02d37 *::before,
.elementor-7144 .elementor-element.elementor-element-be02d37 *::after {
  box-sizing: border-box;
}


.elementor-7144 .elementor-element.elementor-element-be02d37 .elementor-widget-html,
.elementor-7144 .elementor-element.elementor-element-be02d37 .elementor-widget-html .elementor-widget-container {
  width: 100%;
  max-width: 100%;
}


/* =========================================================
   1. TOPLINE
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__topline {
  display: flex;

  justify-content: space-between;
  align-items: baseline;

  gap: 24px;

  width: 100%;

  margin: 0;

  font-size: 13px;
  line-height: 1.5;

  font-weight: 500;

  color: var(--sita-primary);
}


.elementor-7144 .elementor-element.elementor-element-be02d37
.sita-freckles-seborrheic__topline
span:last-child {
  flex: 0 0 auto;

  font-size: 12px;
  line-height: 1.5;

  letter-spacing: 0.20em;

  color: var(--sita-warm);
}


/* =========================================================
   2. INTRO
   Desktop = 7 : 5
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__intro {
  display: grid;

  grid-template-columns:
    minmax(0, 7fr)
    minmax(0, 5fr);

  gap: 72px;

  align-items: end;

  width: 100%;

  margin-top: 28px;
}


.elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__title {
  margin: 0;

  font-family:
    "Anuphan",
    sans-serif;

  font-size: 48px;
  line-height: 1.18;

  font-weight: 300;

  letter-spacing: -0.01em;

  color: var(--sita-ink);

  text-wrap: balance;
}


.elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__intro-copy p {
  margin: 0;

  font-size: 17px;
  line-height: 1.85;

  font-weight: 300;

  color: var(--sita-body);

  text-wrap: pretty;
}


.elementor-7144 .elementor-element.elementor-element-be02d37
.sita-freckles-seborrheic__intro-copy
p + p {
  margin-top: 12px;
}


.elementor-7144 .elementor-element.elementor-element-be02d37
.sita-freckles-seborrheic__intro-copy
strong {
  font-weight: 500;

  color: var(--sita-ink);
}


/* =========================================================
   3. CONTRAST
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__contrast {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    minmax(0, 1fr);

  margin-top: 56px;

  border-top:
    1px solid var(--sita-line-strong);

  border-bottom:
    1px solid var(--sita-line-strong);
}


.elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__contrast-item {
  min-width: 0;

  padding-top: 30px;
  padding-bottom: 34px;
}


.elementor-7144 .elementor-element.elementor-element-be02d37
.sita-freckles-seborrheic__contrast-item:first-child {
  padding-right: 56px;

  border-right:
    1px solid var(--sita-line-medium);
}


.elementor-7144 .elementor-element.elementor-element-be02d37
.sita-freckles-seborrheic__contrast-item:last-child {
  padding-left: 56px;
}


.elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__contrast-label {
  font-size: 12px;
  line-height: 1.5;

  letter-spacing: 0.12em;

  font-weight: 600;

  color: var(--sita-warm);
}


.elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__keyword {
  margin-top: 10px;

  font-family:
    "Anuphan",
    sans-serif;

  font-size: 88px;
  line-height: 1;

  font-weight: 200;

  letter-spacing: -0.035em;

  color: var(--sita-deep);
}


.elementor-7144 .elementor-element.elementor-element-be02d37
.sita-freckles-seborrheic__contrast-item
p {
  max-width: 500px;

  margin: 16px 0 0;

  font-size: 16px;
  line-height: 1.8;

  font-weight: 300;

  color: var(--sita-body);

  text-wrap: pretty;
}


/* =========================================================
   4. ASSESSMENT / SAFETY LINE
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__assessment-note {
  display: grid;

  grid-template-columns:
    50px
    minmax(0, 1fr);

  gap: 20px;

  max-width: 900px;

  margin-top: 36px;
}


.elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__assessment-no {
  font-family:
    "Anuphan",
    sans-serif;

  font-size: 24px;
  line-height: 1.25;

  font-weight: 200;

  color: var(--sita-primary);
}


.elementor-7144 .elementor-element.elementor-element-be02d37
.sita-freckles-seborrheic__assessment-note
h3 {
  margin: 0;

  font-size: 18px;
  line-height: 1.5;

  font-weight: 500;

  color: var(--sita-deep);
}


.elementor-7144 .elementor-element.elementor-element-be02d37
.sita-freckles-seborrheic__assessment-note
p {
  margin: 8px 0 0;

  font-size: 15px;
  line-height: 1.8;

  font-weight: 300;

  color: var(--sita-body);

  text-wrap: pretty;
}


/* =========================================================
   5. CARE GRID
   Desktop = image 5 : content 7
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__care {
  display: grid;

  grid-template-columns:
    minmax(0, 5fr)
    minmax(0, 7fr);

  gap: 72px;

  align-items: start;

  width: 100%;

  margin-top: 64px;
}


/* =========================================================
   6. REAL-SKIN FIGURE
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__figure {
  position: relative;

  width: 100%;

  margin: 0;
  padding: 0;
}


.elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__figure img {
  display: block;

  width: 100%;
  height: auto;

  aspect-ratio: 4 / 5;

  object-fit: cover;
  object-position: center center;

  background: #EDE4DF;
}


.elementor-7144 .elementor-element.elementor-element-be02d37
.sita-freckles-seborrheic__figure
figcaption {
  margin-top: 12px;

  font-size: 12px;
  line-height: 1.7;

  font-weight: 300;

  color: var(--sita-warm);
}


/* =========================================================
   7. CARE CONTENT
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__care-content {
  min-width: 0;
}


.elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__care-eyebrow {
  font-size: 11px;
  line-height: 1.5;

  letter-spacing: 0.16em;

  font-weight: 600;

  color: var(--sita-warm);
}


.elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__care-title {
  max-width: 680px;

  margin: 12px 0 0;

  font-family:
    "Anuphan",
    sans-serif;

  font-size: 34px;
  line-height: 1.3;

  font-weight: 300;

  color: var(--sita-deep);

  text-wrap: balance;
}


.elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__care-copy {
  max-width: 680px;

  margin: 18px 0 0;

  font-size: 17px;
  line-height: 1.85;

  font-weight: 300;

  color: var(--sita-body);

  text-wrap: pretty;
}


/* =========================================================
   8. FACTS
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__facts {
  margin-top: 30px;

  border-top:
    1px solid var(--sita-line-strong);
}


.elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__fact {
  display: grid;

  grid-template-columns:
    44px
    minmax(0, 1fr);

  gap: 18px;

  padding: 18px 0;

  border-bottom:
    1px solid var(--sita-line);
}


.elementor-7144 .elementor-element.elementor-element-be02d37
.sita-freckles-seborrheic__fact
> span {
  font-family:
    "Anuphan",
    sans-serif;

  font-size: 22px;
  line-height: 1.25;

  font-weight: 200;

  color: var(--sita-primary);
}


.elementor-7144 .elementor-element.elementor-element-be02d37
.sita-freckles-seborrheic__fact
strong {
  display: block;

  font-size: 16px;
  line-height: 1.55;

  font-weight: 500;

  color: var(--sita-ink);
}


.elementor-7144 .elementor-element.elementor-element-be02d37
.sita-freckles-seborrheic__fact
p {
  margin: 6px 0 0;

  font-size: 15px;
  line-height: 1.75;

  font-weight: 300;

  color: var(--sita-body);
}


/* =========================================================
   9. SAME-SPOT GUARANTEE
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__guarantee {
  margin-top: 30px;

  padding: 28px 30px 30px;

  background: var(--sita-white);

  border:
    1px solid rgba(114, 49, 41, 0.15);
}


.elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__guarantee-label {
  font-size: 10px;
  line-height: 1.5;

  letter-spacing: 0.16em;

  font-weight: 600;

  color: var(--sita-primary);
}


.elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__guarantee h4 {
  margin: 10px 0 0;

  font-family:
    "Anuphan",
    sans-serif;

  font-size: 27px;
  line-height: 1.35;

  font-weight: 300;

  color: var(--sita-deep);
}


.elementor-7144 .elementor-element.elementor-element-be02d37
.sita-freckles-seborrheic__guarantee
> p {
  margin: 12px 0 0;

  font-size: 15px;
  line-height: 1.8;

  font-weight: 300;

  color: var(--sita-body);
}


/* =========================================================
   10. OLD POINT / NEW POINT
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__guarantee-split {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    minmax(0, 1fr);

  margin-top: 22px;

  border-top:
    1px solid var(--sita-line-medium);
}


.elementor-7144 .elementor-element.elementor-element-be02d37
.sita-freckles-seborrheic__guarantee-split
> div {
  padding-top: 18px;
}


.elementor-7144 .elementor-element.elementor-element-be02d37
.sita-freckles-seborrheic__guarantee-split
> div:first-child {
  padding-right: 20px;

  border-right:
    1px solid var(--sita-line-medium);
}


.elementor-7144 .elementor-element.elementor-element-be02d37
.sita-freckles-seborrheic__guarantee-split
> div:last-child {
  padding-left: 20px;
}


.elementor-7144 .elementor-element.elementor-element-be02d37
.sita-freckles-seborrheic__guarantee-split
span {
  display: block;

  font-size: 12px;
  line-height: 1.5;

  font-weight: 600;

  color: var(--sita-primary);
}


.elementor-7144 .elementor-element.elementor-element-be02d37
.sita-freckles-seborrheic__guarantee-split
strong {
  display: block;

  margin-top: 6px;

  font-size: 14px;
  line-height: 1.65;

  font-weight: 500;

  color: var(--sita-ink);
}


/* =========================================================
   11. AFTERCARE NOTE
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__aftercare-note {
  margin: 18px 0 0;

  font-size: 13px;
  line-height: 1.75;

  font-weight: 300;

  color: var(--sita-warm);
}


/* =========================================================
   12. ACTIONS
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__actions {
  display: flex;

  align-items: center;
  flex-wrap: wrap;

  gap: 14px 24px;

  margin-top: 28px;
}


.elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__primary {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  min-height: 52px;

  padding: 0 28px;

  border-radius: 2px;

  background: var(--sita-deep);

  color: #FFFFFF;

  font-size: 15px;
  line-height: 1.4;

  font-weight: 600;

  text-decoration: none;
}


.elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__secondary {
  display: inline-flex;

  align-items: center;

  min-height: 44px;

  color: var(--sita-deep);

  font-size: 14px;
  line-height: 1.5;

  font-weight: 500;

  text-decoration: none;

  border-bottom:
    1px solid rgba(114, 49, 41, 0.30);
}


/* =========================================================
   13. TABLET LANDSCAPE
   769px–1199px
   ========================================================= */

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

  .elementor-7144 .elementor-element.elementor-element-be02d37 {
    padding-top: 88px;
    padding-right: 40px;
    padding-bottom: 88px;
    padding-left: 40px;
  }


  .elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__intro,
  .elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__care {
    gap: 48px;
  }


  .elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__title {
    font-size: 40px;
  }


  .elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__keyword {
    font-size: 72px;
  }


  .elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__contrast-item:first-child {
    padding-right: 36px;
  }


  .elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__contrast-item:last-child {
    padding-left: 36px;
  }


  .elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__care-title {
    font-size: 30px;
  }

}


/* =========================================================
   14. TABLET PORTRAIT
   <= 768px
   ========================================================= */

@media (max-width: 768px) {

  .elementor-7144 .elementor-element.elementor-element-be02d37 {
    padding-top: 72px;
    padding-right: 32px;
    padding-bottom: 72px;
    padding-left: 32px;
  }


  .elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__intro {
    grid-template-columns: 1fr;

    gap: 18px;

    margin-top: 20px;
  }


  .elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__title {
    font-size: 34px;
  }


  .elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__contrast {
    margin-top: 40px;
  }


  .elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__keyword {
    font-size: 64px;
  }


  .elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__contrast-item:first-child {
    padding-right: 28px;
  }


  .elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__contrast-item:last-child {
    padding-left: 28px;
  }


  .elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__care {
    grid-template-columns: 1fr;

    gap: 36px;

    margin-top: 52px;
  }


  .elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__figure {
    max-width: 560px;
  }


  .elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__care-title {
    font-size: 29px;
  }

}


/* =========================================================
   15. MOBILE
   <= 480px
   ========================================================= */

@media (max-width: 480px) {

  .elementor-7144 .elementor-element.elementor-element-be02d37 {
    padding-top: 56px;
    padding-right: 24px;
    padding-bottom: 56px;
    padding-left: 24px;
  }


  /* -------------------------------------------------------
     Topline
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__topline {
    display: block;

    font-size: 12px;
  }


  .elementor-7144 .elementor-element.elementor-element-be02d37
  .sita-freckles-seborrheic__topline
  span:last-child {
    display: none;
  }


  /* -------------------------------------------------------
     Intro
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__intro {
    gap: 12px;

    margin-top: 14px;
  }


  .elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__title {
    font-size: 27px;
    line-height: 1.27;
  }


  .elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__title br {
    display: none;
  }


  .elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__intro-copy p {
    font-size: 15px;
    line-height: 1.8;
  }


  /* -------------------------------------------------------
     Contrast — keep 2 columns
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__contrast {
    grid-template-columns:
      minmax(0, 1fr)
      minmax(0, 1fr);

    margin-top: 24px;
  }


  .elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__contrast-item {
    padding-top: 16px;
    padding-bottom: 18px;
  }


  .elementor-7144 .elementor-element.elementor-element-be02d37
  .sita-freckles-seborrheic__contrast-item:first-child {
    padding-right: 14px;
  }


  .elementor-7144 .elementor-element.elementor-element-be02d37
  .sita-freckles-seborrheic__contrast-item:last-child {
    padding-left: 14px;
  }


  .elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__contrast-label {
    font-size: 10px;
    letter-spacing: 0.06em;
  }


  .elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__keyword {
    margin-top: 6px;

    font-size: 44px;
  }


  .elementor-7144 .elementor-element.elementor-element-be02d37
  .sita-freckles-seborrheic__contrast-item
  p {
    margin-top: 8px;

    font-size: 13px;
    line-height: 1.7;
  }


  /* -------------------------------------------------------
     Assessment note
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__assessment-note {
    grid-template-columns: 34px minmax(0, 1fr);

    gap: 10px;

    margin-top: 24px;
  }


  .elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__assessment-no {
    font-size: 20px;
  }


  .elementor-7144 .elementor-element.elementor-element-be02d37
  .sita-freckles-seborrheic__assessment-note
  h3 {
    font-size: 16px;
  }


  .elementor-7144 .elementor-element.elementor-element-be02d37
  .sita-freckles-seborrheic__assessment-note
  p {
    font-size: 14px;
    line-height: 1.75;
  }


  /* -------------------------------------------------------
     Care
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__care {
    gap: 28px;

    margin-top: 38px;
  }


  .elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__figure {
    width: 100%;
    max-width: 100%;

    margin: 0;
  }


  .elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__figure img {
    aspect-ratio: 4 / 5;

    object-position: center center;
  }


  .elementor-7144 .elementor-element.elementor-element-be02d37
  .sita-freckles-seborrheic__figure
  figcaption {
    font-size: 11px;
  }


  .elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__care-title {
    margin-top: 8px;

    font-size: 25px;
    line-height: 1.3;
  }


  .elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__care-copy {
    margin-top: 12px;

    font-size: 15px;
    line-height: 1.8;
  }


  /* -------------------------------------------------------
     Facts
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__facts {
    margin-top: 22px;
  }


  .elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__fact {
    grid-template-columns: 34px minmax(0, 1fr);

    gap: 10px;

    padding: 14px 0;
  }


  .elementor-7144 .elementor-element.elementor-element-be02d37
  .sita-freckles-seborrheic__fact
  > span {
    font-size: 19px;
  }


  .elementor-7144 .elementor-element.elementor-element-be02d37
  .sita-freckles-seborrheic__fact
  strong {
    font-size: 15px;
  }


  .elementor-7144 .elementor-element.elementor-element-be02d37
  .sita-freckles-seborrheic__fact
  p {
    margin-top: 4px;

    font-size: 13px;
  }


  /* -------------------------------------------------------
     Guarantee
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__guarantee {
    margin-top: 22px;

    padding: 20px 18px 22px;
  }


  .elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__guarantee h4 {
    font-size: 23px;
  }


  .elementor-7144 .elementor-element.elementor-element-be02d37
  .sita-freckles-seborrheic__guarantee
  > p {
    font-size: 14px;
    line-height: 1.75;
  }


  .elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__guarantee-split {
    grid-template-columns: 1fr;

    margin-top: 16px;
  }


  .elementor-7144 .elementor-element.elementor-element-be02d37
  .sita-freckles-seborrheic__guarantee-split
  > div {
    padding: 14px 0;
  }


  .elementor-7144 .elementor-element.elementor-element-be02d37
  .sita-freckles-seborrheic__guarantee-split
  > div:first-child {
    padding-right: 0;

    border-right: 0;

    border-bottom:
      1px solid var(--sita-line-medium);
  }


  .elementor-7144 .elementor-element.elementor-element-be02d37
  .sita-freckles-seborrheic__guarantee-split
  > div:last-child {
    padding-left: 0;
  }


  /* -------------------------------------------------------
     Actions
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__actions {
    display: flex;

    flex-direction: column;
    align-items: stretch;

    gap: 10px;

    margin-top: 22px;
  }


  .elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__primary,
  .elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__secondary {
    width: 100%;

    justify-content: center;

    text-align: center;
  }


  .elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__primary {
    min-height: 52px;
  }


  .elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__secondary {
    min-height: 46px;

    border:
      1px solid rgba(114, 49, 41, 0.28);

    border-radius: 2px;
  }

}


/* =========================================================
   16. VERY SMALL MOBILE
   <= 360px
   ========================================================= */

@media (max-width: 360px) {

  .elementor-7144 .elementor-element.elementor-element-be02d37 {
    padding-right: 20px;
    padding-left: 20px;
  }


  .elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__title {
    font-size: 25px;
  }


  .elementor-7144 .elementor-element.elementor-element-be02d37 .sita-freckles-seborrheic__keyword {
    font-size: 40px;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-82f47e8 *//* =========================================================
   SITA CLINIC V2 — FRECKLES
   F07 / MORE THAN ONE CONCERN

   Section:
   #freckles-overlap
   .sita-freckles-overlap

   Maroon turning-point section
   ========================================================= */


/* =========================================================
   0. FOUNDATION
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-82f47e8 {
  --sita-maroon: #723129;
  --sita-primary: #BB6358;

  --sita-light: #F6EAE4;
  --sita-light-soft: #F0DCD4;
  --sita-light-muted: #E3B7AB;

  --sita-line:
    rgba(246, 234, 228, 0.20);

  --sita-line-medium:
    rgba(246, 234, 228, 0.35);

  --sita-line-strong:
    rgba(246, 234, 228, 0.42);

  position: relative;

  width: 100%;
  max-width: none;

  margin: 0;

  padding-top: 112px;
  padding-right: max(88px, calc((100vw - 1264px) / 2));
  padding-bottom: 112px;
  padding-left: max(88px, calc((100vw - 1264px) / 2));

  background: var(--sita-maroon);

  color: var(--sita-light);

  font-family:
    "Noto Sans Thai",
    "Noto Sans",
    sans-serif;

  overflow: hidden;
}


.elementor-7144 .elementor-element.elementor-element-82f47e8,
.elementor-7144 .elementor-element.elementor-element-82f47e8 *,
.elementor-7144 .elementor-element.elementor-element-82f47e8 *::before,
.elementor-7144 .elementor-element.elementor-element-82f47e8 *::after {
  box-sizing: border-box;
}


.elementor-7144 .elementor-element.elementor-element-82f47e8 .elementor-widget-html,
.elementor-7144 .elementor-element.elementor-element-82f47e8 .elementor-widget-html .elementor-widget-container {
  width: 100%;
  max-width: 100%;
}


/* =========================================================
   1. TOPLINE
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__topline {
  display: flex;

  justify-content: space-between;
  align-items: baseline;

  gap: 24px;

  width: 100%;

  font-size: 13px;
  line-height: 1.5;

  font-weight: 500;

  color: var(--sita-light-muted);
}


.elementor-7144 .elementor-element.elementor-element-82f47e8
.sita-freckles-overlap__topline
span:last-child {
  flex: 0 0 auto;

  font-size: 12px;

  letter-spacing: 0.20em;

  color: var(--sita-light-muted);
}


/* =========================================================
   2. MASTER GRID
   Desktop:

   content | image
   keyline | keyline
   limits  | limits
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__layout {
  display: grid;

  grid-template-columns:
    minmax(0, 7fr)
    minmax(0, 5fr);

  grid-template-areas:
    "content image"
    "keyline keyline"
    "limits limits"
    "closing closing";

  gap: 0 72px;

  align-items: start;

  width: 100%;

  margin-top: 28px;
}


/* =========================================================
   3. MAIN CONTENT
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__content {
  grid-area: content;

  min-width: 0;
}


.elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__title {
  max-width: 690px;

  margin: 0;

  font-family:
    "Anuphan",
    sans-serif;

  font-size: 50px;
  line-height: 1.18;

  font-weight: 300;

  letter-spacing: -0.01em;

  color: #FFFFFF;

  text-wrap: balance;
}


.elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__lead {
  max-width: 660px;

  margin: 32px 0 0;

  font-size: 18px;
  line-height: 1.85;

  font-weight: 300;

  color: var(--sita-light-soft);

  text-wrap: pretty;
}


/* =========================================================
   4. SUM / OVERLAP ROWS
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__sum {
  margin-top: 40px;

  border-top:
    1px solid var(--sita-line-strong);
}


.elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__sum-row {
  position: relative;

  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    auto;

  gap: 16px;

  align-items: baseline;

  padding: 18px 0 18px 36px;

  border-bottom:
    1px solid var(--sita-line);
}


.elementor-7144 .elementor-element.elementor-element-82f47e8
.sita-freckles-overlap__sum-row:last-child {
  border-bottom-color:
    var(--sita-line-strong);
}


/* + begins from second row */
.elementor-7144 .elementor-element.elementor-element-82f47e8
.sita-freckles-overlap__sum-row:not(:first-child)::before {
  content: "+";

  position: absolute;

  left: 0;
  top: 18px;

  font-family:
    "Anuphan",
    sans-serif;

  font-size: 25px;
  line-height: 1;

  font-weight: 200;

  color: var(--sita-light-muted);
}


.elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__sum-name {
  font-family:
    "Anuphan",
    sans-serif;

  font-size: 28px;
  line-height: 1.25;

  font-weight: 300;

  color: #FFFFFF;
}


.elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__sum-ref {
  font-size: 12px;
  line-height: 1.5;

  white-space: nowrap;

  color: var(--sita-light-muted);
}


.elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__context-note {
  margin: 14px 0 0;

  font-size: 14px;
  line-height: 1.8;

  font-weight: 300;

  color: var(--sita-light-soft);
}


/* =========================================================
   5. IMAGE — F03
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__figure {
  grid-area: image;

  position: relative;

  width: 100%;

  margin: 0;

  overflow: hidden;

  background:
    rgba(246, 234, 228, 0.08);
}


.elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__figure img {
  display: block;

  width: 100%;
  height: auto;

  aspect-ratio: 4 / 5;

  object-fit: cover;
  object-position: center center;
}


/* =========================================================
   6. KEY LINE
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__keyline {
  grid-area: keyline;

  margin-top: 72px;

  padding-top: 40px;

  border-top:
    1px solid var(--sita-line-medium);
}


.elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__keyline p {
  max-width: 1100px;

  margin: 0;

  font-family:
    "Anuphan",
    sans-serif;

  font-size: 38px;
  line-height: 1.35;

  font-weight: 300;

  color: #FFFFFF;

  text-wrap: balance;
}


/* =========================================================
   7. LIMITS
   Desktop = 2 columns
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__limits {
  grid-area: limits;

  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    minmax(0, 1fr);

  margin-top: 44px;

  border-top:
    1px solid var(--sita-line-medium);
}


.elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__limit {
  padding-top: 28px;
  padding-bottom: 28px;
}


.elementor-7144 .elementor-element.elementor-element-82f47e8
.sita-freckles-overlap__limit:first-child {
  padding-right: 40px;

  border-right:
    1px solid var(--sita-line);
}


.elementor-7144 .elementor-element.elementor-element-82f47e8
.sita-freckles-overlap__limit:last-child {
  padding-left: 40px;
}


.elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__limit-label {
  font-size: 11px;
  line-height: 1.5;

  letter-spacing: 0.16em;

  font-weight: 600;

  color: var(--sita-light-muted);
}


.elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__limit p {
  margin: 12px 0 0;

  font-size: 18px;
  line-height: 1.8;

  font-weight: 300;

  color: #FFFFFF;

  text-wrap: pretty;
}


/* Hidden except compact mobile */
.elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__limits-mobile {
  display: none;
}


/* =========================================================
   8. CLOSING
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__closing {
  grid-area: closing;

  margin: 0;

  padding-top: 18px;

  border-top:
    1px solid var(--sita-line);

  font-size: 15px;
  line-height: 1.8;

  font-weight: 300;

  color: var(--sita-light-soft);
}


/* =========================================================
   9. TABLET LANDSCAPE
   769px–1199px

   Keep 7:5.
   Section refs disappear as Source specifies.
   ========================================================= */

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

  .elementor-7144 .elementor-element.elementor-element-82f47e8 {
    padding-top: 88px;
    padding-right: 40px;
    padding-bottom: 88px;
    padding-left: 40px;
  }


  .elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__layout {
    gap: 0 48px;
  }


  .elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__title {
    font-size: 40px;
  }


  .elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__lead {
    margin-top: 24px;

    font-size: 16px;
  }


  .elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__sum {
    margin-top: 30px;
  }


  .elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__sum-row {
    grid-template-columns: 1fr;

    padding-top: 14px;
    padding-bottom: 14px;
  }


  .elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__sum-name {
    font-size: 24px;
  }


  .elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__sum-ref {
    display: none;
  }


  .elementor-7144 .elementor-element.elementor-element-82f47e8
  .sita-freckles-overlap__sum-row:not(:first-child)::before {
    top: 14px;
  }


  .elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__keyline {
    margin-top: 56px;
    padding-top: 32px;
  }


  .elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__keyline p {
    font-size: 32px;
  }


  .elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__limits {
    margin-top: 34px;
  }


  .elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__limit p {
    font-size: 16px;
  }

}


/* =========================================================
   10. TABLET PORTRAIT
   <= 768px

   Source intent:
   content → key line → image → limits
   ========================================================= */

@media (max-width: 768px) {

  .elementor-7144 .elementor-element.elementor-element-82f47e8 {
    padding-top: 72px;
    padding-right: 32px;
    padding-bottom: 72px;
    padding-left: 32px;
  }


  .elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__layout {
    grid-template-columns: 1fr;

    grid-template-areas:
      "content"
      "keyline"
      "image"
      "limits"
      "closing";

    gap: 0;

    margin-top: 20px;
  }


  .elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__title {
    max-width: 680px;

    font-size: 34px;
    line-height: 1.24;
  }


  .elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__lead {
    max-width: 680px;

    margin-top: 20px;

    font-size: 16px;
  }


  .elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__sum {
    margin-top: 28px;
  }


  .elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__sum-row {
    padding-top: 15px;
    padding-bottom: 15px;
  }


  .elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__sum-name {
    font-size: 23px;
  }


  .elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__sum-ref {
    display: none;
  }


  .elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__keyline {
    margin-top: 38px;

    padding-top: 28px;
  }


  .elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__keyline p {
    font-size: 28px;
  }


  /* image intentionally follows key line */
  .elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__figure {
    width: 100%;

    max-width: 560px;

    margin-top: 32px;
  }


  .elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__figure img {
    aspect-ratio: 4 / 3;
  }


  .elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__limits {
    grid-template-columns: 1fr;

    margin-top: 32px;
  }


  .elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__limit {
    padding: 20px 0;
  }


  .elementor-7144 .elementor-element.elementor-element-82f47e8
  .sita-freckles-overlap__limit:first-child {
    padding-right: 0;

    border-right: 0;

    border-bottom:
      1px solid var(--sita-line);
  }


  .elementor-7144 .elementor-element.elementor-element-82f47e8
  .sita-freckles-overlap__limit:last-child {
    padding-left: 0;
  }

}


/* =========================================================
   11. MOBILE
   <= 480px

   Source intent:
   - rows compact
   - key line 20px
   - limits become one sentence
   - image after key line
   ========================================================= */

@media (max-width: 480px) {

  .elementor-7144 .elementor-element.elementor-element-82f47e8 {
    padding-top: 56px;
    padding-right: 24px;
    padding-bottom: 56px;
    padding-left: 24px;
  }


  /* Topline */
  .elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__topline {
    display: block;

    font-size: 12px;
  }


  .elementor-7144 .elementor-element.elementor-element-82f47e8
  .sita-freckles-overlap__topline
  span:last-child {
    display: none;
  }


  /* Layout */
  .elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__layout {
    margin-top: 14px;
  }


  /* H2 */
  .elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__title {
    font-size: 27px;
    line-height: 1.25;
  }


  .elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__title br {
    display: none;
  }


  /* Lead is shortened visually but copy remains */
  .elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__lead {
    margin-top: 14px;

    font-size: 15px;
    line-height: 1.8;
  }


  /* Sum */
  .elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__sum {
    margin-top: 20px;
  }


  .elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__sum-row {
    display: block;

    padding:
      12px 0
      12px 28px;
  }


  .elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__sum-name {
    font-size: 20px;
    line-height: 1.35;
  }


  .elementor-7144 .elementor-element.elementor-element-82f47e8
  .sita-freckles-overlap__sum-row:not(:first-child)::before {
    top: 12px;

    font-size: 20px;
  }


  .elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__context-note {
    margin-top: 12px;

    font-size: 13px;
    line-height: 1.75;
  }


  /* Key line */
  .elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__keyline {
    margin-top: 28px;

    padding-top: 22px;
  }


  .elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__keyline p {
    font-size: 20px;
    line-height: 1.45;
  }


  /* Image */
  .elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__figure {
    width: 100%;
    max-width: 100%;

    margin-top: 24px;
  }


  .elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__figure img {
    aspect-ratio: 4 / 3;

    object-fit: cover;
  }


  /* Detailed limit pair hidden */
  .elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__limits {
    display: none;
  }


  /* One condensed sentence instead */
  .elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__limits-mobile {
    grid-area: limits;

    display: block;

    margin: 18px 0 0;

    padding-top: 18px;

    border-top:
      1px solid var(--sita-line-medium);

    font-size: 14px;
    line-height: 1.8;

    font-weight: 300;

    color: var(--sita-light-soft);
  }


  .elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__closing {
    display: none;
  }

}


/* =========================================================
   12. VERY SMALL MOBILE
   <= 360px
   ========================================================= */

@media (max-width: 360px) {

  .elementor-7144 .elementor-element.elementor-element-82f47e8 {
    padding-right: 20px;
    padding-left: 20px;
  }


  .elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__title {
    font-size: 25px;
  }


  .elementor-7144 .elementor-element.elementor-element-82f47e8 .sita-freckles-overlap__sum-name {
    font-size: 19px;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0cbb839 *//* =========================================================
   SITA CLINIC V2 — FRECKLES
   F08 / BEFORE THE PLAN

   Section:
   #freckles-assessment
   .sita-freckles-assessment

   Desktop:
   1440 viewport
   1264 content
   88px gutters
   ========================================================= */


/* =========================================================
   0. FOUNDATION
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-0cbb839 {
  --sita-primary: #BB6358;
  --sita-deep: #723129;
  --sita-warm: #9A614D;
  --sita-ink: #2A2422;
  --sita-body: #4A3D39;

  --sita-soft: #FBF4F0;
  --sita-white: #FFFFFF;

  --sita-line:
    rgba(114, 49, 41, 0.14);

  --sita-line-medium:
    rgba(114, 49, 41, 0.22);

  --sita-line-strong:
    rgba(114, 49, 41, 0.30);

  position: relative;

  width: 100%;
  max-width: none;

  margin: 0;

  padding-top: 112px;
  padding-right: max(88px, calc((100vw - 1264px) / 2));
  padding-bottom: 112px;
  padding-left: max(88px, calc((100vw - 1264px) / 2));

  background: var(--sita-white);

  color: var(--sita-ink);

  font-family:
    "Noto Sans Thai",
    "Noto Sans",
    sans-serif;

  overflow: hidden;
}


.elementor-7144 .elementor-element.elementor-element-0cbb839,
.elementor-7144 .elementor-element.elementor-element-0cbb839 *,
.elementor-7144 .elementor-element.elementor-element-0cbb839 *::before,
.elementor-7144 .elementor-element.elementor-element-0cbb839 *::after {
  box-sizing: border-box;
}


.elementor-7144 .elementor-element.elementor-element-0cbb839 .elementor-widget-html,
.elementor-7144 .elementor-element.elementor-element-0cbb839 .elementor-widget-html .elementor-widget-container {
  width: 100%;
  max-width: 100%;

  margin: 0;
  padding: 0;
}


/* =========================================================
   1. TOPLINE
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-0cbb839 .sita-freckles-assessment__topline {
  display: flex;

  justify-content: space-between;
  align-items: baseline;

  gap: 24px;

  width: 100%;

  margin: 0;

  font-size: 13px;
  line-height: 1.5;

  font-weight: 500;

  color: var(--sita-primary);
}


.elementor-7144 .elementor-element.elementor-element-0cbb839
.sita-freckles-assessment__topline
span:last-child {
  flex: 0 0 auto;

  font-size: 12px;
  line-height: 1.5;

  letter-spacing: 0.20em;

  color: var(--sita-warm);
}


/* =========================================================
   2. MASTER GRID
   Desktop = 5 : 7
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-0cbb839 .sita-freckles-assessment__grid {
  display: grid;

  grid-template-columns:
    minmax(0, 5fr)
    minmax(0, 7fr);

  gap: 72px;

  align-items: start;

  width: 100%;

  margin-top: 28px;
}


/* =========================================================
   3. LEFT / INTRO
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-0cbb839 .sita-freckles-assessment__intro {
  min-width: 0;
}


.elementor-7144 .elementor-element.elementor-element-0cbb839 .sita-freckles-assessment__title {
  margin: 0;

  font-family:
    "Anuphan",
    sans-serif;

  font-size: 44px;
  line-height: 1.20;

  font-weight: 300;

  letter-spacing: -0.01em;

  color: var(--sita-ink);

  text-wrap: balance;
}


.elementor-7144 .elementor-element.elementor-element-0cbb839 .sita-freckles-assessment__lead {
  max-width: 520px;

  margin: 32px 0 0;

  font-size: 17px;
  line-height: 1.85;

  font-weight: 300;

  color: var(--sita-body);

  text-wrap: pretty;
}


/* =========================================================
   4. SOFT NOTE
   Reader sees "not criteria" before list.
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-0cbb839 .sita-freckles-assessment__note {
  max-width: 520px;

  margin-top: 32px;

  padding: 24px 28px;

  background: var(--sita-soft);
}


.elementor-7144 .elementor-element.elementor-element-0cbb839 .sita-freckles-assessment__note p {
  margin: 0;

  font-size: 15px;
  line-height: 1.8;

  font-weight: 300;

  color: var(--sita-body);

  text-wrap: pretty;
}


/* =========================================================
   5. RIGHT / FRAMEWORK
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-0cbb839 .sita-freckles-assessment__framework {
  min-width: 0;

  padding-top: 6px;
}


.elementor-7144 .elementor-element.elementor-element-0cbb839 .sita-freckles-assessment__framework > h3 {
  margin: 0;

  font-size: 16px;
  line-height: 1.5;

  font-weight: 500;

  color: var(--sita-deep);
}


/* =========================================================
   6. ASSESSMENT LIST
   Quiet framework:
   no icons
   no checks
   no score
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-0cbb839 .sita-freckles-assessment__list {
  list-style: none;

  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    minmax(0, 1fr);

  gap: 0 40px;

  width: 100%;

  margin: 14px 0 0;
  padding: 0;

  border-top:
    1px solid var(--sita-line-strong);
}


.elementor-7144 .elementor-element.elementor-element-0cbb839 .sita-freckles-assessment__list li {
  display: grid;

  grid-template-columns:
    40px
    minmax(0, 1fr);

  gap: 0 14px;

  align-items: start;

  min-width: 0;

  padding: 20px 0;

  border-bottom:
    1px solid var(--sita-line);
}


/* =========================================================
   7. NUMBERS
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-0cbb839 .sita-freckles-assessment__number {
  font-family:
    "Anuphan",
    sans-serif;

  font-size: 22px;
  line-height: 1.15;

  font-weight: 200;

  color: var(--sita-primary);
}


/* =========================================================
   8. ITEM COPY
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-0cbb839 .sita-freckles-assessment__item {
  font-size: 17px;
  line-height: 1.6;

  font-weight: 400;

  color: var(--sita-ink);

  text-wrap: pretty;
}


/* =========================================================
   9. CLOSING NOTE
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-0cbb839 .sita-freckles-assessment__closing {
  max-width: 670px;

  margin: 24px 0 0;

  padding-top: 20px;

  border-top:
    1px solid var(--sita-line-medium);

  font-size: 14px;
  line-height: 1.8;

  font-weight: 300;

  color: var(--sita-warm);

  text-wrap: pretty;
}


/* =========================================================
   10. TABLET LANDSCAPE
   769px–1199px
   ========================================================= */

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

  .elementor-7144 .elementor-element.elementor-element-0cbb839 {
    padding-top: 88px;
    padding-right: 40px;
    padding-bottom: 88px;
    padding-left: 40px;
  }


  .elementor-7144 .elementor-element.elementor-element-0cbb839 .sita-freckles-assessment__grid {
    gap: 48px;
  }


  .elementor-7144 .elementor-element.elementor-element-0cbb839 .sita-freckles-assessment__title {
    font-size: 38px;
  }


  .elementor-7144 .elementor-element.elementor-element-0cbb839 .sita-freckles-assessment__lead {
    margin-top: 24px;

    font-size: 16px;
  }


  .elementor-7144 .elementor-element.elementor-element-0cbb839 .sita-freckles-assessment__note {
    margin-top: 24px;

    padding: 20px 22px;
  }


  .elementor-7144 .elementor-element.elementor-element-0cbb839 .sita-freckles-assessment__list {
    gap: 0 28px;
  }


  .elementor-7144 .elementor-element.elementor-element-0cbb839 .sita-freckles-assessment__list li {
    grid-template-columns:
      36px
      minmax(0, 1fr);

    gap: 0 10px;

    padding: 17px 0;
  }


  .elementor-7144 .elementor-element.elementor-element-0cbb839 .sita-freckles-assessment__number {
    font-size: 20px;
  }


  .elementor-7144 .elementor-element.elementor-element-0cbb839 .sita-freckles-assessment__item {
    font-size: 15px;
  }

}


/* =========================================================
   11. TABLET PORTRAIT
   <= 768px
   ========================================================= */

@media (max-width: 768px) {

  .elementor-7144 .elementor-element.elementor-element-0cbb839 {
    padding-top: 72px;
    padding-right: 32px;
    padding-bottom: 72px;
    padding-left: 32px;
  }


  .elementor-7144 .elementor-element.elementor-element-0cbb839 .sita-freckles-assessment__topline {
    align-items: flex-start;
  }


  .elementor-7144 .elementor-element.elementor-element-0cbb839 .sita-freckles-assessment__grid {
    grid-template-columns: 1fr;

    gap: 38px;

    margin-top: 20px;
  }


  .elementor-7144 .elementor-element.elementor-element-0cbb839 .sita-freckles-assessment__title {
    max-width: 680px;

    font-size: 34px;
    line-height: 1.24;
  }


  .elementor-7144 .elementor-element.elementor-element-0cbb839 .sita-freckles-assessment__lead {
    max-width: 680px;

    margin-top: 20px;

    font-size: 16px;
  }


  .elementor-7144 .elementor-element.elementor-element-0cbb839 .sita-freckles-assessment__note {
    max-width: 680px;

    margin-top: 24px;
  }


  .elementor-7144 .elementor-element.elementor-element-0cbb839 .sita-freckles-assessment__framework {
    padding-top: 0;
  }


  .elementor-7144 .elementor-element.elementor-element-0cbb839 .sita-freckles-assessment__list {
    gap: 0 28px;
  }

}


/* =========================================================
   12. MOBILE
   <= 480px

   Source:
   - title 25px
   - soft note before list
   - list becomes one column
   - quiet text rows
   ========================================================= */

@media (max-width: 480px) {

  .elementor-7144 .elementor-element.elementor-element-0cbb839 {
    padding-top: 56px;
    padding-right: 24px;
    padding-bottom: 56px;
    padding-left: 24px;
  }


  /* -------------------------------------------------------
     Topline
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-0cbb839 .sita-freckles-assessment__topline {
    display: block;

    font-size: 12px;
  }


  .elementor-7144 .elementor-element.elementor-element-0cbb839
  .sita-freckles-assessment__topline
  span:last-child {
    display: none;
  }


  /* -------------------------------------------------------
     Grid
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-0cbb839 .sita-freckles-assessment__grid {
    gap: 28px;

    margin-top: 14px;
  }


  /* -------------------------------------------------------
     Heading
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-0cbb839 .sita-freckles-assessment__title {
    font-size: 25px;
    line-height: 1.30;
  }


  .elementor-7144 .elementor-element.elementor-element-0cbb839 .sita-freckles-assessment__title br {
    display: none;
  }


  /* -------------------------------------------------------
     Intro
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-0cbb839 .sita-freckles-assessment__lead {
    margin-top: 14px;

    font-size: 15px;
    line-height: 1.8;
  }


  /* -------------------------------------------------------
     Soft note
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-0cbb839 .sita-freckles-assessment__note {
    margin-top: 16px;

    padding: 14px 16px;
  }


  .elementor-7144 .elementor-element.elementor-element-0cbb839 .sita-freckles-assessment__note p {
    font-size: 13px;
    line-height: 1.75;
  }


  /* -------------------------------------------------------
     Framework heading
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-0cbb839
  .sita-freckles-assessment__framework
  > h3 {
    font-size: 15px;
  }


  /* -------------------------------------------------------
     List = one quiet column
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-0cbb839 .sita-freckles-assessment__list {
    grid-template-columns: 1fr;

    gap: 0;

    margin-top: 12px;
  }


  .elementor-7144 .elementor-element.elementor-element-0cbb839 .sita-freckles-assessment__list li {
    display: block;

    padding: 11px 0;

    border-bottom:
      1px solid var(--sita-line);
  }


  /*
   * Mobile intentionally removes the numbered
   * checklist feeling.
   */
  .elementor-7144 .elementor-element.elementor-element-0cbb839 .sita-freckles-assessment__number {
    display: none;
  }


  .elementor-7144 .elementor-element.elementor-element-0cbb839 .sita-freckles-assessment__item {
    display: block;

    font-size: 15px;
    line-height: 1.65;

    font-weight: 400;
  }


  /* -------------------------------------------------------
     Closing
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-0cbb839 .sita-freckles-assessment__closing {
    margin-top: 16px;

    padding-top: 16px;

    font-size: 13px;
    line-height: 1.75;
  }

}


/* =========================================================
   13. VERY SMALL MOBILE
   <= 360px
   ========================================================= */

@media (max-width: 360px) {

  .elementor-7144 .elementor-element.elementor-element-0cbb839 {
    padding-right: 20px;
    padding-left: 20px;
  }


  .elementor-7144 .elementor-element.elementor-element-0cbb839 .sita-freckles-assessment__title {
    font-size: 24px;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46cfa75 *//* =========================================================
   SITA CLINIC V2 — FRECKLES
   F09 / SUN & DAILY CONTEXT

   Section:
   #freckles-sun-context
   .sita-freckles-sun

   Desktop:
   1440 viewport
   1264 content
   88px gutters
   ========================================================= */


/* =========================================================
   0. FOUNDATION
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-46cfa75 {
  --sita-primary: #BB6358;
  --sita-deep: #723129;
  --sita-warm: #9A614D;
  --sita-ink: #2A2422;
  --sita-body: #4A3D39;

  --sita-soft: #FBF4F0;

  --sita-line:
    rgba(114, 49, 41, 0.14);

  --sita-line-medium:
    rgba(114, 49, 41, 0.20);

  --sita-line-strong:
    rgba(114, 49, 41, 0.30);

  position: relative;

  width: 100%;
  max-width: none;

  margin: 0;

  padding-top: 112px;
  padding-right: max(88px, calc((100vw - 1264px) / 2));
  padding-bottom: 112px;
  padding-left: max(88px, calc((100vw - 1264px) / 2));

  background: var(--sita-soft);

  color: var(--sita-ink);

  font-family:
    "Noto Sans Thai",
    "Noto Sans",
    sans-serif;

  overflow: hidden;
}


.elementor-7144 .elementor-element.elementor-element-46cfa75,
.elementor-7144 .elementor-element.elementor-element-46cfa75 *,
.elementor-7144 .elementor-element.elementor-element-46cfa75 *::before,
.elementor-7144 .elementor-element.elementor-element-46cfa75 *::after {
  box-sizing: border-box;
}


.elementor-7144 .elementor-element.elementor-element-46cfa75 .elementor-widget-html,
.elementor-7144 .elementor-element.elementor-element-46cfa75 .elementor-widget-html .elementor-widget-container {
  width: 100%;
  max-width: 100%;

  margin: 0;
  padding: 0;
}


/* =========================================================
   1. TOPLINE
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-46cfa75 .sita-freckles-sun__topline {
  display: flex;

  justify-content: space-between;
  align-items: baseline;

  gap: 24px;

  width: 100%;

  margin: 0;

  font-size: 13px;
  line-height: 1.5;

  font-weight: 500;

  color: var(--sita-primary);
}


.elementor-7144 .elementor-element.elementor-element-46cfa75
.sita-freckles-sun__topline
span:last-child {
  flex: 0 0 auto;

  font-size: 12px;
  line-height: 1.5;

  letter-spacing: 0.20em;

  color: var(--sita-warm);
}


/* =========================================================
   2. H2
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-46cfa75 .sita-freckles-sun__title {
  max-width: 1000px;

  margin: 28px 0 0;

  font-family:
    "Anuphan",
    sans-serif;

  font-size: 48px;
  line-height: 1.18;

  font-weight: 300;

  letter-spacing: -0.01em;

  color: var(--sita-ink);

  text-wrap: balance;
}


/* =========================================================
   3. MAIN GRID
   Desktop = 7 : 5
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-46cfa75 .sita-freckles-sun__grid {
  display: grid;

  grid-template-columns:
    minmax(0, 7fr)
    minmax(0, 5fr);

  gap: 72px;

  align-items: start;

  width: 100%;

  margin-top: 56px;
}


/* =========================================================
   4. LEFT CONTENT
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-46cfa75 .sita-freckles-sun__content {
  min-width: 0;
}


.elementor-7144 .elementor-element.elementor-element-46cfa75 .sita-freckles-sun__lead {
  max-width: 660px;

  margin: 0;

  font-size: 18px;
  line-height: 1.85;

  font-weight: 300;

  color: var(--sita-ink);

  text-wrap: pretty;
}


.elementor-7144 .elementor-element.elementor-element-46cfa75 .sita-freckles-sun__body {
  max-width: 660px;

  margin: 16px 0 0;

  font-size: 17px;
  line-height: 1.85;

  font-weight: 300;

  color: var(--sita-body);

  text-wrap: pretty;
}


/* =========================================================
   5. SCOPE NOTE

   Deliberately explains why this page does not
   prescribe exact SPF / amount / frequency.
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-46cfa75 .sita-freckles-sun__scope-note {
  max-width: 660px;

  margin: 40px 0 0;

  padding-top: 22px;

  border-top:
    1px solid var(--sita-line-medium);

  font-size: 15px;
  line-height: 1.8;

  font-weight: 300;

  color: var(--sita-warm);

  text-wrap: pretty;
}


/* =========================================================
   6. RIGHT / DAILY CARE
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-46cfa75 .sita-freckles-sun__care {
  min-width: 0;
}


.elementor-7144 .elementor-element.elementor-element-46cfa75 .sita-freckles-sun__care h3 {
  margin: 0;

  font-size: 16px;
  line-height: 1.5;

  font-weight: 500;

  color: var(--sita-deep);
}


/* =========================================================
   7. CARE LIST
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-46cfa75 .sita-freckles-sun__list {
  list-style: none;

  width: 100%;

  margin: 14px 0 0;
  padding: 0;

  border-top:
    1px solid var(--sita-line-strong);
}


.elementor-7144 .elementor-element.elementor-element-46cfa75 .sita-freckles-sun__list li {
  margin: 0;

  padding: 18px 0;

  border-bottom:
    1px solid var(--sita-line);

  font-size: 17px;
  line-height: 1.6;

  font-weight: 400;

  color: var(--sita-ink);

  text-wrap: pretty;
}


.elementor-7144 .elementor-element.elementor-element-46cfa75 .sita-freckles-sun__list li:last-child {
  border-bottom: 0;
}


/* =========================================================
   8. TABLET LANDSCAPE
   769px–1199px
   ========================================================= */

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

  .elementor-7144 .elementor-element.elementor-element-46cfa75 {
    padding-top: 88px;
    padding-right: 40px;
    padding-bottom: 88px;
    padding-left: 40px;
  }


  .elementor-7144 .elementor-element.elementor-element-46cfa75 .sita-freckles-sun__title {
    font-size: 40px;
    line-height: 1.20;
  }


  .elementor-7144 .elementor-element.elementor-element-46cfa75 .sita-freckles-sun__grid {
    gap: 48px;

    margin-top: 44px;
  }


  .elementor-7144 .elementor-element.elementor-element-46cfa75 .sita-freckles-sun__lead {
    font-size: 17px;
  }


  .elementor-7144 .elementor-element.elementor-element-46cfa75 .sita-freckles-sun__body {
    font-size: 16px;
  }


  .elementor-7144 .elementor-element.elementor-element-46cfa75 .sita-freckles-sun__scope-note {
    margin-top: 32px;

    font-size: 14px;
  }


  .elementor-7144 .elementor-element.elementor-element-46cfa75 .sita-freckles-sun__list li {
    padding: 16px 0;

    font-size: 16px;
  }

}


/* =========================================================
   9. TABLET PORTRAIT
   <= 768px
   ========================================================= */

@media (max-width: 768px) {

  .elementor-7144 .elementor-element.elementor-element-46cfa75 {
    padding-top: 72px;
    padding-right: 32px;
    padding-bottom: 72px;
    padding-left: 32px;
  }


  .elementor-7144 .elementor-element.elementor-element-46cfa75 .sita-freckles-sun__topline {
    align-items: flex-start;
  }


  .elementor-7144 .elementor-element.elementor-element-46cfa75 .sita-freckles-sun__title {
    max-width: 680px;

    margin-top: 20px;

    font-size: 34px;
    line-height: 1.24;
  }


  .elementor-7144 .elementor-element.elementor-element-46cfa75 .sita-freckles-sun__grid {
    grid-template-columns: 1fr;

    gap: 38px;

    margin-top: 38px;
  }


  .elementor-7144 .elementor-element.elementor-element-46cfa75 .sita-freckles-sun__lead,
  .elementor-7144 .elementor-element.elementor-element-46cfa75 .sita-freckles-sun__body,
  .elementor-7144 .elementor-element.elementor-element-46cfa75 .sita-freckles-sun__scope-note {
    max-width: 680px;
  }

}


/* =========================================================
   10. MOBILE
   <= 480px

   Keep calm:
   no icons
   no SPF number
   no alarm treatment
   ========================================================= */

@media (max-width: 480px) {

  .elementor-7144 .elementor-element.elementor-element-46cfa75 {
    padding-top: 56px;
    padding-right: 24px;
    padding-bottom: 56px;
    padding-left: 24px;
  }


  /* -------------------------------------------------------
     Topline
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-46cfa75 .sita-freckles-sun__topline {
    display: block;

    font-size: 12px;
  }


  .elementor-7144 .elementor-element.elementor-element-46cfa75
  .sita-freckles-sun__topline
  span:last-child {
    display: none;
  }


  /* -------------------------------------------------------
     H2
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-46cfa75 .sita-freckles-sun__title {
    margin-top: 14px;

    font-size: 26px;
    line-height: 1.28;
  }


  .elementor-7144 .elementor-element.elementor-element-46cfa75 .sita-freckles-sun__title br {
    display: none;
  }


  /* -------------------------------------------------------
     Grid
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-46cfa75 .sita-freckles-sun__grid {
    gap: 28px;

    margin-top: 24px;
  }


  /* -------------------------------------------------------
     Copy
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-46cfa75 .sita-freckles-sun__lead {
    font-size: 15px;
    line-height: 1.8;
  }


  .elementor-7144 .elementor-element.elementor-element-46cfa75 .sita-freckles-sun__body {
    margin-top: 12px;

    font-size: 14px;
    line-height: 1.8;
  }


  /* -------------------------------------------------------
     Scope note
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-46cfa75 .sita-freckles-sun__scope-note {
    margin-top: 22px;

    padding-top: 16px;

    font-size: 13px;
    line-height: 1.75;
  }


  /* -------------------------------------------------------
     Care list
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-46cfa75 .sita-freckles-sun__care h3 {
    font-size: 15px;
  }


  .elementor-7144 .elementor-element.elementor-element-46cfa75 .sita-freckles-sun__list {
    margin-top: 10px;
  }


  .elementor-7144 .elementor-element.elementor-element-46cfa75 .sita-freckles-sun__list li {
    padding: 13px 0;

    font-size: 15px;
    line-height: 1.65;
  }

}


/* =========================================================
   11. VERY SMALL MOBILE
   <= 360px
   ========================================================= */

@media (max-width: 360px) {

  .elementor-7144 .elementor-element.elementor-element-46cfa75 {
    padding-right: 20px;
    padding-left: 20px;
  }


  .elementor-7144 .elementor-element.elementor-element-46cfa75 .sita-freckles-sun__title {
    font-size: 25px;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-97b1994 *//* =========================================================
   SITA CLINIC V2 — FRECKLES
   F10 / CARE SYSTEM

   Section:
   #freckles-care-system
   .sita-freckles-system

   Desktop:
   1440 viewport
   1264 content
   88px gutters
   ========================================================= */


/* =========================================================
   0. FOUNDATION
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-97b1994 {
  --sita-primary: #BB6358;
  --sita-deep: #723129;
  --sita-warm: #9A614D;

  --sita-ink: #2A2422;
  --sita-body: #4A3D39;

  --sita-white: #FFFFFF;
  --sita-soft: #FBF4F0;

  --sita-line:
    rgba(114, 49, 41, 0.14);

  --sita-line-medium:
    rgba(114, 49, 41, 0.20);

  --sita-line-strong:
    rgba(114, 49, 41, 0.30);

  position: relative;

  width: 100%;
  max-width: none;

  margin: 0;

  padding-top: 112px;
  padding-right: max(88px, calc((100vw - 1264px) / 2));
  padding-bottom: 112px;
  padding-left: max(88px, calc((100vw - 1264px) / 2));

  background: var(--sita-white);

  color: var(--sita-ink);

  font-family:
    "Noto Sans Thai",
    "Noto Sans",
    sans-serif;

  overflow: hidden;
}


.elementor-7144 .elementor-element.elementor-element-97b1994,
.elementor-7144 .elementor-element.elementor-element-97b1994 *,
.elementor-7144 .elementor-element.elementor-element-97b1994 *::before,
.elementor-7144 .elementor-element.elementor-element-97b1994 *::after {
  box-sizing: border-box;
}


.elementor-7144 .elementor-element.elementor-element-97b1994 .elementor-widget-html,
.elementor-7144 .elementor-element.elementor-element-97b1994 .elementor-widget-html .elementor-widget-container {
  width: 100%;
  max-width: 100%;

  margin: 0;
  padding: 0;
}


/* =========================================================
   1. TOPLINE
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__topline {
  display: flex;

  justify-content: space-between;
  align-items: baseline;

  gap: 24px;

  width: 100%;

  margin: 0;

  font-size: 13px;
  line-height: 1.5;

  font-weight: 500;

  color: var(--sita-primary);
}


.elementor-7144 .elementor-element.elementor-element-97b1994
.sita-freckles-system__topline
span:last-child {
  flex: 0 0 auto;

  font-size: 12px;
  line-height: 1.5;

  letter-spacing: 0.20em;

  color: var(--sita-warm);
}


/* =========================================================
   2. MASTER GRID
   Desktop = 7 : 5
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__grid {
  display: grid;

  grid-template-columns:
    minmax(0, 7fr)
    minmax(0, 5fr);

  gap: 72px;

  align-items: start;

  width: 100%;

  margin-top: 28px;
}


/* =========================================================
   3. CONTENT
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__content {
  min-width: 0;
}


.elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__title {
  margin: 0;

  font-family:
    "Anuphan",
    sans-serif;

  font-size: 48px;
  line-height: 1.18;

  font-weight: 300;

  letter-spacing: -0.01em;

  color: var(--sita-ink);

  text-wrap: balance;
}


.elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__lead {
  max-width: 640px;

  margin: 32px 0 0;

  font-size: 18px;
  line-height: 1.85;

  font-weight: 300;

  color: var(--sita-body);

  text-wrap: pretty;
}


/* =========================================================
   4. THREE-STAGE SYSTEM
   Desktop = horizontal hairline + dots
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__stages {
  display: grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap: 0 32px;

  width: 100%;

  margin-top: 52px;
}


.elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__stage {
  position: relative;

  min-width: 0;

  padding-top: 28px;

  border-top:
    1px solid var(--sita-line-strong);
}


/* Dot */
.elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__dot {
  position: absolute;

  top: -5px;
  left: 0;

  display: block;

  width: 9px;
  height: 9px;

  border-radius: 50%;

  background: var(--sita-primary);
}


/* PLAN gets deeper final dot */
.elementor-7144 .elementor-element.elementor-element-97b1994
.sita-freckles-system__stage:last-child
.sita-freckles-system__dot {
  background: var(--sita-deep);
}


/* English micro-label */
.elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__stage-en {
  font-size: 11px;
  line-height: 1.5;

  letter-spacing: 0.18em;

  font-weight: 600;

  color: var(--sita-warm);
}


/* Thai stage name */
.elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__stage h3 {
  margin: 10px 0 0;

  font-family:
    "Anuphan",
    sans-serif;

  font-size: 28px;
  line-height: 1.25;

  font-weight: 300;

  color: var(--sita-deep);
}


.elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__stage p {
  margin: 8px 0 0;

  font-size: 16px;
  line-height: 1.75;

  font-weight: 300;

  color: var(--sita-body);
}


/* =========================================================
   5. FOLLOW-UP LINE
   Only recurrence / persistence statement on the page.
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__followup {
  max-width: 660px;

  margin: 44px 0 0;

  padding-top: 22px;

  border-top:
    1px solid var(--sita-line-medium);

  font-size: 16px;
  line-height: 1.85;

  font-weight: 300;

  color: var(--sita-body);

  text-wrap: pretty;
}


/* =========================================================
   6. CARE SYSTEM LINK
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__link {
  display: inline-flex;

  align-items: center;

  min-height: 44px;

  margin-top: 16px;

  color: var(--sita-deep);

  font-size: 16px;
  line-height: 1.5;

  font-weight: 500;

  text-decoration: none;

  border-bottom:
    1px solid rgba(114, 49, 41, 0.35);
}


.elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__link:hover,
.elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__link:focus-visible {
  border-bottom-color:
    var(--sita-deep);
}


/* =========================================================
   7. IMAGE — F04 PLANNING CONVERSATION
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__figure {
  position: relative;

  width: 100%;

  margin: 0;

  padding: 0;

  overflow: hidden;

  background: #F6EDE8;
}


.elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__figure img {
  display: block;

  width: 100%;
  height: auto;

  aspect-ratio: 4 / 5;

  object-fit: cover;
  object-position: center center;
}


/* =========================================================
   8. TABLET LANDSCAPE
   769px–1199px

   Source:
   horizontal three-stage system remains.
   ========================================================= */

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

  .elementor-7144 .elementor-element.elementor-element-97b1994 {
    padding-top: 88px;
    padding-right: 40px;
    padding-bottom: 88px;
    padding-left: 40px;
  }


  .elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__grid {
    gap: 48px;
  }


  .elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__title {
    font-size: 40px;
    line-height: 1.20;
  }


  .elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__lead {
    margin-top: 24px;

    font-size: 16px;
  }


  .elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__stages {
    gap: 0 22px;

    margin-top: 42px;
  }


  .elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__stage {
    padding-top: 24px;
  }


  .elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__stage h3 {
    font-size: 24px;
  }


  .elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__stage p {
    font-size: 14px;
  }


  .elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__followup {
    margin-top: 34px;

    font-size: 15px;
  }

}


/* =========================================================
   9. TABLET PORTRAIT
   <= 768px

   Source:
   - Stack content / image
   - horizontal rule becomes vertical rail
   ========================================================= */

@media (max-width: 768px) {

  .elementor-7144 .elementor-element.elementor-element-97b1994 {
    padding-top: 72px;
    padding-right: 32px;
    padding-bottom: 72px;
    padding-left: 32px;
  }


  .elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__topline {
    align-items: flex-start;
  }


  .elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__grid {
    grid-template-columns: 1fr;

    gap: 36px;

    margin-top: 20px;
  }


  .elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__title {
    max-width: 680px;

    font-size: 34px;
    line-height: 1.24;
  }


  .elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__lead {
    max-width: 680px;

    margin-top: 20px;

    font-size: 16px;
  }


  /* =======================================================
     VERTICAL RAIL
     ======================================================= */

  .elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__stages {
    position: relative;

    display: block;

    margin-top: 30px;

    padding-left: 24px;
  }


  .elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__stages::before {
    content: "";

    position: absolute;

    top: 8px;
    bottom: 8px;
    left: 0;

    width: 1px;

    background:
      var(--sita-line-strong);
  }


  .elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__stage {
    position: relative;

    padding-top: 0;
    padding-bottom: 22px;

    border-top: 0;
  }


  .elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__stage:last-child {
    padding-bottom: 0;
  }


  .elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__dot {
    top: 8px;
    left: -28px;
  }


  .elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__stage-en {
    display: none;
  }


  .elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__stage h3 {
    margin-top: 0;

    font-size: 23px;
  }


  .elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__stage p {
    margin-top: 3px;

    font-size: 15px;
  }


  .elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__followup {
    max-width: 680px;

    margin-top: 30px;
  }


  /* image comes after complete care logic */
  .elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__figure {
    max-width: 680px;
  }


  .elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__figure img {
    aspect-ratio: 4 / 3;
  }

}


/* =========================================================
   10. MOBILE
   <= 480px

   Source:
   vertical rail
   44px Care System link
   image after content
   ========================================================= */

@media (max-width: 480px) {

  .elementor-7144 .elementor-element.elementor-element-97b1994 {
    padding-top: 56px;
    padding-right: 24px;
    padding-bottom: 56px;
    padding-left: 24px;
  }


  /* -------------------------------------------------------
     Topline
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__topline {
    display: block;

    font-size: 12px;
  }


  .elementor-7144 .elementor-element.elementor-element-97b1994
  .sita-freckles-system__topline
  span:last-child {
    display: none;
  }


  /* -------------------------------------------------------
     Layout
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__grid {
    gap: 28px;

    margin-top: 14px;
  }


  /* -------------------------------------------------------
     H2
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__title {
    font-size: 25px;
    line-height: 1.30;
  }


  .elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__title br {
    display: none;
  }


  /* -------------------------------------------------------
     Intro
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__lead {
    margin-top: 14px;

    font-size: 15px;
    line-height: 1.8;
  }


  /* -------------------------------------------------------
     Vertical rail
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__stages {
    margin-top: 20px;

    padding-left: 22px;
  }


  .elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__stages::before {
    left: 0;
  }


  .elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__stage {
    padding-bottom: 16px;
  }


  .elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__dot {
    left: -26px;

    width: 9px;
    height: 9px;
  }


  .elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__stage h3 {
    font-size: 21px;
  }


  .elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__stage p {
    font-size: 14px;
    line-height: 1.6;
  }


  /* -------------------------------------------------------
     Follow-up
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__followup {
    margin-top: 22px;

    padding-top: 16px;

    font-size: 14px;
    line-height: 1.8;
  }


  /* -------------------------------------------------------
     Link
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__link {
    display: flex;

    width: fit-content;
    min-height: 44px;

    margin-top: 8px;

    font-size: 15px;
  }


  /* -------------------------------------------------------
     Image
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__figure {
    width: 100%;
    max-width: 100%;

    margin: 0;
  }


  .elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__figure img {
    aspect-ratio: 4 / 3;

    object-fit: cover;
    object-position: center center;
  }

}


/* =========================================================
   11. VERY SMALL MOBILE
   <= 360px
   ========================================================= */

@media (max-width: 360px) {

  .elementor-7144 .elementor-element.elementor-element-97b1994 {
    padding-right: 20px;
    padding-left: 20px;
  }


  .elementor-7144 .elementor-element.elementor-element-97b1994 .sita-freckles-system__title {
    font-size: 24px;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-69f43de *//* =========================================================
   SITA CLINIC V2 — FRECKLES
   F11 / QUESTIONS

   Section:
   #freckles-questions
   .sita-freckles-questions

   OPEN FAQ ROWS
   No accordion
   No hidden answers

   Desktop:
   1440 viewport
   1264 content
   88px gutters
   ========================================================= */


/* =========================================================
   0. FOUNDATION
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-69f43de {
  --sita-primary: #BB6358;
  --sita-deep: #723129;
  --sita-warm: #9A614D;

  --sita-ink: #2A2422;
  --sita-body: #4A3D39;

  --sita-soft: #FBF4F0;
  --sita-white: #FFFFFF;

  --sita-line:
    rgba(114, 49, 41, 0.14);

  --sita-line-medium:
    rgba(114, 49, 41, 0.22);

  --sita-line-strong:
    rgba(114, 49, 41, 0.35);

  position: relative;

  width: 100%;
  max-width: none;

  margin: 0;

  padding-top: 112px;
  padding-right: max(88px, calc((100vw - 1264px) / 2));
  padding-bottom: 112px;
  padding-left: max(88px, calc((100vw - 1264px) / 2));

  background: var(--sita-soft);

  color: var(--sita-ink);

  font-family:
    "Noto Sans Thai",
    "Noto Sans",
    sans-serif;

  overflow: hidden;
}


.elementor-7144 .elementor-element.elementor-element-69f43de,
.elementor-7144 .elementor-element.elementor-element-69f43de *,
.elementor-7144 .elementor-element.elementor-element-69f43de *::before,
.elementor-7144 .elementor-element.elementor-element-69f43de *::after {
  box-sizing: border-box;
}


.elementor-7144 .elementor-element.elementor-element-69f43de .elementor-widget-html,
.elementor-7144 .elementor-element.elementor-element-69f43de .elementor-widget-html .elementor-widget-container {
  width: 100%;
  max-width: 100%;

  margin: 0;
  padding: 0;
}


/* =========================================================
   1. TOPLINE
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-69f43de .sita-freckles-questions__topline {
  display: flex;

  justify-content: space-between;
  align-items: baseline;

  gap: 24px;

  width: 100%;

  margin: 0;

  font-size: 13px;
  line-height: 1.5;

  font-weight: 500;

  color: var(--sita-primary);
}


.elementor-7144 .elementor-element.elementor-element-69f43de
.sita-freckles-questions__topline
span:last-child {
  flex: 0 0 auto;

  font-size: 12px;
  line-height: 1.5;

  letter-spacing: 0.20em;

  color: var(--sita-warm);
}


/* =========================================================
   2. H2
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-69f43de .sita-freckles-questions__title {
  max-width: 760px;

  margin: 28px 0 0;

  font-family:
    "Anuphan",
    sans-serif;

  font-size: 48px;
  line-height: 1.18;

  font-weight: 300;

  letter-spacing: -0.01em;

  color: var(--sita-ink);

  text-wrap: balance;
}


/* =========================================================
   3. QUESTIONS LIST
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-69f43de .sita-freckles-questions__list {
  width: 100%;

  margin-top: 56px;

  border-top:
    1px solid var(--sita-line-strong);
}


/* =========================================================
   4. QUESTION ROW

   Desktop:
   Q | Question 5fr | Answer 7fr
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-69f43de .sita-freckles-questions__item {
  display: grid;

  grid-template-columns:
    56px
    minmax(0, 5fr)
    minmax(0, 7fr);

  gap: 0 40px;

  align-items: start;

  width: 100%;

  margin: 0;

  padding: 32px 0;

  border-bottom:
    1px solid var(--sita-line);
}


.elementor-7144 .elementor-element.elementor-element-69f43de
.sita-freckles-questions__item:last-child {
  border-bottom-color:
    var(--sita-line-strong);
}


/* =========================================================
   5. Q NUMBER
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-69f43de .sita-freckles-questions__number {
  font-family:
    "Anuphan",
    sans-serif;

  font-size: 26px;
  line-height: 1.2;

  font-weight: 200;

  color: var(--sita-primary);
}


/* =========================================================
   6. QUESTION
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-69f43de .sita-freckles-questions__item h3 {
  margin: 0;

  font-size: 22px;
  line-height: 1.5;

  font-weight: 500;

  color: var(--sita-deep);

  text-wrap: pretty;
}


/* =========================================================
   7. ANSWER
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-69f43de .sita-freckles-questions__answer {
  min-width: 0;
}


.elementor-7144 .elementor-element.elementor-element-69f43de .sita-freckles-questions__answer p {
  margin: 0;

  font-size: 17px;
  line-height: 1.85;

  font-weight: 300;

  color: var(--sita-ink);

  text-wrap: pretty;
}


.elementor-7144 .elementor-element.elementor-element-69f43de
.sita-freckles-questions__answer
p + p {
  margin-top: 12px;

  color: var(--sita-body);
}


.elementor-7144 .elementor-element.elementor-element-69f43de
.sita-freckles-questions__answer
strong {
  font-weight: 500;

  color: var(--sita-deep);
}


/* =========================================================
   8. INLINE LINKS
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-69f43de .sita-freckles-questions__answer a {
  color: var(--sita-deep);

  text-decoration: none;

  border-bottom:
    1px solid rgba(114, 49, 41, 0.35);
}


.elementor-7144 .elementor-element.elementor-element-69f43de .sita-freckles-questions__answer a:hover,
.elementor-7144 .elementor-element.elementor-element-69f43de .sita-freckles-questions__answer a:focus-visible {
  border-bottom-color:
    var(--sita-deep);
}


.elementor-7144 .elementor-element.elementor-element-69f43de .sita-freckles-questions__context-link {
  display: inline-flex;

  align-items: center;

  min-height: 36px;

  margin-top: 10px;

  font-size: 15px;
  line-height: 1.5;

  font-weight: 500;
}


/* =========================================================
   9. DISCLAIMER
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-69f43de .sita-freckles-questions__disclaimer {
  max-width: 820px;

  margin: 56px 0 0;

  padding-top: 22px;

  border-top:
    1px solid var(--sita-line-medium);

  font-size: 13px;
  line-height: 1.8;

  font-weight: 300;

  color: var(--sita-warm);

  text-wrap: pretty;
}


/* =========================================================
   10. TABLET LANDSCAPE
   769px–1199px
   ========================================================= */

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

  .elementor-7144 .elementor-element.elementor-element-69f43de {
    padding-top: 88px;
    padding-right: 40px;
    padding-bottom: 88px;
    padding-left: 40px;
  }


  .elementor-7144 .elementor-element.elementor-element-69f43de .sita-freckles-questions__title {
    font-size: 40px;
  }


  .elementor-7144 .elementor-element.elementor-element-69f43de .sita-freckles-questions__list {
    margin-top: 44px;
  }


  .elementor-7144 .elementor-element.elementor-element-69f43de .sita-freckles-questions__item {
    grid-template-columns:
      48px
      minmax(0, 5fr)
      minmax(0, 7fr);

    gap: 0 28px;

    padding: 26px 0;
  }


  .elementor-7144 .elementor-element.elementor-element-69f43de .sita-freckles-questions__number {
    font-size: 23px;
  }


  .elementor-7144 .elementor-element.elementor-element-69f43de .sita-freckles-questions__item h3 {
    font-size: 19px;
  }


  .elementor-7144 .elementor-element.elementor-element-69f43de .sita-freckles-questions__answer p {
    font-size: 16px;
  }

}


/* =========================================================
   11. TABLET PORTRAIT
   <= 768px

   Q number + question above answer.
   ========================================================= */

@media (max-width: 768px) {

  .elementor-7144 .elementor-element.elementor-element-69f43de {
    padding-top: 72px;
    padding-right: 32px;
    padding-bottom: 72px;
    padding-left: 32px;
  }


  .elementor-7144 .elementor-element.elementor-element-69f43de .sita-freckles-questions__topline {
    align-items: flex-start;
  }


  .elementor-7144 .elementor-element.elementor-element-69f43de .sita-freckles-questions__title {
    margin-top: 20px;

    font-size: 34px;
    line-height: 1.24;
  }


  .elementor-7144 .elementor-element.elementor-element-69f43de .sita-freckles-questions__list {
    margin-top: 38px;
  }


  .elementor-7144 .elementor-element.elementor-element-69f43de .sita-freckles-questions__item {
    grid-template-columns:
      50px
      minmax(0, 1fr);

    gap: 0 16px;

    padding: 26px 0;
  }


  .elementor-7144 .elementor-element.elementor-element-69f43de .sita-freckles-questions__number {
    grid-column: 1;
    grid-row: 1;

    font-size: 22px;
  }


  .elementor-7144 .elementor-element.elementor-element-69f43de .sita-freckles-questions__item h3 {
    grid-column: 2;
    grid-row: 1;

    font-size: 20px;
  }


  .elementor-7144 .elementor-element.elementor-element-69f43de .sita-freckles-questions__answer {
    grid-column: 2;
    grid-row: 2;

    margin-top: 14px;
  }


  .elementor-7144 .elementor-element.elementor-element-69f43de .sita-freckles-questions__answer p {
    font-size: 16px;
  }


  .elementor-7144 .elementor-element.elementor-element-69f43de .sita-freckles-questions__disclaimer {
    margin-top: 44px;
  }

}


/* =========================================================
   12. MOBILE
   <= 480px

   Open rows remain fully visible.
   No accordion.
   ========================================================= */

@media (max-width: 480px) {

  .elementor-7144 .elementor-element.elementor-element-69f43de {
    padding-top: 56px;
    padding-right: 24px;
    padding-bottom: 56px;
    padding-left: 24px;
  }


  /* -------------------------------------------------------
     Topline
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-69f43de .sita-freckles-questions__topline {
    display: block;

    font-size: 12px;
  }


  .elementor-7144 .elementor-element.elementor-element-69f43de
  .sita-freckles-questions__topline
  span:last-child {
    display: none;
  }


  /* -------------------------------------------------------
     H2
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-69f43de .sita-freckles-questions__title {
    margin-top: 14px;

    font-size: 26px;
    line-height: 1.28;
  }


  .elementor-7144 .elementor-element.elementor-element-69f43de .sita-freckles-questions__title br {
    display: none;
  }


  /* -------------------------------------------------------
     FAQ list
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-69f43de .sita-freckles-questions__list {
    margin-top: 28px;
  }


  .elementor-7144 .elementor-element.elementor-element-69f43de .sita-freckles-questions__item {
    display: block;

    padding: 22px 0;
  }


  .elementor-7144 .elementor-element.elementor-element-69f43de .sita-freckles-questions__number {
    display: block;

    margin-bottom: 8px;

    font-size: 18px;
    line-height: 1.2;
  }


  .elementor-7144 .elementor-element.elementor-element-69f43de .sita-freckles-questions__item h3 {
    font-size: 18px;
    line-height: 1.5;
  }


  .elementor-7144 .elementor-element.elementor-element-69f43de .sita-freckles-questions__answer {
    margin-top: 12px;
  }


  .elementor-7144 .elementor-element.elementor-element-69f43de .sita-freckles-questions__answer p {
    font-size: 14px;
    line-height: 1.8;
  }


  .elementor-7144 .elementor-element.elementor-element-69f43de
  .sita-freckles-questions__answer
  p + p {
    margin-top: 9px;
  }


  .elementor-7144 .elementor-element.elementor-element-69f43de .sita-freckles-questions__context-link {
    min-height: 40px;

    margin-top: 6px;

    font-size: 14px;
  }


  /* -------------------------------------------------------
     Disclaimer
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-69f43de .sita-freckles-questions__disclaimer {
    margin-top: 32px;

    padding-top: 18px;

    font-size: 12px;
    line-height: 1.75;
  }

}


/* =========================================================
   13. VERY SMALL MOBILE
   <= 360px
   ========================================================= */

@media (max-width: 360px) {

  .elementor-7144 .elementor-element.elementor-element-69f43de {
    padding-right: 20px;
    padding-left: 20px;
  }


  .elementor-7144 .elementor-element.elementor-element-69f43de .sita-freckles-questions__title {
    font-size: 25px;
  }


  .elementor-7144 .elementor-element.elementor-element-69f43de .sita-freckles-questions__item h3 {
    font-size: 17px;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9da77e8 *//* =========================================================
   SITA CLINIC V2 — FRECKLES
   GLOBAL DESKTOP SECTION WIDTH NORMALIZATION

   SITA V2 Desktop Grid:
   1440 viewport
   1264 content
   88px gutters
   ========================================================= */

@media (min-width: 1200px) {

  /*
   * Normalize Freckles top-level Elementor
   * boxed sections to the SITA V2 1264px content grid.
   */
  .elementor-7144 .elementor-element.elementor-element-9da77e8 [id^="freckles-"].e-con-boxed {
    --container-max-width: 1264px !important;
  }

  .elementor-7144 .elementor-element.elementor-element-9da77e8 [id^="freckles-"].e-con-boxed > .e-con-inner {
    width: 100% !important;
    max-width: 1264px !important;

    margin-left: auto !important;
    margin-right: auto !important;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c8319af *//* =========================================================
   SITA CLINIC V2 — FRECKLES
   F12 / FINAL CTA

   Section:
   #freckles-final
   .sita-freckles-final

   Desktop:
   1440 viewport
   1264 content
   88px gutters
   ========================================================= */


/* =========================================================
   0. FOUNDATION
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-c8319af {
  --sita-maroon: #723129;
  --sita-primary: #BB6358;

  --sita-light: #F6EAE4;
  --sita-light-soft: #F0DCD4;
  --sita-light-muted: #E3B7AB;

  --sita-line:
    rgba(246, 234, 228, 0.18);

  --sita-line-medium:
    rgba(246, 234, 228, 0.35);

  --sita-line-strong:
    rgba(246, 234, 228, 0.60);

  position: relative;

  width: 100%;
  max-width: none;

  margin: 0;

  padding-top: 112px;
  padding-right: max(88px, calc((100vw - 1264px) / 2));
  padding-bottom: 120px;
  padding-left: max(88px, calc((100vw - 1264px) / 2));

  background: var(--sita-maroon);

  color: var(--sita-light);

  font-family:
    "Noto Sans Thai",
    "Noto Sans",
    sans-serif;

  overflow: hidden;
}


.elementor-7144 .elementor-element.elementor-element-c8319af,
.elementor-7144 .elementor-element.elementor-element-c8319af *,
.elementor-7144 .elementor-element.elementor-element-c8319af *::before,
.elementor-7144 .elementor-element.elementor-element-c8319af *::after {
  box-sizing: border-box;
}


.elementor-7144 .elementor-element.elementor-element-c8319af .elementor-widget-html,
.elementor-7144 .elementor-element.elementor-element-c8319af .elementor-widget-html .elementor-widget-container {
  width: 100%;
  max-width: 100%;

  margin: 0;
  padding: 0;
}


/* =========================================================
   1. MASTER GRID
   Desktop = 7 : 5
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-c8319af .sita-freckles-final__grid {
  display: grid;

  grid-template-columns:
    minmax(0, 7fr)
    minmax(0, 5fr);

  gap: 72px;

  align-items: end;

  width: 100%;
}


/* =========================================================
   2. LEFT CONTENT
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-c8319af .sita-freckles-final__content {
  min-width: 0;
}


/* =========================================================
   3. TOPLINE
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-c8319af .sita-freckles-final__topline {
  display: flex;

  align-items: baseline;

  gap: 24px;

  width: 100%;

  font-size: 13px;
  line-height: 1.5;

  font-weight: 500;

  color: var(--sita-light-muted);
}


.elementor-7144 .elementor-element.elementor-element-c8319af
.sita-freckles-final__topline
span:last-child {
  font-size: 12px;
  line-height: 1.5;

  letter-spacing: 0.20em;

  color: var(--sita-light-muted);
}


/* =========================================================
   4. H2
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-c8319af .sita-freckles-final__title {
  max-width: 760px;

  margin: 24px 0 0;

  font-family:
    "Anuphan",
    sans-serif;

  font-size: 50px;
  line-height: 1.18;

  font-weight: 300;

  letter-spacing: -0.01em;

  color: #FFFFFF;

  text-wrap: balance;
}


/* =========================================================
   5. BODY COPY
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-c8319af .sita-freckles-final__copy {
  max-width: 680px;

  margin-top: 28px;
}


.elementor-7144 .elementor-element.elementor-element-c8319af .sita-freckles-final__copy p {
  margin: 0;

  font-size: 18px;
  line-height: 1.85;

  font-weight: 300;

  color: var(--sita-light-soft);

  text-wrap: pretty;
}


.elementor-7144 .elementor-element.elementor-element-c8319af
.sita-freckles-final__copy
p + p {
  margin-top: 12px;
}


/* =========================================================
   6. CTA GROUP

   Priority:
   1. Filled
   2. Outline
   3. Text link
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-c8319af .sita-freckles-final__actions {
  display: flex;

  align-items: center;
  flex-wrap: wrap;

  gap: 14px 20px;

  margin-top: 44px;
}


/* Primary */
.elementor-7144 .elementor-element.elementor-element-c8319af .sita-freckles-final__primary {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  height: 54px;

  padding: 0 30px;

  border-radius: 3px;

  background: #FFFFFF;

  color: var(--sita-maroon);

  font-size: 15px;
  line-height: 1.4;

  font-weight: 600;

  text-decoration: none;
}


/* Secondary */
.elementor-7144 .elementor-element.elementor-element-c8319af .sita-freckles-final__secondary {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  height: 54px;

  padding: 0 26px;

  border:
    1px solid var(--sita-line-strong);

  border-radius: 3px;

  background: transparent;

  color: #FFFFFF;

  font-size: 15px;
  line-height: 1.4;

  font-weight: 500;

  text-decoration: none;
}


/* LINE */
.elementor-7144 .elementor-element.elementor-element-c8319af .sita-freckles-final__line {
  display: inline-flex;

  align-items: center;

  min-height: 44px;

  color: #FFFFFF;

  font-size: 15px;
  line-height: 1.5;

  font-weight: 400;

  text-decoration: none;

  border-bottom:
    1px solid rgba(246, 234, 228, 0.50);
}


/* =========================================================
   7. INTERACTION
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-c8319af .sita-freckles-final__primary:hover,
.elementor-7144 .elementor-element.elementor-element-c8319af .sita-freckles-final__primary:focus-visible {
  opacity: 0.92;
}


.elementor-7144 .elementor-element.elementor-element-c8319af .sita-freckles-final__secondary:hover,
.elementor-7144 .elementor-element.elementor-element-c8319af .sita-freckles-final__secondary:focus-visible {
  background:
    rgba(255, 255, 255, 0.06);

  border-color: #FFFFFF;
}


.elementor-7144 .elementor-element.elementor-element-c8319af .sita-freckles-final__line:hover,
.elementor-7144 .elementor-element.elementor-element-c8319af .sita-freckles-final__line:focus-visible {
  border-bottom-color: #FFFFFF;
}


/* =========================================================
   8. RIGHT — CONTACT BLOCK
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-c8319af .sita-freckles-final__contact {
  min-width: 0;

  margin: 0;

  padding-top: 28px;

  border-top:
    1px solid var(--sita-line-medium);
}


.elementor-7144 .elementor-element.elementor-element-c8319af .sita-freckles-final__contact-label {
  font-size: 12px;
  line-height: 1.5;

  letter-spacing: 0.16em;

  font-weight: 600;

  color: var(--sita-light-muted);
}


/* =========================================================
   9. CONTACT DETAILS
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-c8319af .sita-freckles-final__contact-details {
  margin-top: 20px;

  font-size: 17px;
  line-height: 1.9;

  font-weight: 400;

  color: #FFFFFF;
}


.elementor-7144 .elementor-element.elementor-element-c8319af .sita-freckles-final__contact-details a {
  color: #FFFFFF;

  text-decoration: none;

  border-bottom:
    1px solid rgba(246, 234, 228, 0.40);
}


/* =========================================================
   10. CONTACT NOTE
   ========================================================= */

.elementor-7144 .elementor-element.elementor-element-c8319af .sita-freckles-final__contact-note {
  max-width: 430px;

  margin: 24px 0 0;

  font-size: 15px;
  line-height: 1.8;

  font-weight: 300;

  color: var(--sita-light-soft);

  text-wrap: pretty;
}


/* =========================================================
   11. TABLET LANDSCAPE
   769px–1199px
   ========================================================= */

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

  .elementor-7144 .elementor-element.elementor-element-c8319af {
    padding-top: 88px;
    padding-right: 40px;
    padding-bottom: 96px;
    padding-left: 40px;
  }


  .elementor-7144 .elementor-element.elementor-element-c8319af .sita-freckles-final__grid {
    gap: 48px;
  }


  .elementor-7144 .elementor-element.elementor-element-c8319af .sita-freckles-final__title {
    font-size: 40px;
    line-height: 1.20;
  }


  .elementor-7144 .elementor-element.elementor-element-c8319af .sita-freckles-final__copy p {
    font-size: 16px;
  }


  .elementor-7144 .elementor-element.elementor-element-c8319af .sita-freckles-final__actions {
    margin-top: 34px;
  }


  .elementor-7144 .elementor-element.elementor-element-c8319af .sita-freckles-final__contact-details {
    font-size: 16px;
  }


  .elementor-7144 .elementor-element.elementor-element-c8319af .sita-freckles-final__contact-note {
    font-size: 14px;
  }

}


/* =========================================================
   12. TABLET PORTRAIT
   <= 768px
   ========================================================= */

@media (max-width: 768px) {

  .elementor-7144 .elementor-element.elementor-element-c8319af {
    padding-top: 72px;
    padding-right: 32px;
    padding-bottom: 72px;
    padding-left: 32px;
  }


  .elementor-7144 .elementor-element.elementor-element-c8319af .sita-freckles-final__grid {
    grid-template-columns: 1fr;

    gap: 38px;

    align-items: start;
  }


  .elementor-7144 .elementor-element.elementor-element-c8319af .sita-freckles-final__title {
    max-width: 680px;

    font-size: 34px;
    line-height: 1.24;
  }


  .elementor-7144 .elementor-element.elementor-element-c8319af .sita-freckles-final__copy {
    max-width: 680px;

    margin-top: 20px;
  }


  .elementor-7144 .elementor-element.elementor-element-c8319af .sita-freckles-final__copy p {
    font-size: 16px;
  }


  .elementor-7144 .elementor-element.elementor-element-c8319af .sita-freckles-final__contact {
    max-width: 680px;
  }

}


/* =========================================================
   13. MOBILE
   <= 480px

   Source:
   - H2 28px
   - body condensed visually
   - buttons full width
   - LINE 48px minimum
   - contact details below
   ========================================================= */

@media (max-width: 480px) {

  .elementor-7144 .elementor-element.elementor-element-c8319af {
    padding-top: 44px;
    padding-right: 24px;
    padding-bottom: 40px;
    padding-left: 24px;
  }


  /* -------------------------------------------------------
     Grid
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-c8319af .sita-freckles-final__grid {
    gap: 18px;
  }


  /* -------------------------------------------------------
     Topline
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-c8319af .sita-freckles-final__topline {
    display: block;

    font-size: 12px;
  }


  .elementor-7144 .elementor-element.elementor-element-c8319af
  .sita-freckles-final__topline
  span:last-child {
    display: none;
  }


  /* -------------------------------------------------------
     Heading
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-c8319af .sita-freckles-final__title {
    margin-top: 14px;

    font-size: 28px;
    line-height: 1.25;
  }


  .elementor-7144 .elementor-element.elementor-element-c8319af .sita-freckles-final__title br {
    display: none;
  }


  /* -------------------------------------------------------
     Body
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-c8319af .sita-freckles-final__copy {
    margin-top: 14px;
  }


  .elementor-7144 .elementor-element.elementor-element-c8319af .sita-freckles-final__copy p {
    font-size: 16px;
    line-height: 1.85;
  }


  .elementor-7144 .elementor-element.elementor-element-c8319af
  .sita-freckles-final__copy
  p + p {
    margin-top: 6px;
  }


  /* -------------------------------------------------------
     CTAs
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-c8319af .sita-freckles-final__actions {
    display: flex;

    flex-direction: column;
    align-items: stretch;

    gap: 12px;

    width: 100%;

    margin-top: 24px;
  }


  .elementor-7144 .elementor-element.elementor-element-c8319af .sita-freckles-final__primary,
  .elementor-7144 .elementor-element.elementor-element-c8319af .sita-freckles-final__secondary {
    display: flex;

    width: 100%;
    height: 52px;

    padding-right: 20px;
    padding-left: 20px;
  }


  .elementor-7144 .elementor-element.elementor-element-c8319af .sita-freckles-final__line {
    display: flex;

    justify-content: center;

    width: 100%;
    min-height: 48px;

    border-bottom: 0;

    font-size: 14px;

    text-align: center;
  }


  /* -------------------------------------------------------
     Contact
     ------------------------------------------------------- */

  .elementor-7144 .elementor-element.elementor-element-c8319af .sita-freckles-final__contact {
    margin-top: 0;

    padding-top: 18px;
  }


  .elementor-7144 .elementor-element.elementor-element-c8319af .sita-freckles-final__contact-label {
    display: none;
  }


  .elementor-7144 .elementor-element.elementor-element-c8319af .sita-freckles-final__contact-details {
    margin-top: 0;

    font-size: 15px;
    line-height: 1.9;
  }


  .elementor-7144 .elementor-element.elementor-element-c8319af .sita-freckles-final__contact-note {
    margin-top: 16px;

    font-size: 13px;
    line-height: 1.75;
  }

}


/* =========================================================
   14. VERY SMALL MOBILE
   <= 360px
   ========================================================= */

@media (max-width: 360px) {

  .elementor-7144 .elementor-element.elementor-element-c8319af {
    padding-right: 20px;
    padding-left: 20px;
  }


  .elementor-7144 .elementor-element.elementor-element-c8319af .sita-freckles-final__title {
    font-size: 26px;
  }

}/* End custom CSS */